@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/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">{{ __("Curative") }}</option>
                                <option value="P">{{ __("Préventive") }}</option>
                                <option value="R">{{ __("Règlementaire") }}</option>
                              </select>
                            </div>
                          </div>

                            @component('components.select.select_sign',['signs' => '','value' => '','search' => 'true','emptyValue' => 'false'])
                            @endcomponent


                    <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_number }}", "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

                    @if($element->pro_idAssigned!='')
                     <br><span class="badge bg-message"><i class="fas fa-house-user"></i> {{ $element->pro_socialReason }}</span>
                    @endif

                    @if($element->use_idAssigned!='')
                     <br><span class="badge bg-message"><i class="fas fa-user"></i> {{ $element->username }}</span>
                    @endif

                  </div>

                </div>
              @endForeach
            @endif
          </div>
    </div>
    <div class="col-md-10">
        <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 id='calendar'></div>

    </div>
</div>
@endsection

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

@endsection

@section('modale')

<!-- Modale ajout/modification de facture prestataire -->
<div id="Modale_modif_event" class="modal modal-danger fade" role="dialog">
    <div class="modal-dialog modal-xl">
      <!-- Modal content-->
          <div class="modal-content">

            <form method="post" name="form_modif_event" id="form_modif_event" action="" enctype="multipart/form-data">
              @csrf
              {{ csrf_field() }}

              <div class="modal-header bg-warning" id="modal_title_pro_invoice">
                  <h4 class="modal-title text-center">{{ __("Ajout facture prestataire") }}</h4>
              </div>
              <div class="modal-body">

                  <div class="row">
                    <div class="col-sm-6">

                          @component('components.dates.select_simple',['label' => 'Date facture',
                          'value' => '',
                          'name' => 'proInv_achievementDate','required' => 'false'])
                          @endcomponent
                    </div>
                  </div>
              </div>
              <div class="modal-footer">
                  <center>
                      <!--<button class="btn btn-reset" name="reinit_form_proQuo" id="reinit_form_proQuo" type="button">{{ __("Réinitialiser") }}</button>-->
                      <button class="btn btn-abort" data-dismiss="modal" name="abort_form_proInv" id="abort_form_proInv"type="button">{{ __("Annuler") }}</button>
                      <button class="btn btn-save" name="save_form_proInv" id="save_form_proInv" type="submit">{{ __("Enregistrer") }}</button>
                  </center>
              </div>

            </form>

          </div>
    </div>
   </div>

@endsection