@extends('layouts.app')
@section('title', 'eTIMS')

@section('content')
<div class="space-y-6" x-data="{ ...modal() }">
    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
        <div>
            <h1 class="text-xl font-bold">eTIMS</h1>
            <p class="text-sm text-ink-muted">Every tax invoice, credit and debit note generated at checkout, with KRA submission status. Submission happens automatically when an order or tab closes.</p>
        </div>
        <div class="flex items-center gap-2">
            <x-export-menu route="tax.etims.export" :params="request()->only(['status', 'type'])" />
            @can('taxes.view')
                <a href="{{ route('tax.index') }}" class="btn-secondary btn-sm">Tax &amp; levy settings</a>
            @endcan
        </div>
    </div>

    <div class="grid grid-cols-2 lg:grid-cols-4 gap-4">
        <x-stat-card label="Submitted" value="{{ $summary['submitted'] }}" icon="check-circle-2" tone="emerald" />
        <x-stat-card label="Failed" value="{{ $summary['failed'] }}" icon="alert-triangle" tone="rose" />
        <x-stat-card label="Pending" value="{{ $summary['pending'] }}" icon="clock" tone="amber" />
        <x-stat-card label="Taxable sales" value="{{ number_format($summary['taxable_total'], 2) }}" icon="banknote" tone="primary" />
    </div>

    <form method="GET" class="card card-pad !p-3 flex flex-col sm:flex-row gap-2">
        <select name="status" class="input" onchange="this.form.submit()">
            <option value="">All statuses</option>
            @foreach (['pending', 'submitted', 'failed'] as $status)
                <option value="{{ $status }}" @selected(request('status') === $status)>{{ ucfirst($status) }}</option>
            @endforeach
        </select>
        <select name="type" class="input" onchange="this.form.submit()">
            <option value="">All types</option>
            @foreach (['tax_invoice' => 'Tax invoice', 'credit_note' => 'Credit note', 'debit_note' => 'Debit note'] as $val => $label)
                <option value="{{ $val }}" @selected(request('type') === $val)>{{ $label }}</option>
            @endforeach
        </select>
    </form>

    @unless (config('pos.etims.enabled'))
        <div class="card card-pad bg-amber-50 border-amber-200 text-amber-800 text-sm">
            Live eTIMS submission is disabled (<code>ETIMS_ENABLED=false</code>). Invoices are still generated at checkout for your records, but nothing is sent to KRA until this is switched on and the device serial / branch ID are configured.
        </div>
    @endunless

    <div class="card overflow-x-auto">
        <table class="data-table">
            <thead><tr><th>Invoice #</th><th>Type</th><th>Source</th><th class="text-right">Taxable</th><th class="text-right">VAT</th><th class="text-right">Total</th><th>eTIMS status</th><th></th></tr></thead>
            <tbody>
                @forelse ($invoices as $invoice)
                    <tr>
                        <td class="font-medium">{{ $invoice->invoice_number }}</td>
                        <td>{{ ucwords(str_replace('_', ' ', $invoice->type)) }}</td>
                        <td class="text-xs text-ink-muted">{{ class_basename($invoice->invoiceable_type) }} #{{ $invoice->invoiceable_id }}</td>
                        <td class="text-right">{{ number_format($invoice->taxable_amount, 2) }}</td>
                        <td class="text-right">{{ number_format($invoice->vat_amount, 2) }}</td>
                        <td class="text-right font-semibold">{{ number_format($invoice->grand_total, 2) }}</td>
                        <td>
                            <x-badge color="{{ ['submitted' => 'emerald', 'failed' => 'rose', 'pending' => 'amber'][$invoice->etims_status] ?? 'slate' }}">{{ ucfirst($invoice->etims_status) }}</x-badge>
                            @if ($invoice->etims_retry_count)<span class="text-xs text-ink-faint">×{{ $invoice->etims_retry_count }}</span>@endif
                        </td>
                        <td class="text-right">
                            <div class="flex justify-end gap-1.5">
                                <a href="{{ route('tax.etims.print', $invoice) }}" target="_blank" class="btn-ghost btn-sm">Print</a>
                                @if ($invoice->etims_status === 'failed' && auth()->user()->can('etims.manage'))
                                    <form method="POST" action="{{ route('tax.etims.retry', $invoice) }}">@csrf<button class="btn-ghost btn-sm text-primary-600">Retry</button></form>
                                @endif
                                @if ($invoice->type === 'tax_invoice')
                                    @can('etims.manage')
                                    <button class="btn-ghost btn-sm" x-on:click="$dispatch('open-modal-credit-note-{{ $invoice->id }}')">Credit note</button>
                                    @endcan
                                @endif
                            </div>
                        </td>
                    </tr>

                    <x-modal id="credit-note-{{ $invoice->id }}" title="Credit note · {{ $invoice->invoice_number }}">
                        <form method="POST" action="{{ route('tax.etims.credit-note', $invoice) }}" id="credit-note-{{ $invoice->id }}-form" class="space-y-4">
                            @csrf
                            <div><label class="field-label">Amount (max {{ number_format($invoice->grand_total, 2) }})</label><input type="number" step="0.01" max="{{ $invoice->grand_total }}" name="amount" class="input" required></div>
                            <div><label class="field-label">Reason</label><input type="text" name="reason" class="input" required></div>
                        </form>
                        <x-slot:footer>
                            <button class="btn-secondary" x-on:click="open = false">Cancel</button>
                            <button form="credit-note-{{ $invoice->id }}-form" class="btn-primary">Issue credit note</button>
                        </x-slot:footer>
                    </x-modal>
                @empty
                    <tr><td colspan="8" class="text-center text-ink-muted py-8">No invoices yet — they're created automatically when an order or tab closes.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $invoices->links() }}
</div>
@endsection