@include('accounting::admin.accounting._styles')

<div class="acc-wrap">
    <div class="acc-header">
        <div class="acc-header-left">
            <div class="acc-header-icon" style="background:linear-gradient(135deg,#f59e0b,#d97706)">
                <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 14l6-6m-5.5.5h.01m4.99 5h.01M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16l3.5-2 3.5 2 3.5-2 3.5 2z"/></svg>
            </div>
            <div><h1>GST Summary</h1><div class="acc-header-sub">IGST / CGST / SGST breakdown from posted vouchers</div></div>
        </div>
        <div style="display:flex;gap:8px;align-items:flex-end;">
            <form method="GET" style="display:flex;gap:8px;">
                <div><label style="font-size:11px;display:block;">From</label><input type="date" name="from" class="acc-form-control" value="{{ $from }}"></div>
                <div><label style="font-size:11px;display:block;">To</label><input type="date" name="to" class="acc-form-control" value="{{ $to }}"></div>
                <div style="display:flex;align-items:flex-end;"><button type="submit" class="btn-acc-primary">Apply</button></div>
            </form>
            <a href="{{ route('admin.accounting.reports.gst-summary.export', ['from'=>$from,'to'=>$to]) }}" class="btn btn-outline-secondary">Export CSV</a>
        </div>
    </div>

    {{-- GST totals --}}
    <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;">
        <div class="acc-stat" style="min-width:0;">
            <div class="acc-stat-icon amber"><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div>
            <div><div class="acc-stat-value" style="font-size:14px;">₹{{ number_format($summary['igst'],2) }}</div><div class="acc-stat-label">IGST</div></div>
        </div>
        <div class="acc-stat" style="min-width:0;">
            <div class="acc-stat-icon blue"><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div>
            <div><div class="acc-stat-value" style="font-size:14px;">₹{{ number_format($summary['cgst'],2) }}</div><div class="acc-stat-label">CGST</div></div>
        </div>
        <div class="acc-stat" style="min-width:0;">
            <div class="acc-stat-icon green"><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div>
            <div><div class="acc-stat-value" style="font-size:14px;">₹{{ number_format($summary['sgst'],2) }}</div><div class="acc-stat-label">SGST</div></div>
        </div>
        <div class="acc-stat" style="min-width:0;background:rgba(217,119,6,.08);border-color:rgba(217,119,6,.3);">
            <div class="acc-stat-icon amber"><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/></svg></div>
            <div><div class="acc-stat-value" style="font-size:14px;">₹{{ number_format($summary['igst']+$summary['cgst']+$summary['sgst'],2) }}</div><div class="acc-stat-label">Total GST</div></div>
        </div>
    </div>

    <div class="acc-card">
        <div class="acc-card-header"><h3>GST Breakdown — Line Items</h3></div>
        <div class="acc-card-body" style="padding:0;">
            <div style="overflow-x:auto;">
                <table style="width:100%;border-collapse:collapse;font-size:13px;min-width:700px;">
                    <thead>
                        <tr style="background:var(--body-bg);">
                            <th style="padding:10px 16px;">Date</th>
                            <th style="padding:10px 16px;">Voucher #</th>
                            <th style="padding:10px 16px;">Account</th>
                            <th style="padding:10px 16px;text-align:right;">IGST (₹)</th>
                            <th style="padding:10px 16px;text-align:right;">CGST (₹)</th>
                            <th style="padding:10px 16px;text-align:right;">SGST (₹)</th>
                            <th style="padding:10px 16px;text-align:right;">Total (₹)</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($lines as $line)
                        <tr style="border-top:1px solid var(--card-border);">
                            <td style="padding:10px 16px;white-space:nowrap;">{{ $line->voucher->voucher_date->format('d M Y') }}</td>
                            <td style="padding:10px 16px;">
                                <a href="{{ route('admin.accounting.vouchers.show', $line->voucher->id) }}" style="color:var(--primary);font-weight:600;text-decoration:none;">{{ $line->voucher->voucher_number }}</a>
                            </td>
                            <td style="padding:10px 16px;">{{ $line->account->account_name }}</td>
                            <td style="padding:10px 16px;text-align:right;">{{ $line->igst > 0 ? '₹ '.number_format($line->igst,2) : '—' }}</td>
                            <td style="padding:10px 16px;text-align:right;">{{ $line->cgst > 0 ? '₹ '.number_format($line->cgst,2) : '—' }}</td>
                            <td style="padding:10px 16px;text-align:right;">{{ $line->sgst > 0 ? '₹ '.number_format($line->sgst,2) : '—' }}</td>
                            <td style="padding:10px 16px;text-align:right;font-weight:600;">₹ {{ number_format($line->igst+$line->cgst+$line->sgst,2) }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="7" style="padding:24px;text-align:center;color:var(--text-muted);">No GST transactions in this period.</td></tr>
                        @endforelse
                    </tbody>
                    @if($lines->isNotEmpty())
                    <tfoot>
                        <tr style="background:var(--body-bg);border-top:2px solid var(--card-border);">
                            <td colspan="3" style="padding:12px 16px;font-weight:700;">Total</td>
                            <td style="padding:12px 16px;text-align:right;font-weight:700;">₹ {{ number_format($summary['igst'],2) }}</td>
                            <td style="padding:12px 16px;text-align:right;font-weight:700;">₹ {{ number_format($summary['cgst'],2) }}</td>
                            <td style="padding:12px 16px;text-align:right;font-weight:700;">₹ {{ number_format($summary['sgst'],2) }}</td>
                            <td style="padding:12px 16px;text-align:right;font-weight:700;color:#d97706;">₹ {{ number_format($summary['igst']+$summary['cgst']+$summary['sgst'],2) }}</td>
                        </tr>
                    </tfoot>
                    @endif
                </table>
            </div>
        </div>
    </div>
</div>