@extends('layouts.app', ['path' => 'reports.payroll.tax-exemption'])
@section('title', 'Tax Exemption Report - HRMS')

@section('content')
    <div class="content">
        <div class="d-md-flex d-block align-items-center justify-content-between page-breadcrumb mb-3">
            <div class="my-auto mb-2">
                <h2 class="mb-1">Tax Exemption Report</h2>
                <nav>
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('dashboard') }}"><i class="ti ti-smart-home"></i></a>
                        </li>
                        <li class="breadcrumb-item">Reports</li>
                        <li class="breadcrumb-item">Payroll</li>
                        <li class="breadcrumb-item active" aria-current="page">Tax Exemption Report</li>
                    </ol>
                </nav>
            </div>
        </div>

        @include('partials.new_alerts')

        <!-- Filter Widget -->
        @include('compaines.reports.widgets.filter-widget', [
            'reportType' => 'tax-exemption',
            'filters' => [
                'dateRange' => true,
                'employee' => true,
                'department' => true,
                'allowanceType' => false,
                'status' => true,
            ],
        ])

        <!-- Report Results -->
        @include('compaines.reports.widgets.report-table', [
            'title' => 'Tax Exemption Report Results',
            'tableId' => 'taxExemptionReportTable',
            'tableBodyId' => 'reportTableBody',
            'reportType' => 'tax-exemption',
            'headers' => ['Employee ID','Employee', 'Department', 'Exemption Type', 'Amount', 'Status', 'Date'],
            'emptyIcon' => 'ti ti-receipt-off',
            'emptyTitle' => 'No tax exemption data available',
            'emptyMessage' => 'Apply filters and click "View Report" to view tax exemption results'
        ])
    </div>
@endsection