@extends('appshell::layouts.private')

@section('title')
    {{ __('Tax Report') }}
@stop

@section('content')

    @forelse($report as $year => $data)
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">{{ $year }} {{ __('Summary') }}</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered text-center">
                        <thead class="bg-gray-50">
                            <tr>
                                <th>{{ __('YEAR') }}</th>
                                <th>{{ __('Q1') }}</th>
                                <th>{{ __('Q2') }}</th>
                                <th>{{ __('Q3') }}</th>
                                <th>{{ __('Q4') }}</th>
                                <th class="font-bold">{{ __('TOTAL') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="font-bold">{{ $year }}</td>
                                <td>${{ number_format($data['summary']['Q1'], 2) }}</td>
                                <td>${{ number_format($data['summary']['Q2'], 2) }}</td>
                                <td>${{ number_format($data['summary']['Q3'], 2) }}</td>
                                <td>${{ number_format($data['summary']['Q4'], 2) }}</td>
                                <td class="font-bold text-success">${{ number_format($data['summary']['TOTAL'], 2) }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <div class="mt-4">
                    <h6 class="border-bottom pb-2">{{ __('Breakdown by Province and Tax Rate') }}</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <table class="table table-sm table-striped">
                                <thead>
                                    <tr>
                                        <th>{{ __('Province/Tax Name') }}</th>
                                        <th class="text-right">{{ __('Amount Collected') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($data['breakdown'] as $label => $amount)
                                        <tr>
                                            <td>{{ $label }}</td>
                                            <td class="text-right">${{ number_format($amount, 2) }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @empty
        <div class="card">
            <div class="card-body text-center py-5">
                <p class="text-muted mb-0">{{ __('No tax collected yet.') }}</p>
            </div>
        </div>
    @endforelse

@stop