@extends('layouts.squelette')

@section('css_header')
    <link href='{{ asset('plugins/fullcalendar-5.5.1/lib/main.css')}}' rel='stylesheet' />
    <link href='{{ asset('dist/css/themes/standard/scheduler.css')}}' rel='stylesheet' />
    <link href='{{ asset('dist/css/themes/'.env('THEME').'/calendar.css')}}' rel='stylesheet' />
@endsection

@section('js_header')
<script src='{{ asset('plugins/fullcalendar-scheduler-6.1.4/dist/index.global.min.js')}}'></script>
<script src="{{ asset('plugins/fullcalendar-5.5.1/lib/locales/fr.js')}}"></script>
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __('Calendrier') }}
@endsection

@section('titre')
{{ __('Calendrier des interventions') }}
@endsection

@section('titre_page')
{{ __('Liste des interventions') }}
@endsection
<!-- ************************************** -->

@section('contenu')
{{-- <span class="float-center badge bg-reglementaire">{{__('Règlementaire')}}</span>&nbsp;
<span class="float-center badge bg-preventive">{{__('Préventive')}}</span>&nbsp;
<span class="float-center badge bg-curative">{{__('Curative')}}</span>&nbsp; --}}
<div class="row">
    <div class="col-md-12">
        <div class="card card-info">
            <div class="card-body p-100">
                <form id="formSearch" class="" method="POST" action="">
                    <input type="hidden" name="filtering" value="ok">
                    @csrf 
                                @component('components.select.select_sig_sec_site',['signs' => '',
                                'customers' => '',
                                'signs' => '',
                                'secteurs' => '',
                                'sites' => '',
                                'sig_value' => '',
                                'sec_value' => '',
                                'sit_value' => '',
                                'required' => array(false,false,false),
                                'search' => array(true,true,true),
                                'multiples' => array(false,false,false),
                                'emptyValues' => array(false,false,false),
                                'initialiser' => true,
                                'options_all' => true,
                                'mode_creation_di' => false,
                                ])
                                @endcomponent 
                            <div class="row">
                            <div class="col-sm-4">
                                @component('components.select.select_provider',['providers' => '','value' => '','search' => 'true','emptyValue' => 'false'])
                                @endcomponent 
                            </div>
                            @if(Session()->get('active_techniciens')=='oui')
                            <div class="col-sm-4">
                                @component('components.select.select_user',['users' => '','value' => '','search' => 'true','emptyValue' => 'false'])
                                @endcomponent
                            </div>
                            @endif
                        </div>
                        <div class="text-center"><button type="button" id="BTN_validform" class="btn btn-secondary l-search">{{ __('Recherche') }}</button></div>
                    </form>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card card-info">
            <div class="card-body p-100">
                <div id='calendar'></div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('js_footer')
<script>
  getSelectSigns();
  getSelectSecteurs();
  getSelectProviders();
  getSelectSites();
  if (active_techniciens == 'oui')
    {  getSelectTechniciens(); }

  var type_inter =  "{!! app('request')->input('type') !!}";
</script>
<script src="{{ asset('js/calendar/calendar.js')}}"></script>

@endsection

@section('modale')

@endsection