@extends('layouts.app')
@section('title', __('dashboard.sidebar_laundry_ops'))
@section('page_heading', __('dashboard.sidebar_laundry_ops'))

@section('content')
@php
    $currentState = $state ?? request('state', 'active');
    $hasFilter = request()->hasAny(['search','sku_search','laundry_id','status']);
    $statusBadge = ['sent'=>['var(--c-primary-bg)','var(--c-primary)','مُرسل'],'partially_received'=>['#fffbeb','#d97706','مستلم جزئياً'],'received'=>['#f0fdf4','#16a34a','مستلم']];
@endphp

{{-- KPIs --}}
<div class="kpi-grid-4">
    @foreach([
        ['fa-solid fa-arrows-rotate', '#eff6ff','#2563eb', $laundryOperations->total(),                                                                          __('dashboard.total_operations')],
        ['fa-solid fa-clock',         'var(--c-primary-bg)','var(--c-primary)', $laundryOperations->getCollection()->where('status','sent')->count(),             'قيد الإرسال'],
        ['fa-solid fa-circle-check',  '#f0fdf4','#16a34a', $laundryOperations->getCollection()->where('status','received')->count(),                             'مستلمة'],
        ['fa-solid fa-coins',         '#fffbeb','#d97706', number_format($laundryOperations->getCollection()->whereIn('status',['received','partially_received'])->sum('laundry_amount'),2), 'إجمالي التكلفة (ج.م)'],
    ] as [$ic,$bg,$cl,$val,$lbl])
    <div style="background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1rem 1.15rem;display:flex;align-items:center;gap:.875rem;box-shadow:var(--shadow-card)">
        <div style="width:40px;height:40px;border-radius:10px;background:{{ $bg }};color:{{ $cl }};display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0"><i class="{{ $ic }}"></i></div>
        <div>
            <div style="font-size:1.2rem;font-weight:900;color:var(--text-primary);line-height:1">{{ $val }}</div>
            <div style="font-size:.73rem;font-weight:700;color:var(--text-muted);margin-top:.15rem">{{ $lbl }}</div>
        </div>
    </div>
    @endforeach
</div>

<div style="background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)">
    <div style="display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap">
        <div style="display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:800;color:var(--text-primary)">
            <i class="fa-solid fa-arrows-rotate" style="color:var(--c-primary)"></i>
            {{ __('dashboard.All Laundry Operations') }}
            <span style="font-size:.7rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;background:var(--c-primary-bg);color:var(--c-primary)">{{ number_format($laundryOperations->total()) }}</span>
        </div>
        <div style="display:flex;align-items:center;gap:.5rem">
            <div style="display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden">
                @foreach(['active'=>'النشط','trashed'=>'المحذوف','all'=>'الكل'] as $val=>$lbl)
                <a href="{{ route('dashboard.laundry_operations.index', array_merge(request()->except('page'), ['state'=>$val])) }}"
                   style="padding:.3rem .75rem;font-size:.75rem;font-weight:700;text-decoration:none;{{ $currentState===$val ? 'background:var(--c-primary);color:#fff' : 'color:var(--text-muted)' }}">{{ $lbl }}</a>
                @endforeach
            </div>
            @can('create laundry operations')
            <a href="{{ route('dashboard.laundry_operations.create') }}" class="app-btn app-btn--primary app-btn--sm"><i class="fa-solid fa-plus me-1"></i>{{ __('dashboard.Add New Laundry Operation') }}</a>
            @endcan
        </div>
    </div>

    {{-- Filter --}}
    <form method="GET" action="{{ route('dashboard.laundry_operations.index') }}" style="padding:.875rem 1.25rem;border-bottom:1px solid var(--border-subtle);display:flex;gap:.625rem;flex-wrap:wrap;align-items:flex-end">
        <input type="hidden" name="state" value="{{ $currentState }}">
        <input type="text" name="search" class="app-input app-input--sm" style="max-width:180px" value="{{ request('search') }}" placeholder="اسم المغسلة أو المنتج">
        <input type="text" name="sku_search" class="app-input app-input--sm" style="max-width:140px" value="{{ request('sku_search') }}" placeholder="SKU المنتج">
        <select name="laundry_id" class="app-input app-select app-input--sm" style="max-width:160px">
            <option value="">{{ __('dashboard.All') }} {{ __('dashboard.Laundry') }}</option>
            @foreach($laundries as $l)<option value="{{ $l->id }}" @selected(request('laundry_id')==$l->id)>{{ $l->name }}</option>@endforeach
        </select>
        <select name="status" class="app-input app-select app-input--sm" style="max-width:150px">
            <option value="">{{ __('dashboard.All') }}</option>
            <option value="sent" @selected(request('status')==='sent')>{{ __('dashboard.Sent') }}</option>
            <option value="partially_received" @selected(request('status')==='partially_received')>{{ __('dashboard.Partially Received') }}</option>
            <option value="received" @selected(request('status')==='received')>{{ __('dashboard.Received') }}</option>
        </select>
        <button type="submit" class="app-btn app-btn--secondary app-btn--sm"><i class="fa-solid fa-filter"></i></button>
        @if($hasFilter)<a href="{{ route('dashboard.laundry_operations.index') }}" class="app-btn app-btn--secondary app-btn--sm"><i class="fa-solid fa-xmark"></i></a>@endif
    </form>

    @if($laundryOperations->isEmpty())
        <div style="padding:3rem;text-align:center">@include('layouts.partials.index-empty-state',['icon'=>'fa-solid fa-arrows-rotate','title'=>__('dashboard.No laundry operations found.'),'message'=>''])</div>
    @else
    <div style="overflow-x:auto">
        <style>.page-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .12s}.page-table tbody tr:hover{background:var(--surface-50)}.page-th{padding:.65rem 1.1rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:start;border-bottom:1px solid var(--border);white-space:nowrap}</style>
        <table class="page-table" style="width:100%;border-collapse: collapse;font-size:.83rem">
            <thead><tr style="background:var(--border-subtle)">
                @foreach(['#',__('dashboard.Laundry'),__('dashboard.Products'),__('dashboard.Created At'),__('dashboard.Status'),__('dashboard.Laundry Amount')] as $h)
                <th class="page-th">{{ $h }}</th>
                @endforeach
                <th class="page-th" style="text-align:end">{{ __('dashboard.Actions') }}</th>
            </tr></thead>
            <tbody>
                @foreach($laundryOperations as $op)
                @php [$sbg,$scolor,$slabel] = $statusBadge[$op->status] ?? ['var(--border-subtle)','var(--text-muted)',$op->status]; @endphp
                <tr>
                    <td style="padding:.875rem 1.25rem;font-weight:700;color:var(--text-muted);font-size:.78rem">{{ $op->id }}</td>
                    <td style="padding:.875rem 1.25rem">
                        <div style="font-weight:800;color:var(--text-primary)">{{ $op->laundry->name }}</div>
                        @if($op->trashed())<span style="display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.65rem;font-weight:700;background:#fef2f2;color:#dc2626;margin-top:.2rem">محذوف</span>@endif
                    </td>
                    <td style="padding:.875rem 1.25rem">
                        <div style="display:flex;flex-direction:column;gap:.25rem">
                            @foreach($op->operationProducts as $pivot)
                                @if($pivot->product)
                                <div style="display:flex;align-items:center;gap:.4rem">
                                    <span style="display:inline-flex;padding:.15rem .5rem;border-radius:6px;font-size:.72rem;font-weight:700;background:var(--surface-100);color:var(--text-secondary)">{{ $pivot->product->sku }}</span>
                                    <span style="font-size:.78rem;font-weight:700;color:var(--text-primary)">{{ $pivot->product->name }}</span>
                                </div>
                                @endif
                            @endforeach
                        </div>
                    </td>
                    <td style="padding:.875rem 1.25rem;font-size:.78rem;color:var(--text-muted)">{{ $op->created_at->format('Y-m-d H:i') }}</td>
                    <td style="padding:.875rem 1.25rem">
                        <span style="display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:700;background:{{ $sbg }};color:{{ $scolor }}">{{ $slabel }}</span>
                    </td>
                    <td style="padding:.875rem 1.25rem">
                        @if($op->status !== 'sent')
                        <div style="font-weight:800;color:#0ea5e9">{{ number_format($op->laundry_amount,2) }}</div>
                        <div style="font-size:.68rem;color:var(--text-muted)">ج.م</div>
                        @else
                        <span style="color:var(--text-muted)">—</span>
                        @endif
                    </td>
                    <td style="padding:.875rem 1.25rem;text-align:end">
                        @canany(['view laundry operations','edit laundry operations','delete laundry operations'])
                        <div class="custom-dropdown">
                            <button class="custom-dropdown__toggle">{{ __('dashboard.Actions') }}</button>
                            <div class="custom-dropdown__menu custom-dropdown__menu--end">
                                @if($op->trashed())
                                    <form action="{{ route('dashboard.trash.restore', ['type'=>'laundry_operations','id'=>$op->id]) }}" method="POST">@csrf<button type="submit" class="custom-dropdown__item custom-dropdown__item--success"><i class="fa-solid fa-rotate-left me-2"></i>استرجاع</button></form>
                                @else
                                    @can('view laundry operations')<a href="{{ route('dashboard.laundry_operations.receipt', $op->id) }}" class="custom-dropdown__item"><i class="fa-solid fa-clipboard-check me-2"></i>{{ __('dashboard.receive') }}</a>@endcan
                                    @can('edit laundry operations')<a href="{{ route('dashboard.laundry_operations.edit', $op->id) }}" class="custom-dropdown__item"><i class="fa-solid fa-pen me-2"></i>{{ __('dashboard.Edit') }}</a>@endcan
                                    @can('delete laundry operations')
                                    <form action="{{ route('dashboard.laundry_operations.destroy', $op->id) }}" method="POST">
                                        @csrf @method('DELETE')
                                        <button type="submit" class="custom-dropdown__item custom-dropdown__item--danger" data-confirm-delete="{{ __('dashboard.Are you sure you want to delete this laundry operation?') }}"><i class="fa-solid fa-trash me-2"></i>{{ __('dashboard.Delete') }}</button>
                                    </form>
                                    @endcan
                                @endif
                            </div>
                        </div>
                        @endcanany
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div style="padding:.75rem 1.25rem;border-top:1px solid var(--border-subtle)">{{ $laundryOperations->appends(request()->query())->links() }}</div>
    @endif
</div>
@endsection