@extends('layout.app')

@section('title', __('Calendar'))

@push('styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('modern-admin/app-assets/vendors/css/ui/jquery-ui.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('modern-admin/app-assets/css/plugins/ui/jqueryui.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('modern-admin/app-assets/vendors/css/calendars/fullcalendar.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('modern-admin/app-assets/vendors/css/calendars/daygrid.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('modern-admin/app-assets/vendors/css/calendars/timegrid.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('modern-admin/app-assets/css/plugins/calendars/fullcalendar.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('modern-admin/app-assets/vendors/css/editors/summernote.css') }}">
    @include('calendar.partials.style')
@endpush

@section('active_calendar', 'active')
@section('data_col', '2-columns')
@section('body_class', '2-columns menu-collapsed')

@section('content')
<div class="app-content content">
    <div class="content-overlay"></div>
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
                <h3 class="content-header-title mb-0 d-inline-block">{{ __('Calendar')}}</h3>
                <div class="row breadcrumbs-top d-inline-block"></div>
            </div>
            <div class="content-header-right col-md-6 col-12">
                <div class="btn-group float-md-right">
                    <button type="button" class="btn btn-dark btn-sm ml-1" data-toggle="collapse" data-target="#filtersCollapse" aria-expanded="false" aria-controls="filtersCollapse">
                        <i class="la la-filter"></i>
                    </button>
                </div>
            </div>
        </div>
        <div class="content-body pb-5">
            <section>
                <div class="collapse" id="filtersCollapse">
                    <div class="card">
                        <div class="card-content collapse show">
                            <div class="card-body card-dashboard">
                                <div class="row">
                                    <div class="col-12">
                                        <fieldset class="text-center mt-2">
                                            <label for="ri-1">{{ __('All')}}</label><input type="radio" name="type" id="ri-1" class="jui-ni-radio-buttons" value="0">
                                            <label for="ri-2">{{ __("Mes demandes")}}</label><input type="radio" name="type" id="ri-2" class="jui-ni-radio-buttons" value="1" checked>
                                            <label for="ri-3">{{ __("À valider")}}</label><input type="radio" name="type" id="ri-3" class="jui-ni-radio-buttons" value="2">
                                            <label for="ri-4">{{ __("À planifier")}}</label><input type="radio" name="type" id="ri-4" class="jui-ni-radio-buttons" value="3">
                                            <label for="ri-5">{{ __("Mon équipe")}}</label><input type="radio" name="type" id="ri-5" class="jui-ni-radio-buttons" value="4">
                                            <label for="ri-6">{{ __("Je suis passager")}}</label><input type="radio" name="type" id="ri-6" class="jui-ni-radio-buttons" value="5">
                                        </fieldset>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label" for="mission">{{ __('Mission') }}</label>
                                            <select class="form-control select2" name="mission" id="mission">
                                                <option value="">{{ __('All') }}</option>
                                                @foreach ($missions as $item)
                                                    <option value="{{$item->id}}">{{ __($item->name) }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label" for="demandeur">{{ __('Demandeur') }}</label>
                                            <select class="form-control select2" name="demandeur" id="demandeur">
                                                <option value="">{{ __('All') }}</option>
                                                @foreach ($employes as $item)
                                                    <option value="{{$item->id}}">{{ '['.$item->reference.'] '.$item->first_name.' '.$item->last_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label" for="site">{{ __('Site') }}</label>
                                            <select class="form-control select2" name="site" id="site">
                                                <option value="">{{ __('All') }}</option>
                                                @foreach ($sites as $item)
                                                    <option value="{{$item->id}}">{{ $item->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label" for="status">{{ __('Status') }}</label>
                                            <select class="form-control select2" name="status" id="status">
                                                <option value="">{{ __('All') }}</option>
                                                @foreach (['pending', 'accepted', 'rejected', 'canceled'] as $item)
                                                    <option value="{{$item}}">{{ __(ucfirst($item)) }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label" for="priority">{{ __('Priority') }}</label>
                                            <select class="form-control select2" name="priority" id="priority">
                                                <option value="">{{ __('All') }}</option>
                                                @foreach (['low', 'medium', 'high', 'urgent'] as $item)
                                                    <option value="{{$item}}">{{ __(ucfirst($item)) }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label" for="round_trip">{{ __("Round Trip") }}</label>
                                            <select class="form-control select2" name="round_trip" id="round_trip">
                                                <option value="">{{ __('All') }}</option>
                                                <option value="1">{{ __('Yes') }}</option>
                                                <option value="0">{{ __('No') }}</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section>
                <div class="row">
                    <div class="col-12 p-0">
                        <div class="card">
                            <div class="card-content collapse show">
                                <div class="card-body p-1">
                                    <div id='fc-bg-events'></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
@endsection

@section('modals')
    @include('calendar.partials.modal')
@endsection

@push('scripts')
    <script src="{{ asset('modern-admin/app-assets/js/core/libraries/jquery_ui/jquery-ui.min.js') }}"></script>
    <script src="{{ asset('modern-admin/app-assets/vendors/js/extensions/fullcalendar.min.js') }}"></script>
    <script src="{{ asset('modern-admin/app-assets/vendors/js/extensions/interactions.min.js') }}"></script>
    <script src="{{ asset('modern-admin/app-assets/vendors/js/extensions/daygrid.min.js') }}"></script>
    <script src="{{ asset('modern-admin/app-assets/vendors/js/extensions/timegrid.min.js') }}"></script>
    <script src="{{ asset('modern-admin/app-assets/vendors/js/extensions/gcal.js') }}"></script>
    <script src="{{ asset('modern-admin/app-assets/vendors/js/extensions/locales-all.js') }}"></script>
    <script src="{{ asset('modern-admin/app-assets/vendors/js/extensions/moment.min.js') }}"></script>
    <script src="{{ asset('modern-admin/app-assets/vendors/js/extensions/moment-timezone.min.js') }}"></script>
    <script src="{{ asset('modern-admin/app-assets/vendors/js/editors/summernote/summernote.js') }}"></script>  
    @include('calendar.partials.script')
@endpush