@extends('layouts.'.env('THEME'))

@section('content')
<div class="container-fluid py-5">
    <div class="row mb-4">
        <div class="col-8">
            <h2>Voucher Payments Report</h2>
            <p class="text-muted">
                Currently viewing week commencing: <strong>{{ $week_commencing->format('D jS F Y') }}</strong>
            </p>
        </div>
        <div class="col-4 text-right">
            <form method="GET" action="{{ route('admin.reports.voucher_payments') }}" class="form-inline float-right">
                <div class="form-group mb-2">
                    <label for="week_commencing" class="sr-only">Week Commencing</label>
                    <input type="date" class="form-control" id="week_commencing" name="week_commencing" value="{{ $week_commencing->format('Y-m-d') }}">
                </div>
                <button type="submit" class="btn btn-primary mb-2 ml-2">Change Week</button>
            </form>
        </div>
    </div>

    <div class="row mb-4">
        <div class="col-12">
            <div class="alert alert-info">
                Last BDUK data sync: <strong>{{ $last_update ? $last_update->format('D jS F Y, g:ia') : 'Never' }}</strong>
            </div>
            @include('voucher.admin.sync_voucher_states')
        </div>
    </div>

    {{-- Payments Expected --}}
    <div class="row mb-5">
        <div class="col-12">
            <h4>
                <i class="fas fa-file-invoice-dollar text-primary"></i> 
                Friday Payments Expected
            </h4>
            <p class="text-muted">
                These are leads that are either 'Approved' or have been 'Paid' since <strong>{{ $dates['three_days_before_friday']->format('D jS M') }}</strong>. 
                These are expected to be included in the pay run on <strong>{{ $dates['friday']->format('D jS M') }}</strong>.
            </p>
            @include('admin.partials.voucher_pay_table', ['leads' => $payments_expected, 'title' => 'Expected'])
        </div>
    </div>

    {{-- Payments Confirmed --}}
    <div class="row mb-5">
        <div class="col-12">
            <h4>
                <i class="fas fa-check-circle text-success"></i> 
                Payments Confirmed
            </h4>
            <p class="text-muted">
                These leads have been marked as 'Paid' during the selected week (<strong>{{ $week_commencing->format('D jS M') }}</strong> to <strong>{{ $dates['end_of_week']->format('D jS M') }}</strong>).
            </p>
            @include('admin.partials.voucher_pay_table', ['leads' => $payments_confirmed, 'title' => 'Confirmed'])
        </div>
    </div>

    {{-- Payments Pending Approval --}}
    <div class="row mb-5">
        <div class="col-12">
            <h4 class="mb-3">Payments Pending Customer Approval</h4>
            <p class="text-muted">
                These customers have had their service installed and are now live, but their voucher status has not yet been updated to 'Approved' or 'Paid'.
                They need to be chased to ensure their voucher is claimed and processed for payment.
            </p>
            @include('admin.partials.voucher_pay_table', ['leads' => $payments_pending])
        </div>
    </div>

    <hr class="my-5">

    {{-- 14-Day Install Forecast --}}
    <div class="row">
        <div class="col-12">
            <h4 class="mb-3">14-Day Install Forecast</h4>
            <p class="text-muted">
                These are voucher-eligible customers with an install appointment booked in the next 14 days (up to <strong>{{ $dates['forecast_end']->format('D jS M') }}</strong>).
                These represent potential future voucher payments.
            </p>
            @include('admin.partials.voucher_pay_table', ['leads' => $install_forecast])
        </div>
    </div>

</div>
@endsection