@extends('layouts.app')
@section('title', __('Sales management'))
@section('content')
<div class="mb-6 flex items-end justify-between gap-4">
  <p class="text-sm text-slate-500">{{ __('Record sales and review pending submissions.') }}</p>
  @if(auth()->user()->isAdmin())<a href="{{ route('admin.sales.create') }}" class="rounded-xl bg-blue-900 px-4 py-3 text-sm font-bold text-white">{{ __('Record sale') }}</a>@endif
</div>
<section class="panel-card overflow-hidden">
  <div class="table-scroll"><table class="w-full text-left text-sm">
    <thead class="bg-slate-50 text-xs font-bold uppercase text-slate-400"><tr><th class="px-5 py-3">{{ __('Invoice') }}</th><th class="px-5 py-3">{{ __('Member') }}</th><th class="px-5 py-3">{{ __('Customer') }}</th><th class="px-5 py-3">{{ __('Amount') }}</th><th class="px-5 py-3">{{ __('Submitted') }}</th><th class="px-5 py-3">{{ __('Status') }}</th>@if(auth()->user()->isAdmin())<th class="px-5 py-3">{{ __('Review') }}</th>@endif</tr></thead>
    <tbody class="divide-y divide-slate-100">
    @forelse($sales as $sale)
      <tr class="text-slate-600">
        <td class="px-5 py-4 font-semibold text-slate-800">{{ $sale->invoice_number ?? $sale->reference }}</td>
        <td class="px-5 py-4"><span class="font-semibold text-slate-800">{{ $sale->user->name ?? '—' }}</span><span class="block text-xs text-slate-400">{{ $sale->user->member_id ?? '—' }}</span></td>
        <td class="px-5 py-4">{{ $sale->customer_name ?: '—' }}</td>
        <td class="px-5 py-4 font-bold text-slate-900">৳{{ number_format($sale->amount, 2) }}</td>
        <td class="px-5 py-4">{{ $sale->invoice_date?->format('M d, Y') ?? $sale->created_at->format('M d, Y') }}</td>
        <td class="px-5 py-4"><span class="rounded-full px-2.5 py-1 text-xs font-bold {{ $sale->status === 'approved' ? 'bg-emerald-50 text-emerald-700' : ($sale->status === 'rejected' ? 'bg-rose-50 text-rose-700' : 'bg-amber-50 text-amber-700') }}">{{ __(ucfirst($sale->status)) }}</span></td>
        <td class="px-5 py-4">@if(auth()->user()->isAdmin() && $sale->status === 'pending')
          <div class="flex gap-2"><form method="POST" action="{{ route('admin.sales.approve', $sale) }}">@csrf<button class="rounded-lg bg-emerald-50 px-3 py-2 text-xs font-bold text-emerald-700">{{ __('Approve') }}</button></form>
          <form method="POST" action="{{ route('admin.sales.reject', $sale) }}">@csrf<button class="rounded-lg bg-rose-50 px-3 py-2 text-xs font-bold text-rose-700">{{ __('Reject') }}</button></form></div>
        @else<span class="text-xs text-slate-400">{{ __('Reviewed') }}</span>@endif</td>
      </tr>
    @empty<tr><td colspan="{{ auth()->user()->isAdmin() ? 7 : 6 }}" class="px-5 py-12 text-center text-slate-400">{{ __('No sales recorded yet.') }}</td></tr>@endforelse
    </tbody>
  </table></div><div class="border-t border-slate-100 px-5 py-4">{{ $sales->links() }}</div>
</section>
@endsection