@extends('layouts.app', ['path' => 'reports.payroll.salary-slip'])
@section('title', 'Salary Slip 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">Salary Slip 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">Salary Slip Report</li>
                    </ol>
                </nav>
            </div>
        </div>

        @include('partials.new_alerts')

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

        <!-- Document View -->
        @include('compaines.reports.widgets.document-view', [
            'title' => 'Salary Slips',
            'reportType' => 'salary-slip'
        ])
    </div>
@endsection