@extends('layouts.app')
@section('title', __('Sales History'))

@section('content')
    <form method="GET" class="mb-4 flex flex-wrap items-end gap-2">
        <div><label class="label">{{ __('Search ref.') }}</label><input type="text" name="q" value="{{ request('q') }}" class="input max-w-[10rem]"></div>
        <div><label class="label">{{ __('From') }}</label><input type="date" name="from" value="{{ request('from') }}" class="input"></div>
        <div><label class="label">{{ __('To') }}</label><input type="date" name="to" value="{{ request('to') }}" class="input"></div>
        <div><label class="label">{{ __('Employee') }}</label>
            <select name="user_id" class="input">
                <option value="">{{ __('All') }}</option>
                @foreach ($employees as $employee)
                    <option value="{{ $employee->id }}" @selected(request('user_id') == $employee->id)>{{ $employee->name }}</option>
                @endforeach
            </select>
        </div>
        <div><label class="label">{{ __('Payment') }}</label>
            <select name="payment_method" class="input">
                <option value="">{{ __('All') }}</option>
                @foreach (['cash','card','mvola','orange_money','credit','other'] as $m)
                    <option value="{{ $m }}" @selected(request('payment_method') === $m)>{{ __(ucfirst(str_replace('_',' ',$m))) }}</option>
                @endforeach
            </select>
        </div>
        <div><label class="label">{{ __('Status') }}</label>
            <select name="status" class="input">
                <option value="">{{ __('All') }}</option>
                @foreach (['draft','pending_validation','validated','paid','cancelled'] as $s)
                    <option value="{{ $s }}" @selected(request('status') === $s)>{{ __(ucfirst($s)) }}</option>
                @endforeach
            </select>
        </div>
        <label class="flex items-center gap-2 pb-2 text-sm text-slate-600">
            <input type="checkbox" name="refunded" value="1" @checked(request('refunded')) class="rounded border-slate-300 text-brand-600">
            {{ __('Refunded only') }}
        </label>
        <button class="btn-secondary">{{ __('Filter') }}</button>
        <a href="{{ route('sales.index') }}" class="btn-secondary">{{ __('Reset') }}</a>
        <a href="{{ route('pos.create') }}" class="btn-primary ml-auto"><x-icon name="plus" class="h-4 w-4"/>{{ __('New Sale') }}</a>
    </form>

    <div class="mb-4 grid grid-cols-1 gap-4 sm:grid-cols-3">
        <div class="card"><p class="text-xs uppercase text-slate-400">{{ __('Results') }}</p><p class="mt-1 text-xl font-bold">{{ number_format($summary['count']) }}</p></div>
        <div class="card"><p class="text-xs uppercase text-slate-400">{{ __('Total (page)') }}</p><p class="mt-1 text-xl font-bold">{{ money($summary['total']) }}</p></div>
        <div class="card"><p class="text-xs uppercase text-slate-400">{{ __('Refunded (page)') }}</p><p class="mt-1 text-xl font-bold text-red-600">{{ money($summary['refunded']) }}</p></div>
    </div>

    <div class="table-wrap">
        <table class="min-w-full divide-y divide-slate-100">
            <thead class="bg-slate-50">
                <tr>
                    <th class="th">{{ __('Reference') }}</th>
                    <th class="th">{{ __('Date') }}</th>
                    <th class="th">{{ __('Client') }}</th>
                    <th class="th">{{ __('Employee') }}</th>
                    <th class="th">{{ __('Total') }}</th>
                    <th class="th">{{ __('Refunded') }}</th>
                    <th class="th">{{ __('Payment') }}</th>
                    <th class="th">{{ __('Status') }}</th>
                    <th class="th"></th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($sales as $sale)
                    <tr class="hover:bg-slate-50">
                        <td class="td font-mono text-xs">{{ $sale->reference }}</td>
                        <td class="td">{{ $sale->created_at->format('d/m/Y H:i') }}</td>
                        <td class="td">{{ $sale->client?->name ?? __('Walk-in') }}</td>
                        <td class="td">{{ $sale->employee?->name }}</td>
                        <td class="td font-semibold">{{ money($sale->total) }}</td>
                        <td class="td">{{ (float) $sale->amount_refunded > 0 ? money($sale->amount_refunded) : '—' }}</td>
                        <td class="td">{{ __(ucfirst(str_replace('_',' ',$sale->payment_method))) }}</td>
                        <td class="td"><span class="badge {{ $sale->status === 'paid' ? 'bg-brand-100 text-brand-700' : 'bg-amber-100 text-amber-700' }}">{{ __(ucfirst(str_replace('_', ' ', $sale->status))) }}</span></td>
                        <td class="td text-right"><a href="{{ route('sales.show', $sale) }}" class="text-brand-600 hover:underline">{{ __('View') }}</a></td>
                    </tr>
                @empty
                    <tr><td colspan="9" class="td py-10 text-center text-slate-400">{{ __('No sales found.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $sales->links() }}</div>
@endsection