@extends('adminlte::page')

@section('title', config('adminlte.title') . ' | Holidays: Booking my leave')

@section('content_header')
    @include('holidays.partials.styles')

    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6 m-0 text-dark">
                <h1>Leave Request</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="{{ route('holidays.index') }}">Holidays</a></li>
                    <li class="breadcrumb-item active">Create</li>
                </ol>
            </div>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    @include('holidays.partials.alerts')

                        @include('holidays.partials.validation-errors')

                        <noscript>
                            <div class="alert alert-danger text-white text-center rounded text-lg">
                                JavaScript is disabled in your browser. Please enable it to use this feature.
                                <a href="https://www.enable-javascript.com/" target="_blank">How to enable JavaScript</a>
                            </div>
                        </noscript>

                        <div class="row">
                            <div class="col-12">
                                <a href="{{ route('holidays.index') }}" class="btn btn-secondary">
                                    <i class="fas fa-arrow-left"></i> Back
                                </a>
                            </div>
                        </div>

                        <hr class="bg-secondary">

                        @if (is_null($profile->workingdays))
                            @include('holidays.partials.no-working-days-alert')
                        @elseif ($checkTwoYears === false)
                            @include('holidays.partials.booking-unavailable-alert')
                        @else
                            @include('holidays.partials.booking-form', [
                                'holidays' => $holidays,
                                'NxtYrsHolidays' => $nxtYrsHolidays,
                                'holidayPending' => $holidayPending,
                                'profile' => $profile,
                                'MyUser' => $myUser,
                                'wfh_data' => $wfh_data,
                                'pub_holiday' => $pub_holiday,
                                'daysThisYear' => $daysThisYear,
                                'daysNextYear' => $daysNextYear,
                            ])
                        @endif
                </div>
            </div>
        </div>
    </div>
@stop

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

@push('js')
    <script type="text/javascript" src="/vendor/moment/moment.min.js"></script>
    @include('holidays.partials.booking-script')
@endpush