@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __('Liste des interventions') }}
@endsection
<!-- ************************************** -->
@section('titre')
{{ __('Liste des interventions') }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
@include('layouts.partials.panelboutons', [ 'btn_imprim'=> false, 'btn_export'=> false])

@endsection
<!-- ************************************** -->
@section('contenu')

<!-- DESKTOP -->
<div class="d-none d-lg-block">
    <div class="row">
        <div class="col-md-6">
            <button class="btn btn-default btn-search" data-toggle="collapse" data-target="#formSearch">{{ __('Recherche') }}</button>
            @if (Session::get('libelles_sites_user')!='')
            <small class="pl-2">
                <a class="btn btn-warning btn-add" href="{{ route('createSite') }}"> {{ __('Créer une DI') }} </a>
            </small>
            @else
            <br><br>
            <div class="alert alert-danger">{{ __('Votre compte est rattaché à aucun site !') }}</div>
            @endif
        </div>
        <div class="col-md-6 mt-4">
            <small class="float-right">
                <div class="btn-group btn-group-toggle" data-toggle="buttons">
                    <label class="btn btn-sm bg-success">
                        <input type="radio" name="options" id="option1" autocomplete="off" checked="" value="encours"> {{ __('En cours') }}
                    </label>
                    <label class="btn btn-sm bg-success">
                        <input type="radio" name="options" id="option2" autocomplete="off" value="planifiees"> {{ __('Planifiées') }}
                    </label>
                    @if (Session::get('cbcloturedi_interface_sites')=='oui')
                    <label class="btn btn-sm bg-success">
                        <input type="radio" name="options" id="option3" autocomplete="off" value="acloturer"> {{ __('A clôturer') }}
                    </label>
                    @endif
                    <label class="btn btn-sm bg-secondary">
                        <input type="radio" name="options" id="option4" autocomplete="off" value="terminees"> {{ __('Terminées') }}
                    </label>
                    <label class="btn btn-sm bg-warning">
                        <input type="radio" name="options" id="option5" autocomplete="off" value="all"> {{ __('Toutes') }}
                    </label>
                </div>
            </small>
        </div>
    </div>
</div>

<!-- MOBILE -->
<div class="d-lg-none d-md-block">
    <div class="row">
        <div class="col-12 d-flex justify-content-between">
            <button class="btn btn-default btn-search" data-toggle="collapse" data-target="#formSearch"></button>
            <button id="filterButton" class="btn btn-default btn-secondary">
                <i class="fas fa-filter me-2"></i>
            </button>
            @if (Session::get('libelles_sites_user')!='')
                <a class="btn btn-warning" href="{{ route('createSite') }}">
                <i class="fas fa-plus me-2"></i>{{ __('Créer une DI') }}
                </a>
            @else
                <button class="btn btn-warning" disabled title="{{ __('Votre compte n\'est rattaché à aucun site !') }}">
                <i class="fas fa-plus me-2"></i>{{ __('Créer une DI') }}
                </button>
            @endif
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-12">
            <div id="filterDrawer" class="filter-drawer">
                <div class="btn-group d-flex flex-wrap justify-content-center" role="group" aria-label="Filtres d'intervention">
                    <input type="radio" class="btn-check" name="options" id="option1" autocomplete="off" checked value="encours">
                    <label class="btn btn-outline-success m-1 rounded" for="option1">{{ __('En cours') }}</label>

                    <input type="radio" class="btn-check" name="options" id="option2" autocomplete="off" value="planifiees">
                    <label class="btn btn-outline-success m-1 rounded" for="option2">{{ __('Planifiées') }}</label>

                    @if (Session::get('cbcloturedi_interface_sites')=='oui')
                        <input type="radio" class="btn-check" name="options" id="option3" autocomplete="off" value="acloturer">
                        <label class="btn btn-outline-success m-1 rounded" for="option3">{{ __('A clôturer') }}</label>
                    @endif

                    <input type="radio" class="btn-check" name="options" id="option4" autocomplete="off" value="terminees">
                    <label class="btn btn-outline-secondary m-1 rounded" for="option4">{{ __('Terminées') }}</label>

                    <input type="radio" class="btn-check" name="options" id="option5" autocomplete="off" value="all">
                    <label class="btn btn-outline-warning m-1 rounded" for="option5">{{ __('Toutes') }}</label>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- SEARCH FORM (shared between mobile and desktop) -->
<form id="formSearch" class="{{ @$filtering=='ok' ? 'collapse show' : 'collapse' }}" method="POST" action="">
    <input type="hidden" name="filtering" value="ok">
    <input type="hidden" name="filtre_interfaceSites" id="filtre_interfaceSites" value="encours">
    <input type="hidden" name="intType" id="intType" value="C">
    @csrf
    <div class="h-20"></div>
    <div class="panel">
        <div class="panel-body">
            <div class="row">
                <div class="col-lg-6 col-12">
                    @if (count(Session::get('sites_user')) > 1)
                        @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
                    @endif
                    <div class="form-group">
                        <label for="staGro_id">{{ __('Statut') }}</label>
                        <select class="selectpicker form-control" id="staGro_id" name="staGro_id" data-live-search="true">
                            <option></option>
                            @foreach ($status_group as $groupe)
                            <option value="{!! $groupe->staGro_id !!}">{!! $groupe->staGro_libelleFr !!}</option>
                            @endforeach
                        </select>
                    </div>
                    @component('components.select.select_activity',['activities' => $activities,'value' => '','search' => 'true','emptyValue' => 'false','multiple' => 'false'])
                    @endcomponent
                    <div class="form-group">
                        <label>{{ __('Numéro DI') }}</label>
                        <input class="form-control" name="int_number" type="text">
                    </div>
                    <div class="form-group">
                        <label>{{ __('Titre') }}</label>
                        <input class="form-control" name="title" type="text">
                    </div>
                </div>

                <div class="col-lg-6 col-12">
                    @component('components.dates.select_simple',['label' => 'Date création du','value' => '','name' => 'createdDate'])
                    @endcomponent
                    @component('components.dates.select_simple',['label' => 'au','value' => '','name' => 'createdDate2'])
                    @endcomponent
                    @component('components.dates.select_simple',['label' => 'Date planifiée du','value' => '','name' => 'planningDate'])
                    @endcomponent
                    @component('components.dates.select_simple',['label' => 'au','value' => '','name' => 'planningDate2'])
                    @endcomponent
                </div>
            </div>

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

<!-- RESULTS TABLE (shared between mobile and desktop) -->
<div class="row">
    <div class="col-12">
        <div class="record-total-wrapper mt-3"></div>
        <input type="hidden" name="user_site" id="user_site" value="{{count(Session::get('sites_user'))}}">
        <div class="table-responsive">
            <table id="results" class="table table-hover table-striped table-bordered m-0 w-100" data-order='[[ 1, "desc" ]]'>
                <thead class="thead-light">
                    <tr>
                        <th width="1" class="all">#</th>
                        <th class="desktop">{{ __('Date création') }}</th>
                        <th class="all">{{ __('Titre') }}</th>
                        <th class="desktop">{{count(Session::get('sites_user')) < 2 ? '': __('Site')}}</th>
                        <th class="desktop">{{ __('Type d\'intervention') }}</th>
                        <th class="desktop">{{ __('Etat') }}</th>
                        <th class="desktop">{{ __('Activités / Lots') }}</th>
                        <th class="desktop">{{ __('Assignation') }}</th>
                        <th class="desktop">{{ __('Date planifiée') }}</th>
                        <th class="all"></th>
                    </tr>
                </thead>
                <tbody>
                    <!-- Les données du tableau seront insérées ici dynamiquement -->
                </tbody>
            </table>
        </div>
    </div>
</div>
<style>
/* INTERFACE SITE */
#results {
    margin: 0px !important;
    width: 98.9% !important;
  }
</style>
@endsection

@section('js_footer')

<script src="{{ asset('js/fonctions/init_datatables.js').'?'.env('VERSION_JS')}}"></script>

<script>
    var intType = "{!! app('request')->input('intType') !!}";

</script>

<script src="{{ asset('js/interventions/listSite.js').'?'.env('VERSION_JS')}}"></script>
@endsection

@section('modale')
<!-- Modale satisfaction -->
<div id="Modale_satisfaction" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <form method="post" class="" id="form_modale_satis" name="form_modale_satis" action="{{ route('satisfaction') }}" enctype="multipart/form-data">
            @csrf
            {{ csrf_field() }}
            <div class="modal-content">
                <div class="modal-header bg-modal">
                    <h4 class="modal-title text-center">{{ __('Satisfaction') }}</h4>
                </div>

                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <input type="hidden" name="int_id" id="int_id" value="">
                            <input type="hidden" name="close" id="close" value="close">

                            <div class="info-box ib_elan_alert">
                                <span class="info-box-icon bg-warning"><i class="fas fa-exclamation-circle"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">{{ __('Pour clôturer une DI, vous devez donner votre avis.') }}</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="required_label">{{__('Qualité')}}</label>
                                <input type="text" id="pro_satisfactionQuality" name="pro_satisfactionQuality" class="note" required>
                            </div>
                        </div>
                        <div class="col-md-6 mb-5">
                            <label class="required_label">{{ __('Statut')}}</label>
                            @foreach ($stats as $statCloture)
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="sta_id2" value="{{$statCloture->sta_id}}" required>
                                <label class="form-check-label" for="sta_id">{{__($statCloture->sta_nameFr)}}</label>
                            </div>
                            @endforeach
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>{{__('Commentaire')}}</label>
                                <textarea class="form-control trumbowyg" id="pro_satisfactionComment" name="pro_satisfactionComment"></textarea>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="modal-footer">
                    <center>
                        <button type="button" name="BTN_fermermodaleA" id="BTN_fermermodaleA" data-dismiss="modal" class="btn btn-abort">{{ __('Annuler') }}</button>
                        <button type="submit" class="btn btn-save">{{ __('Enregistrer') }}</button>
                    </center>
                </div>
            </div>
        </form>
    </div>
</div>

 @if(Session()->get('campaign_management',)=='oui')
    @include('popups.campaign_popup')
        @if (!$hasCompletedAllSurveys)
            @include('popups.survey_popup')
        @endif
@endif

@endsection