@extends('layouts.app')
@section('title', 'VAT Report')
@section('page-title', 'Reports')

@section('content')

<div class="d-flex flex-wrap gap-2 mb-4">
    <a href="{{ route('reports.revenue') }}" class="btn btn-sm btn-outline-secondary">Revenue</a>
    <a href="{{ route('reports.clients') }}" class="btn btn-sm btn-outline-secondary">Top Clients</a>
    <a href="{{ route('reports.tax') }}"     class="btn btn-sm btn-dark">VAT Report</a>
    <a href="{{ route('reports.export', ['type'=>'invoices']) }}" class="btn btn-sm btn-outline-success ms-auto">
        <i class="bi bi-download me-1"></i>Export CSV
    </a>
</div>

{{-- Date filter --}}
<div class="card table-card p-3 mb-3">
    <form method="GET" action="{{ route('reports.tax') }}" class="d-flex gap-2 align-items-end flex-wrap">
        <div>
            <label class="form-label fw-500 small">From</label>
            <input type="date" name="from" class="form-control form-control-sm" value="{{ $from }}">
        </div>
        <div>
            <label class="form-label fw-500 small">To</label>
            <input type="date" name="to" class="form-control form-control-sm" value="{{ $to }}">
        </div>
        <button type="submit" class="btn btn-sm" style="background:#00a651;color:white;">Filter</button>
    </form>
</div>

{{-- VAT summary card --}}
<div class="row g-3 mb-3">
    <div class="col-md-4">
        <div class="card table-card p-3 text-center">
            <div class="fw-700" style="font-size:1.75rem;color:#00a651;">
                ₦{{ number_format($totalVat, 2) }}
            </div>
            <div class="text-muted small">Total VAT Collected</div>
            <div class="text-muted" style="font-size:0.72rem;">{{ \Carbon\Carbon::parse($from)->format('d/m/Y') }} — {{ \Carbon\Carbon::parse($to)->format('d/m/Y') }}</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card table-card p-3 text-center">
            <div class="fw-700" style="font-size:1.75rem;color:#1e293b;">{{ $invoices->count() }}</div>
            <div class="text-muted small">Paid Invoices</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card table-card p-3 text-center">
            <div class="fw-700" style="font-size:1.75rem;color:#1e293b;">
                ₦{{ number_format($invoices->sum('total'), 2) }}
            </div>
            <div class="text-muted small">Total Revenue</div>
        </div>
    </div>
</div>

<div class="card table-card">
    <div class="table-responsive">
        <table class="table mb-0">
            <thead>
                <tr>
                    <th>Invoice #</th>
                    <th>Client</th>
                    <th class="text-end">Subtotal</th>
                    <th class="text-end">VAT ({{ config('invotrack.default_vat_rate') }}%)</th>
                    <th class="text-end">Total</th>
                    <th>Paid On</th>
                </tr>
            </thead>
            <tbody>
                @forelse($invoices as $inv)
                <tr>
                    <td style="font-family:monospace;font-weight:600;">{{ $inv->invoice_number }}</td>
                    <td>{{ $inv->client->display_name }}</td>
                    <td class="text-end">₦{{ number_format($inv->subtotal, 2) }}</td>
                    <td class="text-end fw-500" style="color:#d97706;">₦{{ number_format($inv->vat_amount, 2) }}</td>
                    <td class="text-end fw-600">₦{{ number_format($inv->total, 2) }}</td>
                    <td class="text-muted small">{{ $inv->paid_at?->format('d/m/Y') }}</td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center text-muted py-4">No paid invoices in this date range.</td></tr>
                @endforelse
            </tbody>
            @if($invoices->count() > 0)
            <tfoot>
                <tr style="background:#f8fafc;">
                    <td colspan="2" class="fw-700">Totals</td>
                    <td class="text-end fw-700">₦{{ number_format($invoices->sum('subtotal'), 2) }}</td>
                    <td class="text-end fw-700" style="color:#d97706;">₦{{ number_format($totalVat, 2) }}</td>
                    <td class="text-end fw-700" style="color:#00a651;">₦{{ number_format($invoices->sum('total'), 2) }}</td>
                    <td></td>
                </tr>
            </tfoot>
            @endif
        </table>
    </div>
</div>
@endsection