@extends('layouts.app')
@section('title', __('Sales by :name', ['name' => $employee->name]))

@section('content')
    <div class="mb-4"><a href="{{ route('employees.index') }}" class="text-sm text-brand-600 hover:underline">&larr; {{ __('Back') }}</a></div>

    <div class="card mb-4">
        <div class="flex items-center justify-between">
            <span class="text-sm text-slate-500">{{ __('Total revenue') }}</span>
            <span class="text-2xl font-bold text-brand-700">{{ money($revenue) }}</span>
        </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 text-right">{{ __('Total') }}</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"><a href="{{ route('sales.show', $sale) }}" class="text-brand-600 hover:underline">{{ $sale->reference }}</a></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 text-right font-semibold">{{ money($sale->total) }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="td py-8 text-center text-slate-400">{{ __('No sales.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $sales->links() }}</div>
@endsection