@php
    use Modules\DocumentCreator\Constants\Creator;
@endphp
<div id="sidebar-section"
    class="fixed top-[60px] left-[-280px] transform md:block md:fixed md:left-0 md:top-0 bg-white border md:px-4 md:py-6 z-[5000] md:z-50 md:h-full transition-all duration-300 ease-in-out sidebar-section sidebar-menu">
    <!-- to compile this class -->
    <a href="{{ route('dashboard.index') }}" class="hidden md:flex md:items-center" style="height: 58px;">
        @if (!is_null(config('settings.logo')))
            <img src="{{ asset(config('settings.logo')) }}" alt="company logo" class="max-h-[58px] max-w-full">
        @else
            <div class="bg-custom-blue-800 flex justify-center rounded-lg w-full">
                <img src="{{ asset('images/logosite_rec.png') }}" alt="company logo" class="max-h-[58px] p-1">
            </div>
        @endif
    </a>
    <div class="relative hidden md:block">
        <button id="btn-sidebar-toggle" class="absolute -right-5 z-50 transition-all duration-100 ease-linear"
            type="button">
            <x-svg-icon icon="icon-toggle" />
        </button>
    </div>

    <div class="relative sidebar-content">
        <!-- top sidebar  -->
        <ul
            class="mt-10 flex flex-col gap-1 overflow-y-auto h-[calc(100vh-20vh)] sm:h-[calc(100vh-100px)] no-scrollbar pb-24">

            <x-sidebar.menu :activeClass="isActive('dashboard.index')" route="{{ route('dashboard.index') }}"
                title="{{ trans('menu.dashboard_title') }}" icon="icon-dashboard" />

            <x-sidebar.menu :activeClass="isActive(
                'users.profile.show|employee.documents.index|reviews.index|goal.index|goal.create|feedback.index|onboarding.index',
            )" route="{{ route('users.profile.show', request()->user()->id) }}"
                title="{{ trans('menu.profile_title') }}" icon="icon-profile" />

            @if (is_module_enabled('Task'))
                <x-sidebar.menu :activeClass="isActive('tasks.index|tasks.show')" route="{{ route('tasks.index') }}" title="{{ trans('menu.todo') }}"
                    icon="icon-task" />
            @endif

            <x-sidebar.menu :activeClass="isActive(
                'schedules.index|users.schedules|schedules.daily|schedules.monthly|schedules.locations',
            )" route="{{ route('users.schedules', auth()->user()->id) }}"
                title="{{ trans('menu.schedule_title') }}" icon="icon-schedule" />

            @if (is_module_enabled('TimeTracker'))
                <x-sidebar.menu :activeClass="isActive('vacationhours|leaves|overtimes|approvals')" route="{{ route('vacationhours.index') }}"
                    title="{{ trans('menu.time_tracker_title') }}" icon="icon-time" />
            @endif

            <x-sidebar.menu :activeClass="isActive('team-members.index')" route="{{ route('team-members.index') }}"
                title="{{ trans('menu.team_members_title') }}" icon="icon-team" />

            @if (is_module_enabled('Checklist'))
                <x-sidebar.menu :activeClass="isActive('checklists')" route="{{ route('checklists.listIndex') }}"
                    title="{{ trans('settings.task_and_checklist_title') }}" icon="icon-checklist" />
            @endif

            @if (is_module_enabled('OrganizationalDocument'))
                @can('access organizational-documents')
                    <x-sidebar.menu :activeClass="isActive('organizational-documents.index|organizational-documents.index')" route="{{ route('organizational-documents.index') }}"
                        title="{{ trans('menu.document_and_protocol') }}" icon="icon-chart" />
                @endcan
            @endif

            @if (is_module_enabled('Gallery'))
                @if (auth()->user()->hasAnyPermission(['access gallery']))
                    <x-sidebar.menu :activeClass="isActive('galleries.')" route="{{ route('galleries.albums.index') }}"
                        title="{{ trans('menu.gallery_title') }}" icon="icon-gallery" />
                @endif
            @endif

            @if (is_module_enabled('DocumentCreator'))
                @if (auth()->user()->can('access', [\Modules\DocumentCreator\Entities\DCReport::class, Creator::TYPE_DOCUMENT]))
                    <x-sidebar.menu :activeClass="isActive(Creator::TYPE_DOCUMENT . '.')" route="{{ route(Creator::TYPE_DOCUMENT . '.reports.index') }}"
                        title="{{ trans('menu.document_creator_title') }}" icon="icon-document" />
                @endif

                @if (auth()->user()->can('access', [\Modules\DocumentCreator\Entities\DCReport::class, Creator::TYPE_CONTRACT]))
                    <x-sidebar.menu :activeClass="isActive(Creator::TYPE_CONTRACT . '.')" route="{{ route(Creator::TYPE_CONTRACT . '.reports.index') }}"
                        title="{{ trans('menu.contract_creator_title') }}" icon="icon-contract" />
                @endif
            @endif

            @if (is_module_enabled('Machinery'))
                <x-sidebar.menu :activeClass="isActive(
                    'machineries.index|machineries.categories.index|machineries.category.index|machineries.create|machineries.edit|machineries.show',
                )" route="{{ url('machineries') }}"
                    title="{{ trans('menu.machinery_title') }}" icon="icon-machinary" />

                <x-sidebar.menu :activeClass="isActive(
                    'machineries.maintenances.index|machineries.tickets.index',
                )" route="{{ route('machineries.tickets.index') }}"
                    title="{{ trans('menu.maintenance_title') }}" icon="icon-machinary" />
            @endif

            @if (is_module_enabled('DecisionTree'))
                <x-sidebar.menu :activeClass="isActive('decision-trees.index|decision-trees.show|decision-trees.categories')" route="{{ route('decision-trees.index') }}"
                    title="{{ trans('menu.decision_tree_title') }}" icon="icon-tree" />
            @endif

            @if (is_module_enabled('Exam'))
                <x-sidebar.menu :activeClass="isActive('exam.index|exam.show')" route="{{ route('exam.index') }}"
                    title="{{ trans('menu.exam_title') }}" icon="icon-exam" />
            @endif


            @if (is_module_enabled('Contact'))
                @if (auth()->user()->hasAnyPermission(['access contacts']))
                    <x-sidebar.menu :activeClass="isActive('contacts.index')" route="{{ route('contacts.index') }}"
                        title="{{ trans('menu.contact_title') }}" icon="icon-support" />
                @endif
            @endif

            @if (is_module_enabled('IncidentReport'))
                <x-sidebar.menu :activeClass="isActive(
                    'incident-reports.index|incident-reports.show|incident-reports.create|incident-reports.edit',
                )" route="{{ url('incident-reports') }}"
                    title="{{ trans('menu.incident_report_title') }}" icon="icon-report" />
            @endif

            @if (is_module_enabled('DailyUpdate'))
                <x-sidebar.menu :activeClass="isActive('dailyupdate.index|dailyupdate.edit|dailyupdate.show|dailyupdate.create')" route="{{ route('dailyupdate.index') }}"
                    title="{{ trans('menu.daily_update_title') }}" icon="icon-update" />
            @endif

            @if (is_module_enabled('OrganizationalChart'))
                <x-sidebar.menu :activeClass="isActive(
                    'organizational-charts.index|organizational-charts.create|organizational-charts.show|organizational-charts.edit',
                )" route="{{ route('organizational-charts.index') }}"
                    title="{{ trans('menu.organizational_chart_title') }}" icon="icon-chart" />
            @endif

            @if (is_module_enabled('Faq'))
                <x-sidebar.menu :activeClass="isActive('faqs.all')" route="{{ route('faqs.all') }}"
                    title="{{ trans('menu.faq_title') }}" icon="icon-faq" />
            @endif
        </ul>
        <!-- top sidebar ends here -->

        <!-- bottom side bar  -->
        <ul id="bottom-sidebar"
            class="absolute bottom-0 left-0 right-0 z-10 bg-white flex flex-col justify-end md:pb-8">

            @can('access settings')
                <x-sidebar.menu :activeClass="isActive('settings.|types.index')" route="{{ url('settings') }}"
                    title="{{ trans('menu.master_data_title') }}" icon="icon-setting" />
            @endcan
        </ul>

        <!-- bottom side bar ends here  -->
    </div>

</div>
<!-- Sidebar ends  -->