@extends('admin.layouts.app')

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

@section('content')
<div class="mb-6 flex justify-between items-center">
    <div>
        <h1 class="text-2xl font-bold text-gray-800">Tax/VAT Report</h1>
        <p class="text-gray-500 text-sm mt-1">VAT {{ $taxRate }}% - {{ $startDate->format('M d, Y') }} to {{ $endDate->format('M d, Y') }}</p>
    </div>
    <form method="GET" class="flex items-center space-x-2">
        <select name="year" class="border rounded-lg px-3 py-2" onchange="this.form.submit()">
            @for($y = now()->year; $y >= now()->year - 5; $y--)
            <option value="{{ $y }}" {{ $y == $year ? 'selected' : '' }}>{{ $y }}</option>
            @endfor
        </select>
        <select name="month" class="border rounded-lg px-3 py-2" onchange="this.form.submit()">
            <option value="">All Year</option>
            @for($m = 1; $m <= 12; $m++)
            <option value="{{ $m }}" {{ $m == $month ? 'selected' : '' }}>{{ Carbon\Carbon::create($year, $m, 1)->format('F') }}</option>
            @endfor
        </select>
    </form>
</div>

<div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
    <div class="bg-white rounded-lg shadow p-6">
        <p class="text-gray-500 text-sm">Output Tax (Collected)</p>
        <p class="text-2xl font-bold text-red-600">₦{{ number_format($totalOutputTax, 0) }}</p>
    </div>
    <div class="bg-white rounded-lg shadow p-6">
        <p class="text-gray-500 text-sm">Input Tax (Paid)</p>
        <p class="text-2xl font-bold text-blue-600">₦{{ number_format($totalInputTax, 0) }}</p>
    </div>
    <div class="bg-white rounded-lg shadow p-6">
        <p class="text-gray-500 text-sm">{{ $netTaxPayable >= 0 ? 'Tax Payable' : 'Tax Claimable' }}</p>
        <p class="text-2xl font-bold {{ $netTaxPayable >= 0 ? 'text-navy' : 'text-green-600' }}">₦{{ number_format(abs($netTaxPayable), 0) }}</p>
    </div>
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
    <div class="bg-white rounded-lg shadow p-6">
        <h3 class="text-lg font-bold text-gray-800 mb-4">Output Tax Breakdown</h3>
        <table class="w-full">
            <tbody class="divide-y">
                <tr>
                    <td class="px-4 py-3">Room Revenue VAT</td>
                    <td class="px-4 py-3 text-right font-medium">₦{{ number_format($roomTax, 0) }}</td>
                </tr>
                <tr>
                    <td class="px-4 py-3">POS Revenue VAT</td>
                    <td class="px-4 py-3 text-right font-medium">₦{{ number_format($posTax, 0) }}</td>
                </tr>
                <tr>
                    <td class="px-4 py-3">Invoice VAT</td>
                    <td class="px-4 py-3 text-right font-medium">₦{{ number_format($invoiceTax, 0) }}</td>
                </tr>
                <tr class="bg-gray-50">
                    <td class="px-4 py-3 font-bold">Total Output Tax</td>
                    <td class="px-4 py-3 text-right font-bold text-red-600">₦{{ number_format($totalOutputTax, 0) }}</td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="bg-white rounded-lg shadow p-6">
        <h3 class="text-lg font-bold text-gray-800 mb-4">Input Tax Breakdown</h3>
        <table class="w-full">
            <tbody class="divide-y">
                <tr>
                    <td class="px-4 py-3">Expense VAT (Paid to Suppliers)</td>
                    <td class="px-4 py-3 text-right font-medium">₦{{ number_format($expenseTax, 0) }}</td>
                </tr>
                <tr class="bg-gray-50">
                    <td class="px-4 py-3 font-bold">Total Input Tax</td>
                    <td class="px-4 py-3 text-right font-bold text-blue-600">₦{{ number_format($totalInputTax, 0) }}</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

<div class="bg-white rounded-lg shadow p-6 mt-6">
    <h3 class="text-lg font-bold text-gray-800 mb-4">Monthly Tax Summary</h3>
    <div class="overflow-x-auto">
        <table class="w-full">
            <thead class="bg-gray-50">
                <tr>
                    <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Month</th>
                    <th class="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase">Output Tax</th>
                    <th class="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase">Input Tax</th>
                    <th class="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase">Net Tax</th>
                </tr>
            </thead>
            <tbody class="divide-y">
                @foreach($monthlyData as $data)
                <tr>
                    <td class="px-4 py-3">{{ $data['month'] }}</td>
                    <td class="px-4 py-3 text-right">₦{{ number_format($data['output_tax'], 0) }}</td>
                    <td class="px-4 py-3 text-right">₦{{ number_format($data['input_tax'], 0) }}</td>
                    <td class="px-4 py-3 text-right font-medium {{ ($data['output_tax'] - $data['input_tax']) >= 0 ? 'text-red-600' : 'text-green-600' }}">
                        ₦{{ number_format($data['output_tax'] - $data['input_tax'], 0) }}
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection