@extends('admin.layouts.app')

@section('title', 'Sales history')

@section('content')
    <h1>Sales history</h1>

    <form method="GET" style="display:flex; gap:12px; align-items:flex-end; margin-bottom: 20px;">
        <div style="flex:1;">
            <label for="from">From</label>
            <input type="date" id="from" name="from" value="{{ request('from') }}">
        </div>
        <div style="flex:1;">
            <label for="to">To</label>
            <input type="date" id="to" name="to" value="{{ request('to') }}">
        </div>
        <button type="submit" class="btn" style="margin-bottom:16px;">Filter</button>
    </form>

    <p style="color:#9a9da3; font-size:14px;">Total for this range: <strong style="color:#e8e8e6;">${{ number_format($totalForFilter, 2) }}</strong></p>

    <table>
        <tr>
            <th>Invoice</th>
            <th>Pump</th>
            <th>Fuel</th>
            <th>Liters</th>
            <th>Unit price</th>
            <th>Total</th>
            <th>Cashier</th>
            <th>Date</th>
        </tr>
        @forelse ($sales as $sale)
            <tr>
                <td><a href="{{ route('admin.sales.show', $sale) }}" class="link">{{ $sale->invoice_number }}</a></td>
                <td>{{ $sale->pump->name }}</td>
                <td>{{ $sale->pump->fuelType->name }}</td>
                <td>{{ number_format($sale->liters, 2) }}</td>
                <td>${{ number_format($sale->unit_price, 2) }}</td>
                <td>${{ number_format($sale->total, 2) }}</td>
                <td>{{ $sale->cashier->name }}</td>
                <td>{{ $sale->created_at->format('d/m/Y H:i') }}</td>
            </tr>
        @empty
            <tr><td colspan="8">No sales found for this range.</td></tr>
        @endforelse
    </table>

    <div style="margin-top: 20px;">
        {{ $sales->links() }}
    </div>
@endsection