@extends('layouts.app')
@section('title','Sales')@section('page-title','Sales Orders')
@section('content')
<div class="page-header d-flex align-items-start justify-content-between">
    <div><h1>Sales Orders</h1><p>All sales transactions{{ auth()->user()->branch ? ' — '.auth()->user()->branch->name : '' }}</p></div>
    <a href="{{ route('sales.create') }}" class="btn btn-brand"><i class="bi bi-plus-lg me-1"></i> New Sale</a>
</div>
<div class="card mb-4"><div class="card-body p-3">
    <form method="GET" class="row g-2 align-items-end">
        <div class="col-12 col-md-4"><div class="search-bar"><i class="bi bi-search"></i><input type="text" name="search" class="form-control" placeholder="Invoice or customer..." value="{{ request('search') }}"></div></div>
        <div class="col-6 col-md-2"><select name="status" class="form-select"><option value="">All Status</option>@foreach(['completed','pending','cancelled','refunded'] as $s)<option value="{{ $s }}" {{ request('status')===$s?'selected':'' }}>{{ ucfirst($s) }}</option>@endforeach</select></div>
        @if(auth()->user()->isAdmin())<div class="col-6 col-md-2"><select name="branch" class="form-select"><option value="">All Branches</option>@foreach($branches as $b)<option value="{{ $b->id }}" {{ request('branch')==$b->id?'selected':'' }}>{{ $b->code }}</option>@endforeach</select></div>@endif
        <div class="col-6 col-md-2"><input type="date" name="from" class="form-control" value="{{ request('from') }}" placeholder="From"></div>
        <div class="col-6 col-md-2 d-flex gap-2"><button type="submit" class="btn btn-brand flex-fill">Filter</button><a href="{{ route('sales.index') }}" class="btn btn-outline-secondary">✕</a></div>
    </form>
</div></div>
<div class="card"><div class="card-body p-0">
    <div class="table-responsive">
    <table class="table table-hover mb-0">
        <thead><tr>
            <th class="ps-4">Invoice</th>
            @if(auth()->user()->isAdmin())<th>Branch</th>@endif
            <th>Customer</th><th>Payment</th><th class="text-end">Total (USD)</th><th>Status</th><th class="text-end pe-4">Date</th>
        </tr></thead>
        <tbody>
        @forelse($sales as $sale)
        <tr>
            <td class="ps-4"><a href="{{ route('sales.show',$sale) }}" style="font-weight:700;color:var(--accent);text-decoration:none;font-size:13px;">{{ $sale->invoice_number }}</a></td>
            @if(auth()->user()->isAdmin())<td><span style="font-size:11px;font-family:monospace;background:rgba(46,196,182,.1);color:var(--accent);padding:2px 8px;border-radius:6px;">{{ $sale->branch?->code ?? '—' }}</span></td>@endif
            <td style="font-size:13px;">{{ $sale->customer?->name ?? 'Walk-in' }}</td>
            <td><span class="badge-status badge-completed" style="font-size:10px;">{{ ucfirst($sale->payment_method) }}</span></td>
            <td class="text-end fw-700">${{ number_format($sale->total_usd,2) }}</td>
            <td><span class="badge-status badge-{{ $sale->status }}">{{ ucfirst($sale->status) }}</span></td>
            <td class="text-end pe-4" style="font-size:12px;color:var(--text-muted-c)">{{ $sale->sale_date->format('M j, Y') }}</td>
        </tr>
        @empty
        <tr><td colspan="{{ auth()->user()->isAdmin()?7:6 }}" class="text-center py-5 text-muted"><i class="bi bi-receipt" style="font-size:40px"></i><p class="mt-2 mb-0">No sales found.</p></td></tr>
        @endforelse
        </tbody>
    </table>
    </div>
</div>
@if($sales->hasPages())
<div class="card-footer d-flex justify-content-between align-items-center p-3" style="border-top:1px solid var(--border-c)">
    <small class="text-muted">{{ $sales->firstItem() }}–{{ $sales->lastItem() }} of {{ $sales->total() }}</small>{{ $sales->links() }}
</div>
@endif
</div>
@endsection