@canany(['hr_manager_hq', 'reports'])

    @extends('adminlte::page')

    @section('title', config('adminlte.title') . ' | Reports')


@section('content_header')
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6 m-0 text-dark">
                <h1>Reports</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item"><a href="/admin">Admin</a></li>
                    <li class="breadcrumb-item active">Reports</li>
                </ol>
            </div>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    @if (session('success'))
                        <script>
                            toastr.options = {
                                "closeButton": true,
                                "debug": false,
                                "newestOnTop": false,
                                "progressBar": true,
                                "positionClass": "toast-top-right",
                                "preventDuplicates": false,
                                "onclick": null,
                                "showDuration": "300",
                                "hideDuration": "1000",
                                "timeOut": "5000",
                                "extendedTimeOut": "1000",
                                "showEasing": "swing",
                                "hideEasing": "linear",
                                "showMethod": "fadeIn",
                                "hideMethod": "fadeOut"
                            };
                            toastr.success('{{ session('success') }}');
                        </script>
                    @endif

                    <div class="d-flex flex-wrap" style="gap: 1rem;">
                        <a href="{{ route('admin.reports.balance') }}"
                            class="btn btn-secondary btn-lg d-flex align-items-center px-4 py-3">
                            <iconify-icon icon="mdi:scale-unbalanced" width="24" height="24"
                                class="mr-2"></iconify-icon>
                            <span>Reports of Employee's balances</span>
                        </a>

                        <a href="{{ route('admin.reports.holidays') }}"
                            class="btn btn-secondary btn-lg d-flex align-items-center px-4 py-3">
                            <iconify-icon icon="mdi:beach" width="24" height="24" class="mr-2"></iconify-icon>
                            <span>Reports of Employee's holiday data</span>
                        </a>

                        <a href="{{ route('admin.reports.sickness') }}"
                            class="btn btn-secondary btn-lg d-flex align-items-center px-4 py-3">
                            <iconify-icon icon="mdi:emoticon-sick" width="24" height="24"
                                class="mr-2"></iconify-icon>
                            <span>Reports of Employee's sickness</span>
                        </a>

                        <a href="{{ route('admin.reports.documents') }}"
                            class="btn btn-secondary btn-lg d-flex align-items-center px-4 py-3">
                            <iconify-icon icon="mdi:file-document-check" width="24" height="24"
                                class="mr-2"></iconify-icon>
                            <span>Reports of Employee's documents</span>
                        </a>
                    </div>



                </div>
            </div>
        </div>
    </div>
@stop

@section('footer')
    &nbsp;
@stop
@endcan