@switch(auth()->user()->role_id)
    @case('1')
        @include('layouts.Admin')
    @break

    @case('2')
        @include('layouts.User')
    @break

    @case('3')
        <x-backend.layouts.master>
            <x-slot name="pageTitle">
                Supervisor Portal
            </x-slot>

            <x-slot name='breadCrumb'>
                <x-backend.layouts.elements.breadcrumb>
                    <x-slot name="pageHeader"> Welcome, {{ auth()->user()->name }} </x-slot>

                </x-backend.layouts.elements.breadcrumb>
            </x-slot>
            <div class="col-md-12"><i class="fas fa-tachometer-alt"></i>
                Waiting for Conformation
            </div>

            {{-- </div> --}}
        </x-backend.layouts.master>
    @break

    @default
        <x-backend.layouts.master>


        </x-backend.layouts.master>
@endswitch

<script>
    // $('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })

    $('#reservation').daterangepicker()

    //   Date picker JS
</script>
{{-- @endif --}}