@extends('layouts.master')
@section('title', 'Tax Summary Report')

@section('styles')
<style>
.btn-back {
    text-decoration: none;
    color: #1AB9D9;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    padding: 5px 15px;
    border-radius: 6px;
    transition: all 0.3s ease;
}
.btn-back:hover { background-color: rgba(26, 185, 217, 0.1); }
.meta-card {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
}
.meta-label { color: #6b7280; font-size: 0.82rem; font-weight: 700; text-transform: uppercase; }
.meta-value { color: #111827; font-weight: 600; }
.section-title {
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 0.75rem;
}
.status-pill {
    padding: 0.18rem 0.6rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: capitalize;
}
.status-paid { background: rgba(34,197,94,0.18); color: #15803d; }
.status-sent, .status-overdue { background: rgba(251,191,36,0.2); color: #92400e; }
.status-draft { background: rgba(59,130,246,0.15); color: #1d4ed8; }
@media print {
    .no-print, .btn-back, form { display: none !important; }
    .card, .meta-card { box-shadow: none !important; }
}
</style>
@endsection

@section('content')
<div class="container-fluid py-3">
    <div class="d-flex justify-content-end mb-3">
        <a href="{{ route('modules.reports') }}" class="btn-back">
            <i class="fas fa-arrow-left me-2"></i> Back to Reports
        </a>
    </div>

    <div class="card shadow-sm mb-4">
        <div class="card-header bg-primary text-white py-3">
            <h5 class="mb-0"><i class="fas fa-percent me-2"></i> Tax Summary Report</h5>
        </div>
        <div class="card-body">
            @if($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('taxReport.generate') }}" method="POST" class="row g-3 align-items-end no-print">
                @csrf
                <div class="col-md-3">
                    <label class="form-label"><strong>Tax</strong></label>
                    <select class="form-control" name="tax" required>
                        <option value="all" {{ (string)$taxId === 'all' ? 'selected' : '' }}>All Taxes</option>
                        @foreach($taxes as $tax)
                            <option value="{{ $tax->tax_id }}" {{ (string)$taxId === (string)$tax->tax_id ? 'selected' : '' }}>
                                {{ $tax->tax_name }} ({{ number_format((float)$tax->tax_rate, 2) }}%)
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label"><strong>From</strong></label>
                    <input type="date" class="form-control" name="date_from" value="{{ $dateFrom }}" required>
                </div>
                <div class="col-md-2">
                    <label class="form-label"><strong>To</strong></label>
                    <input type="date" class="form-control" name="date_to" value="{{ $dateTo }}" required>
                </div>
                <div class="col-md-3">
                    <label class="form-label"><strong>Currency</strong></label>
                    <select class="form-control" name="currency" required>
                        <option value="" disabled {{ $currencyId ? '' : 'selected' }}>Select Currency</option>
                        @foreach($currencies as $currency)
                            <option value="{{ $currency->currency_id }}" {{ (string)$currencyId === (string)$currency->currency_id ? 'selected' : '' }}>
                                {{ $currency->currency_name }} ({{ $currency->currency_code }})
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2 d-grid">
                    <button type="submit" class="btn btn-primary">Generate Report</button>
                </div>
            </form>
        </div>
    </div>

    @if($reportData)
        <div class="d-flex justify-content-end gap-2 mb-3 no-print">
            <button type="button" class="btn btn-outline-primary" onclick="window.print()">
                <i class="fas fa-print me-2"></i>Print
            </button>
            <form action="{{ route('taxReport.downloadPdf') }}" method="POST">
                @csrf
                <input type="hidden" name="tax" value="{{ $taxId }}">
                <input type="hidden" name="date_from" value="{{ $dateFrom }}">
                <input type="hidden" name="date_to" value="{{ $dateTo }}">
                <input type="hidden" name="currency" value="{{ $currencyId }}">
                <button type="submit" class="btn btn-success">
                    <i class="fas fa-file-pdf me-2"></i>Download PDF
                </button>
            </form>
        </div>

        <div class="meta-card p-3 mb-3">
            <h4 class="mb-1">{{ $reportData['report_name'] }}</h4>
            <div class="fw-bold">{{ $reportData['company_name'] }}</div>
            @if(!empty($reportData['company_address']))
                <div class="text-muted">{{ $reportData['company_address'] }}</div>
            @endif
            <hr>
            <div class="row g-2">
                <div class="col-md-3"><div class="meta-label">Period Covered</div><div class="meta-value">{{ $reportData['period_from'] }} - {{ $reportData['period_to'] }}</div></div>
                <div class="col-md-3"><div class="meta-label">Generated On</div><div class="meta-value">{{ $reportData['generated_on'] }}</div></div>
                <div class="col-md-3"><div class="meta-label">Prepared By</div><div class="meta-value">{{ $reportData['prepared_by'] }}</div></div>
                <div class="col-md-3"><div class="meta-label">Currency</div><div class="meta-value">{{ $reportData['currency_name'] }} ({{ $reportData['currency_code'] }})</div></div>
            </div>
        </div>

        <h6 class="section-title">Summary By Tax Type</h6>
        <div class="table-responsive mb-3">
            <table class="table table-bordered table-hover">
                <thead class="table-light">
                    <tr>
                        <th>Tax Name</th>
                        <th>Tax Rate</th>
                        <th>Tax Type</th>
                        <th class="text-end">Taxable Amount</th>
                        <th class="text-end">Tax Amount</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($reportData['summary_by_tax'] as $row)
                        <tr>
                            <td>{{ $row['tax_name'] }}</td>
                            <td>{{ number_format($row['tax_rate'], 2) }}%</td>
                            <td>{{ $row['tax_type'] }}</td>
                            <td class="text-end">{{ number_format($row['taxable_amount'], 2) }}</td>
                            <td class="text-end">{{ number_format($row['tax_amount'], 2) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-center text-muted">No tax data found.</td></tr>
                    @endforelse
                </tbody>
                <tfoot class="table-secondary">
                    <tr>
                        <td colspan="3" class="text-end"><strong>Totals</strong></td>
                        <td class="text-end"><strong>{{ number_format($reportData['totals']['taxable_amount'], 2) }}</strong></td>
                        <td class="text-end"><strong>{{ number_format($reportData['totals']['tax_amount'], 2) }}</strong></td>
                    </tr>
                </tfoot>
            </table>
        </div>

        <h6 class="section-title">Tax Collected vs Yet To Be Collected</h6>
        <div class="table-responsive mb-3">
            <table class="table table-bordered">
                <thead class="table-light">
                    <tr>
                        <th>Type</th>
                        <th class="text-end">Taxable Amount</th>
                        <th class="text-end">Tax Amount</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Tax Collected (Paid Invoices)</td>
                        <td class="text-end">{{ number_format($reportData['collected_vs_outstanding']['collected_taxable'], 2) }}</td>
                        <td class="text-end">{{ number_format($reportData['collected_vs_outstanding']['collected_tax'], 2) }}</td>
                    </tr>
                    <tr>
                        <td>Tax Yet To Be Collected (Unpaid/Sent/Overdue/Draft)</td>
                        <td class="text-end">{{ number_format($reportData['collected_vs_outstanding']['outstanding_taxable'], 2) }}</td>
                        <td class="text-end">{{ number_format($reportData['collected_vs_outstanding']['outstanding_tax'], 2) }}</td>
                    </tr>
                    <tr class="table-warning">
                        <td><strong>Net Tax Outstanding</strong></td>
                        <td></td>
                        <td class="text-end"><strong>{{ number_format($reportData['net_tax_outstanding'], 2) }}</strong></td>
                    </tr>
                </tbody>
            </table>
        </div>

        <h6 class="section-title">Detailed Transactions By Tax Type</h6>
        @foreach($reportData['summary_by_tax'] as $row)
            @php $details = $reportData['detail_by_tax'][$row['tax_id']] ?? []; @endphp
            <div class="mb-3">
                <h6 class="mb-2">{{ $row['tax_name'] }} ({{ number_format($row['tax_rate'], 2) }}%)</h6>
                <div class="table-responsive">
                    <table class="table table-bordered table-sm">
                        <thead class="table-light">
                            <tr>
                                <th>Date</th>
                                <th>Transaction Ref</th>
                                <th>Description</th>
                                <th>Status</th>
                                <th class="text-end">Taxable Amount</th>
                                <th class="text-end">Tax Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($details as $detail)
                                <tr>
                                    <td>{{ $detail['date'] }}</td>
                                    <td>{{ $detail['reference'] }}</td>
                                    <td>{{ $detail['description'] }}</td>
                                    <td><span class="status-pill status-{{ $detail['status'] }}">{{ $detail['status'] }}</span></td>
                                    <td class="text-end">{{ number_format($detail['taxable_amount'], 2) }}</td>
                                    <td class="text-end">{{ number_format($detail['tax_amount'], 2) }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="text-center text-muted">No transactions for this tax.</td></tr>
                            @endforelse
                        </tbody>
                        <tfoot class="table-secondary">
                            <tr>
                                <td colspan="4" class="text-end"><strong>Subtotal</strong></td>
                                <td class="text-end"><strong>{{ number_format(collect($details)->sum('taxable_amount'), 2) }}</strong></td>
                                <td class="text-end"><strong>{{ number_format(collect($details)->sum('tax_amount'), 2) }}</strong></td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        @endforeach

        <h6 class="section-title">Monthly Breakdown</h6>
        <div class="table-responsive mb-3">
            <table class="table table-bordered">
                <thead class="table-light">
                    <tr>
                        <th>Month</th>
                        <th class="text-end">Taxable Amount</th>
                        <th class="text-end">Tax Amount</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($reportData['monthly_breakdown'] as $monthRow)
                        <tr>
                            <td>{{ $monthRow['month'] }}</td>
                            <td class="text-end">{{ number_format($monthRow['taxable_amount'], 2) }}</td>
                            <td class="text-end">{{ number_format($monthRow['tax_amount'], 2) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="text-center text-muted">No monthly data available.</td></tr>
                    @endforelse
                </tbody>
                <tfoot class="table-secondary">
                    <tr>
                        <td><strong>Total</strong></td>
                        <td class="text-end"><strong>{{ number_format($reportData['totals']['taxable_amount'], 2) }}</strong></td>
                        <td class="text-end"><strong>{{ number_format($reportData['totals']['tax_amount'], 2) }}</strong></td>
                    </tr>
                </tfoot>
            </table>
        </div>

        <h6 class="section-title">Tax Rate Summary</h6>
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead class="table-light">
                    <tr>
                        <th>Tax Name</th>
                        <th>Rate</th>
                        <th class="text-end">Transactions Count</th>
                        <th class="text-end">Total Tax</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($reportData['summary_by_tax'] as $row)
                        <tr>
                            <td>{{ $row['tax_name'] }}</td>
                            <td>{{ number_format($row['tax_rate'], 2) }}%</td>
                            <td class="text-end">{{ $row['transactions_count'] }}</td>
                            <td class="text-end">{{ number_format($row['tax_amount'], 2) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="4" class="text-center text-muted">No tax rate data found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    @endif
</div>
@endsection