@extends('layouts.app', ['path' => 'reports.hr.employee-appraisal'])
@section('title', 'Employee Appraisal 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">Employee Appraisal 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">HR</li>
                    <li class="breadcrumb-item active" aria-current="page">Employee Appraisal Report</li>
                </ol>
            </nav>
        </div>
    </div>

    @include('partials.new_alerts')

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

    <!-- Report Table -->
    @include('compaines.reports.widgets.report-table', [
        'title' => 'Employee Appraisal Report Results',
        'tableId' => 'employeeAppraisalReportTable',
        'tableBodyId' => 'reportTableBody',
        'reportType' => 'employee-appraisal',
        'headers' => ['Employee ID','Employee', 'Department', 'Appraisal Period', 'Rating', 'Status', 'Review Date'],
        'emptyIcon' => 'ti ti-star',
        'emptyTitle' => 'No employee appraisal data available',
        'emptyMessage' => 'Apply filters and click "View Report" to view employee appraisal results'
    ])

    <!-- Document View -->
    @include('compaines.reports.widgets.document-view', [
        'title' => 'Employee Appraisal Documents',
        'reportType' => 'employee-appraisal'
    ])
</div>
@endsection