@if (is_module_enabled('Machinery'))
    @if (auth()->user()->can('create', \Modules\Machinery\Entities\MachineryTicket::class))
    <a href="javascript:;" onclick="Livewire.dispatch(
        'openModal', {
            component: 'machinery::tickets.form-modal',
            arguments: { title: '{{trans('forms.create_ticket')}}'}
        })" class="w-full">
        <div
            class="flex gap-2 items-center p-2 bg-white rounded-lg hover:bg-custom-orange-50 transition group">
            <div class="flex-shrink-0">
                <div
                    class="p-[14px] bg-custom-grey-100 flex items-center justify-center rounded-md">
                    <x-svg-icon icon="icon-quick-square" class="w-6 h-6" />
                </div>
            </div>
            <div
                class="flex justify-between items-center w-full hover:text-custom-orange-500 transition-all btn-ticket-create"
                >
                <div class="flex flex-col">
                    <h3
                        class="text-custom-grey-900 hover:text-custom-orange-500 transition-all text-sm-semibold rounded ">
                        {{ trans('forms.create_ticket') }}
                    </h3>
                    <p class="text-sm-regular text-custom-grey-500">
                        {{ trans('forms.submit_a_machinery_ticket_to_support') }}
                    </p>
            </div>
            <div>
                <x-svg-icon icon="icon-quick-right" class="w-6 h-6" />
                </div>
            </div>
        </div>
    </a>
    @endif
@endif



@if (is_module_enabled('TimeTracker'))
    <a href="{{ route('schedules.daily') }}" class="w-full">
        <div
            class="flex gap-2 items-center p-2 bg-white rounded-lg hover:bg-custom-orange-50 transition group">
            <div class="flex-shrink-0">
                <div
                    class="p-[14px] bg-custom-grey-100 flex items-center justify-center rounded-md">
                    <x-svg-icon icon="icon-quick-square" class="w-6 h-6" />
                </div>
            </div>
            <div class="flex justify-between items-center w-full hover:text-custom-orange-500 transition-all">
                <div class="flex flex-col">
                    <h3 class="text-custom-grey-900 hover:text-custom-orange-500 transition-all text-sm-semibold rounded ">
                        {{ trans('menu.todays_schedule_title') }}
                    </h3>
                    <p class="text-sm-regular text-custom-grey-500">
                        {{ trans('menu.todays_schedule_title') }}
                    </p>
                </div>
                <div>
                    <x-svg-icon icon="icon-quick-right" class="w-6 h-6" />
                </div>
            </div>
        </div>
    </a>


    @php $links = [
        [
            'url' => route('vacationhours.index').'?create=1',
            'title' => trans('menu.vacationhour_title'),
        ],
        [
            'url' => route('leaves.index').'?create=1',
            'title' => trans('menu.absence_title'),
        ],
        [
            'url' => route('overtimes.indexById').'?create=1',
            'title' => trans('menu.extra_hour_title'),
        ],
        [
            'url' => route('overtimes.compensations').'?create=1',
            'title' => trans('forms.overtime_compensation_history'),
        ],
    ]

    @endphp


    @foreach ($links as $link)
        <a href="{{ $link['url'] }}" class="w-full">
            <div
            class="flex gap-2 items-center p-2 bg-white rounded-lg hover:bg-custom-orange-50 transition group">
            <div class="flex-shrink-0">
                <div
                    class="p-[14px] bg-custom-grey-100 flex items-center justify-center rounded-md">
                    <x-svg-icon icon="icon-quick-square" class="w-6 h-6" />
                </div>
            </div>
            <div class="flex justify-between items-center w-full hover:text-custom-orange-500 transition-all">
                <div class="flex flex-col">
                    <h3 class="text-custom-grey-900 hover:text-custom-orange-500 transition-all text-sm-semibold rounded ">
                        {{ $link['title'] }}
                    </h3>
                    <p class="text-sm-regular text-custom-grey-500">
                        {{__('forms.lbl_new_request')}}
                    </p>
                </div>
                <div>
                    <x-svg-icon icon="icon-quick-right" class="w-6 h-6" />
                </div>
            </div>
        </div>
    </a>
    @endforeach
@endif