@extends('layouts.app')
@section('title', __('sales.invoices'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ __('sales.invoices') }}</h5>
  <a href="{{ route('pos.index') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> {{ __('pos.new_sale') }}</a>
</div>
<div class="card"><div class="card-body">
  <form class="row g-2 mb-3">
    <div class="col-md-3"><input type="search" name="q" value="{{ request('q') }}" class="form-control" placeholder="{{ __('app.number') }} / {{ __('customers.customer') }}"></div>
    <div class="col-md-2">
      <select name="status" class="form-select" onchange="this.form.submit()">
        <option value="">{{ __('app.status') }} — {{ __('app.all') }}</option>
        @foreach(['completed','partial','unpaid','cancelled'] as $s)
          <option value="{{ $s }}" @selected(request('status')==$s)>{{ __('sales.' . $s) }}</option>
        @endforeach
      </select>
    </div>
    <div class="col-md-2"><input type="date" name="from" value="{{ request('from') }}" class="form-control"></div>
    <div class="col-md-2"><input type="date" name="to" value="{{ request('to') }}" class="form-control"></div>
    <div class="col-auto"><button class="btn btn-outline-primary">{{ __('app.filter') }}</button></div>
  </form>
  <div class="table-responsive">
  <table class="table table-hover align-middle">
    <thead><tr><th>{{ __('app.number') }}</th><th>{{ __('app.date') }}</th><th>{{ __('customers.customer') }}</th><th>{{ __('app.total') }}</th><th>{{ __('app.paid') }}</th><th>{{ __('app.status') }}</th><th></th></tr></thead>
    <tbody>
      @forelse($sales as $sale)
      <tr>
        <td><a href="{{ route('sales.show', $sale) }}" class="fw-semibold text-decoration-none">{{ $sale->number }}</a></td>
        <td>{{ $sale->date->format('Y-m-d') }}</td>
        <td>{{ $sale->customer->name ?? __('pos.walk_in') }}</td>
        <td class="fw-semibold">{{ money($sale->total) }}</td>
        <td class="text-success">{{ money($sale->paid) }}</td>
        <td>
          @php $color = ['completed'=>'success','partial'=>'warning','unpaid'=>'danger','cancelled'=>'secondary'][$sale->status] ?? 'light'; @endphp
          <span class="badge text-bg-{{ $color }}">{{ __('sales.' . $sale->status) }}</span>
        </td>
        <td class="text-end">
          <a href="{{ route('sales.print', $sale) }}" target="_blank" class="btn btn-sm btn-outline-secondary"><i class="bi bi-printer"></i></a>
          <a href="{{ route('sales.show', $sale) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i></a>
        </td>
      </tr>
      @empty
      <tr><td colspan="7" class="text-center text-secondary py-4">{{ __('app.no_data') }}</td></tr>
      @endforelse
    </tbody>
  </table>
  </div>
  {{ $sales->links() }}
</div></div>
@endsection