@extends('layouts.app')
@section('title', 'GSTR-1')
@section('page-title', 'GSTR-1 — Outward Supplies')

@section('content')
<form method="GET" class="flex flex-wrap gap-3 mb-5">
    <div>
        <label class="form-label text-xs">Period (YYYY-MM)</label>
        <input type="month" name="period" value="{{ $period }}" class="form-input text-sm">
    </div>
    <div class="flex items-end gap-2">
        <button type="submit" class="btn-primary text-sm py-1.5">Generate</button>
        <a href="{{ route('accounting.gstr1') }}?period={{ $period }}&format=pdf" class="btn-secondary text-sm py-1.5">Download PDF</a>
    </div>
</form>

{{-- Summary cards --}}
<div class="grid grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
    <div class="card">
        <p class="text-xs text-gray-500 uppercase tracking-wider">Total Invoices</p>
        <p class="text-2xl font-bold text-gray-900 mt-1">{{ $data['total_invoices'] }}</p>
    </div>
    <div class="card">
        <p class="text-xs text-gray-500 uppercase tracking-wider">Taxable Value</p>
        <p class="text-2xl font-bold text-gray-900 mt-1">₹{{ number_format($data['total_taxable'], 2) }}</p>
    </div>
    <div class="card">
        <p class="text-xs text-gray-500 uppercase tracking-wider">Total GST</p>
        <p class="text-2xl font-bold text-indigo-700 mt-1">
            ₹{{ number_format($data['total_cgst'] + $data['total_sgst'] + $data['total_igst'], 2) }}
        </p>
    </div>
    <div class="card">
        <p class="text-xs text-gray-500 uppercase tracking-wider">Total Invoice Value</p>
        <p class="text-2xl font-bold text-gray-900 mt-1">₹{{ number_format($data['total_value'], 2) }}</p>
    </div>
</div>

{{-- B2B / B2C breakdown --}}
<div class="grid grid-cols-3 gap-4 mb-6 text-center">
    <div class="card">
        <p class="text-xs text-gray-500 uppercase">B2B (Registered)</p>
        <p class="text-xl font-bold mt-1">{{ $data['b2b_count'] }}</p>
        <p class="text-sm text-gray-500">₹{{ number_format($data['b2b_taxable'], 2) }}</p>
    </div>
    <div class="card">
        <p class="text-xs text-gray-500 uppercase">B2C Large</p>
        <p class="text-xl font-bold mt-1">{{ $data['b2c_large_count'] }}</p>
        <p class="text-xs text-gray-400">Inter-state &gt; ₹2.5L</p>
    </div>
    <div class="card">
        <p class="text-xs text-gray-500 uppercase">B2C Small</p>
        <p class="text-xl font-bold mt-1">{{ $data['b2c_small_count'] }}</p>
        <p class="text-xs text-gray-400">All other B2C</p>
    </div>
</div>

{{-- Invoice list --}}
<div class="card p-0 overflow-hidden mb-6">
    <div class="px-4 py-3 bg-gray-50 border-b border-gray-100">
        <h3 class="text-sm font-semibold text-gray-700">Invoice Details — {{ \Carbon\Carbon::parse($period)->format('F Y') }}</h3>
    </div>
    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-gray-50">
                <tr>
                    <th class="table-th">Invoice #</th>
                    <th class="table-th">Date</th>
                    <th class="table-th">Customer</th>
                    <th class="table-th">GSTIN</th>
                    <th class="table-th">Supply Type</th>
                    <th class="table-th text-right">Taxable</th>
                    <th class="table-th text-right">CGST</th>
                    <th class="table-th text-right">SGST</th>
                    <th class="table-th text-right">IGST</th>
                    <th class="table-th text-right">Total</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-50">
                @forelse($data['invoices'] as $inv)
                <tr class="hover:bg-gray-50">
                    <td class="table-td">
                        <a href="{{ route('invoices.show', $inv) }}" class="text-indigo-600 hover:underline font-medium">{{ $inv->invoice_number }}</a>
                    </td>
                    <td class="table-td text-gray-500 text-xs">{{ $inv->invoice_date->format('d M Y') }}</td>
                    <td class="table-td font-medium">{{ $inv->customer_name }}</td>
                    <td class="table-td font-mono text-xs">{{ $inv->customer_gstin ?: '—' }}</td>
                    <td class="table-td">
                        <span class="{{ $inv->supply_type === 'inter_state' ? 'badge-blue' : 'badge-indigo' }} text-xs">
                            {{ $inv->supply_type === 'inter_state' ? 'Inter' : 'Intra' }}
                        </span>
                    </td>
                    <td class="table-td text-right">₹{{ number_format($inv->taxable_amount, 2) }}</td>
                    <td class="table-td text-right text-xs">₹{{ number_format($inv->cgst_amount, 2) }}</td>
                    <td class="table-td text-right text-xs">₹{{ number_format($inv->sgst_amount, 2) }}</td>
                    <td class="table-td text-right text-xs">₹{{ number_format($inv->igst_amount, 2) }}</td>
                    <td class="table-td text-right font-semibold">₹{{ number_format($inv->total_amount, 2) }}</td>
                </tr>
                @empty
                <tr><td colspan="10" class="py-8 text-center text-gray-400">No invoices for this period</td></tr>
                @endforelse
            </tbody>
            <tfoot class="bg-gray-50 font-semibold">
                <tr>
                    <td colspan="5" class="px-4 py-3 text-sm">Totals</td>
                    <td class="px-4 py-3 text-right">₹{{ number_format($data['total_taxable'], 2) }}</td>
                    <td class="px-4 py-3 text-right text-xs">₹{{ number_format($data['total_cgst'], 2) }}</td>
                    <td class="px-4 py-3 text-right text-xs">₹{{ number_format($data['total_sgst'], 2) }}</td>
                    <td class="px-4 py-3 text-right text-xs">₹{{ number_format($data['total_igst'], 2) }}</td>
                    <td class="px-4 py-3 text-right">₹{{ number_format($data['total_value'], 2) }}</td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

{{-- HSN Summary --}}
@if(count($data['hsn_summary']) > 0)
<div class="card p-0 overflow-hidden">
    <div class="px-4 py-3 bg-gray-50 border-b border-gray-100">
        <h3 class="text-sm font-semibold text-gray-700">HSN/SAC Summary</h3>
    </div>
    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-gray-50">
                <tr>
                    <th class="table-th">HSN/SAC</th>
                    <th class="table-th">Description</th>
                    <th class="table-th text-right">Qty</th>
                    <th class="table-th text-right">Taxable Value</th>
                    <th class="table-th text-right">CGST</th>
                    <th class="table-th text-right">SGST</th>
                    <th class="table-th text-right">IGST</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-50">
                @foreach($data['hsn_summary'] as $row)
                <tr>
                    <td class="table-td font-mono text-xs">{{ $row['hsn_code'] }}</td>
                    <td class="table-td">{{ $row['description'] }}</td>
                    <td class="table-td text-right">{{ number_format($row['total_quantity'], 2) }}</td>
                    <td class="table-td text-right">₹{{ number_format($row['taxable_value'], 2) }}</td>
                    <td class="table-td text-right text-xs">₹{{ number_format($row['cgst'], 2) }}</td>
                    <td class="table-td text-right text-xs">₹{{ number_format($row['sgst'], 2) }}</td>
                    <td class="table-td text-right text-xs">₹{{ number_format($row['igst'], 2) }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endif
@endsection