@extends('layouts.app', ['path' => 'reports.tax.certificates'])
@section('title', 'Income Tax Certificates - 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">Income Tax Certificates</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">Tax</li>
                    <li class="breadcrumb-item active" aria-current="page">Income Tax Certificates</li>
                </ol>
            </nav>
        </div>

    </div>

    @include('partials.new_alerts')

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

    <!-- Document View -->
    @include('compaines.reports.widgets.document-view', [
        'title' => 'Income Tax Certificates',
        'reportType' => 'tax-certificates'
    ])
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    $('#generateCertificates').on('click', function() {
        const $btn = $(this);
        $btn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-1"></span>Generating...');

        setTimeout(() => {
            const mockDocuments = [
                {
                    id: '1',
                    title: 'Income Tax Certificate - John Doe',
                    employee_name: 'John Doe',
                    date: '2024-01-15',
                    type: 'pdf'
                },
                {
                    id: '2',
                    title: 'Income Tax Certificate - Jane Smith',
                    employee_name: 'Jane Smith',
                    date: '2024-01-16',
                    type: 'pdf'
                }
            ];

            populateDocumentView(mockDocuments);
            $btn.prop('disabled', false).html('<i class="ti ti-certificate me-2"></i>Generate Certificates');
        }, 2000);
    });
});
</script>
@endpush