@extends('layouts.admin')

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

@section('page-title', 'Tax Report')

@section('header-actions')
    <a href="{{ route('admin.reports.tax-report.export', request()->all()) }}" class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-blue-600 transition-colors flex items-center gap-2">
        <span class="material-symbols-outlined text-lg">download</span>
        <span>Export CSV</span>
    </a>
@endsection

@section('content')
<div class="max-w-5xl mx-auto">
    <div class="bg-white rounded-xl shadow-sm border border-[#e5e7eb] p-6 mb-6">
        <h3 class="text-lg font-bold text-[#111418] text-gray-900 mb-4">Tax Report</h3>
        <p class="text-sm text-[#617589]">Period: {{ \Carbon\Carbon::parse($report['date_from'])->format('M d, Y') }} to {{ \Carbon\Carbon::parse($report['date_to'])->format('M d, Y') }}</p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
        <!-- Income Tax -->
        <div class="bg-white rounded-xl shadow-sm border border-[#e5e7eb] p-6">
            <h4 class="text-lg font-bold text-[#111418] text-gray-900 mb-4">Income Tax Collected</h4>
            <div class="space-y-3">
                <div class="flex justify-between">
                    <span class="text-sm text-[#617589]">Total Income</span>
                    <span class="text-sm font-medium text-[#111418] text-gray-900">{{ number_format($report['income']['total'], 2) }}</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-sm text-[#617589]">Tax Collected</span>
                    <span class="text-sm font-medium text-green-600">{{ number_format($report['income']['tax_collected'], 2) }}</span>
                </div>
                <div class="flex justify-between pt-2 border-t border-[#e5e7eb]">
                    <span class="text-sm text-[#617589]">Transactions</span>
                    <span class="text-sm font-medium text-[#111418] text-gray-900">{{ $report['income']['count'] }}</span>
                </div>
            </div>
        </div>

        <!-- Expense Tax -->
        <div class="bg-white rounded-xl shadow-sm border border-[#e5e7eb] p-6">
            <h4 class="text-lg font-bold text-[#111418] text-gray-900 mb-4">Expense Tax Paid</h4>
            <div class="space-y-3">
                <div class="flex justify-between">
                    <span class="text-sm text-[#617589]">Total Expenses</span>
                    <span class="text-sm font-medium text-[#111418] text-gray-900">{{ number_format($report['expenses']['total'], 2) }}</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-sm text-[#617589]">Tax Paid</span>
                    <span class="text-sm font-medium text-red-600">{{ number_format($report['expenses']['tax_paid'], 2) }}</span>
                </div>
                <div class="flex justify-between pt-2 border-t border-[#e5e7eb]">
                    <span class="text-sm text-[#617589]">Transactions</span>
                    <span class="text-sm font-medium text-[#111418] text-gray-900">{{ $report['expenses']['count'] }}</span>
                </div>
            </div>
        </div>
    </div>

    <!-- Net Tax Owed -->
    <div class="bg-white rounded-xl shadow-sm border border-[#e5e7eb] p-6">
        <div class="flex justify-between items-center">
            <span class="text-xl font-bold text-[#111418] text-gray-900">Net Tax Owed</span>
            <span class="text-2xl font-bold {{ $report['net_tax_owed'] >= 0 ? 'text-red-600' : 'text-green-600' }}">
                {{ number_format($report['net_tax_owed'], 2) }}
            </span>
        </div>
    </div>
</div>
@endsection