@extends('layouts.squelette')

@section('css_header')
    <link href='{{ asset('plugins/fullcalendar-5.5.1/lib/main.css')}}' rel='stylesheet' />
    <script src="{{ asset('plugins/fullcalendar-5.5.1/lib/main.min.js')}}"></script>
    <script src="{{ asset('plugins/fullcalendar-5.5.1/lib/locales/fr.js')}}"></script>
    <link href='{{ asset('dist/css/themes/'.env('THEME').'/calendar.css')}}' rel='stylesheet' />
@endsection
<!-- ************************************** -->
@section('titre')
  {{ __('Planification des interventions') }}
@endsection
<!-- ************************************** -->
@section('titre_page')
  {{ __('Planification des interventions') }}
@endsection
<!-- ************************************** -->

@section('contenu')

<div class="row">
    <div class="col-md-2">
        <div class="card card-danger" id='external-events'>

          <div class="card-header">
            <h3 class="card-title">{{ __('Interventions à planifier') }}</h3>
          </div>
            @if(empty($interventions))
                {{ __('Aucune intervention à planifier') }}
            @else

                          <div class="form-group">
                            <label for="type_di">{{ __('Type') }}</label>
                            <div>
                              <select class="form-control " id="type_di" name="type_di">
                                <option value="">{{ __('Tous') }}</option>
                                <option value="C" @if(app('request')->input('type_di')=='C') selected @endif>{{ __('Curative') }}</option>
                                <option value="P" @if(app('request')->input('type_di')=='P') selected @endif>{{ __('Préventive') }}</option>
                                <option value="R" @if(app('request')->input('type_di')=='R') selected @endif>{{ __('Règlementaire') }}</option>
                              </select>
                            </div>
                          </div>

                          <div class="form-group" id="div_use_id">
                            <label for="role">{{ __('Technicien') }}</label>

                            <select class="selectpicker form-control" id="use_id" name="use_id" data-live-search="false">
                              <option value=""  > </option>

                                @foreach ($techniciens as $user)
                                <option value="{!! $user->id !!}"  @if($user->id==app('request')->input('use_idAssigned')) selected @endif> {!! $user->name !!} </option>
                                @endforeach
                            </select>
                          </div>

                    <div class="text-center"><button type="button" id="BTN_validsearch" class="btn btn-secondary l-search">{{ __('Filtrer') }}</button></div>


              @foreach ($interventions as $element)
                <div id="di_list_{{ $element->int_id }}"
                     class='fc-event {{ $element->int_type=='P' ? 'bg-preventive' :  ($element->sitCon_id==null ? 'bg-curative' : 'bg-reglementaire') }} fc-daygrid-event fc-daygrid-block-event'
                     data-sign="{{ $element->sig_id }}"
                     data-inttype="{{ $element->int_type=='P' ? 'P' :  ($element->sitCon_id==null ? 'C' : 'R') }}"
                     data-event='{ "int_id": "{{ $element->int_id }}", "description": "{{ $element->sit_name }}", "sit_name": "{{ $element->sit_name }}" , "sig_socialReason": "{{ $element->sig_socialReason }}" , "int_title": "{{ $element->int_title }}", "pro_socialReason": "{{ $element->pro_socialReason }}", "username": "{{ $element->username }}" }'>
                  <div class='fc-event-main' eventid="{{ $element->int_id }}">

                    <b>#{{ $element->int_number }}</b> / {{ $element->sit_name }}
                    <br>
                    @if(Session()->get('nb_enseignes')>>'1')
                     {{ $element->sig_socialReason }}
                     <br>
                    @endif
                    {{ $element->int_title }}

                    @if($element->int_type=='P')
                     <br>Période : {{ date('d/m/Y', strtotime(@$element->conInt_date1))  }} - {{ date('d/m/Y', strtotime(@$element->conInt_date2))}}
                    @endif

                  </div>

                </div>
              @endForeach
            @endif
          </div>
    </div>
    <div class="col-md-10">
      <span class="float-center badge bg-reglementaire">'.trans('Règlementaire').'</span>&nbsp;
      <span class="float-center badge bg-preventive">'.trans('Préventive').'</span>&nbsp;
      <span class="float-center badge bg-curative">Curative</span>&nbsp;
      <div id='calendar'></div>

    </div>
</div>
@endsection

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

@endsection

@section('modale')
@endsection