@extends('layouts.app')

@section('title', 'Tax Reports')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3>Tax Summary Report</h3>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('taxReport.generate') }}">
                        @csrf
                        <div class="row mb-3">
                            <div class="col-md-3">
                                <label>Tax Type</label>
                                <select name="tax" class="form-control" required>
                                    <option value="all">All Taxes</option>
                                    @foreach($taxes as $tax)
                                        <option value="{{ $tax->tax_id }}" {{ $taxId == $tax->tax_id ? 'selected' : '' }}>
                                            {{ $tax->tax_name }} ({{ $tax->tax_rate }}%)
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label>Date From</label>
                                <input type="date" name="date_from" value="{{ $dateFrom }}" class="form-control" required>
                            </div>
                            <div class="col-md-3">
                                <label>Date To</label>
                                <input type="date" name="date_to" value="{{ $dateTo }}" class="form-control" required>
                            </div>
                            <div class="col-md-2">
                                <label>Currency</label>
                                <select name="currency" class="form-control" required>
                                    @foreach($currencies as $currency)
                                        <option value="{{ $currency->currency_id }}" {{ $currencyId == $currency->currency_id ? 'selected' : '' }}>
                                            {{ $currency->currency_name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-1 d-flex align-items-end">
                                <button type="submit" class="btn btn-primary">Generate</button>
                            </div>
                        </div>
                    </form>

                    @if($reportData)
                        <hr>
                        <h4>Tax Report Results</h4>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <h5>Summary by Tax</h5>
                                <table class="table table-striped">
                                    <thead>
                                        <tr><th>Tax</th><th>Rate</th><th>Taxable</th><th>Tax Amount</th><th>Count</th></tr>
                                    </thead>
                                    <tbody>
                                        @foreach($reportData['summary_by_tax'] ?? [] as $row)
                                            <tr>
                                                <td>{{ $row['tax_name'] }}</td>
                                                <td>{{ $row['tax_rate'] }}%</td>
                                                <td class="text-right">{{ number_format($row['taxable_amount'], 2) }}</td>
                                                <td class="text-right font-weight-bold">{{ number_format($row['tax_amount'], 2) }}</td>
                                                <td>{{ $row['transactions_count'] }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <h5>Totals</h5>
                                <div class="card bg-light">
                                    <div class="card-body">
                                        <p>Total Taxable: <strong>{{ number_format($reportData['totals']['taxable_amount'] ?? 0, 2) }}</strong></p>
                                        <p>Total Tax: <strong>{{ number_format($reportData['totals']['tax_amount'] ?? 0, 2) }}</strong></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection