@extends('layouts.admin')

@section('title', __('admin_sales.movement_history'))

@push('styles')
    .summary{display:flex;gap:20px;flex-wrap:wrap}.summary
    div{padding:14px;border-radius:9px;background:var(--primary-light)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table
    th,.data-table td{padding:12px;border-bottom:1px solid
    var(--border);text-align:start}.positive{color:#146c35;font-weight:800}.negative{color:#b42318;font-weight:800}
@endpush

@section('content')
    @php($name = $product->translation(app()->getLocale())?->name ?? ($product->translation('ar')?->name ?? $product->internal_code))
    <div class="page-header">
        <h1 class="page-title">{{ __('admin_sales.movement_history') }}</h1><a class="button button-secondary"
            href="{{ route('admin.inventory.index') }}">{{ __('admin_sales.back') }}</a>
    </div>
    <section class="card">
        <h2>{{ $product->internal_code }} — {{ $name }}</h2>
        <div class="summary">
            <div>{{ __('admin_sales.current_stock') }}: <strong>{{ $product->stock_quantity }}</strong></div>
            <div>{{ __('admin_sales.threshold') }}: <strong>{{ $product->low_stock_threshold }}</strong></div>
        </div>
    </section>
    <section class="card" style="margin-top:20px">
        <div class="table-wrap">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>{{ __('admin_sales.date') }}</th>
                        <th>{{ __('admin_sales.movement_type') }}</th>
                        <th>{{ __('admin_sales.change') }}</th>
                        <th>{{ __('admin_sales.before') }}</th>
                        <th>{{ __('admin_sales.after') }}</th>
                        <th>{{ __('admin_sales.reason') }}</th>
                        <th>{{ __('admin_sales.actor') }}</th>
                        <th>{{ __('admin_sales.reference') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($movements as $movement)
                        <tr>
                            <td>{{ $movement->created_at?->format('Y-m-d H:i') }}</td>
                            <td>{{ __('admin_sales.' . $movement->movement_type) }}</td>
                            <td class="{{ $movement->quantity_change >= 0 ? 'positive' : 'negative' }}">
                                {{ $movement->quantity_change > 0 ? '+' : '' }}{{ $movement->quantity_change }}</td>
                            <td>{{ $movement->quantity_before }}</td>
                            <td>{{ $movement->quantity_after }}</td>
                            <td>{{ $movement->reason ?? '—' }}</td>
                            <td>{{ $movement->actor?->full_name ?? '—' }}</td>
                            <td>
                                @if ($movement->sale)
                                    <a
                                        href="{{ route('admin.sales.show', $movement->sale) }}">{{ $movement->sale->sale_number }}</a>
                                @else
                                    —
                                @endif
                            </td>
                    </tr>@empty<tr>
                            <td colspan="8">{{ __('admin_sales.no_movements') }}</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>{{ $movements->links() }}
    </section>
@endsection