@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header') 
@endsection
<!-- ************************************** -->
@section('titre')
{{ __('Questionnaires') }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __('Questionnaires') }}
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __('Liste') }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
    <small class="float-right"> 
        <button type="button" class="btn btn-defaut btn-add-new" data-toggle="modal" data-target="#AddModal">
            {{ __("Ajouter") }}
        </button> 
    </small>
@endsection
<!-- ************************************** -->
@section('contenu')
<div class="row">
    <div class="col-md-12">
        <div class="card card-info">
            <div class="card-body card-body-with-table p-100"> 
                <div class="table-responsive">
                    <table id="results" class="table table-striped table-compact table-advance table-hover" width="100%" cellspacing="0">
                        <thead class="">
                            <tr>
                                <th>{{ __("Titre") }}</th> 
                                <th>{{ __("Date création") }}</th> 
                                <th>{{ __("Date début") }}</th>
                                <th>{{ __("Date fin") }}</th>  
                                <th>{{ __("Nombre de questions") }}</th>  
                                <th>{{ __("Nombre de sites") }}</th>  
                                <th>{{ __("Nombre réponses") }}</th> 
                                <th class="action">{{ __("Actions") }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($questionnaires as $questionnaire) 
                            <tr> 
                                <td width="15%"><strong>{!! $questionnaire->sur_title !!}</strong></td> 
                                <td width="8%"> {!! date_en_fr($questionnaire->sur_createdDate) !!} </td> 
                                <td width="8%"> {!! date_en_fr($questionnaire->sur_startDate) !!} </td> 
                                <td width="8%"> {!! date_en_fr($questionnaire->sur_endDate) !!} </td> 
                                <td width="8%"> {!! $questionnaire->count_questions !!} </td> 
                                <td width="8%"> {!! $questionnaire->count_sites !!} </td> 
                                <td width="15%"><span class="badge  bg-yellow">{{ __("Nombre de réponses") }} : {!! $questionnaire->nbr_reponse !!} - {!! $questionnaire->pourcentage_reponse !!} </span></td>
                                 
                                <td class="action" width="10%">
                                    <a target="_blank" title="Aperçu" href="/parametrage/survey/{{$questionnaire->sur_id}}" class='btn btn-sm btn-success btn-see btn-circle'>
                                        {{ __("Aperçu") }}
                                    </a> 
                                        {{--<button id="btnGroupDrop{{$questionnaire->sur_id}}" type="button" class="btn btn-sm btn-success btn-see btn-circle  " data-toggle="modal" data-target="#sitesModal{{$questionnaire->sur_id}}">
                                            {{ __("Réponses") }}
                                        </button>  --}}
                                    {{--@if (!$questionnaire->hasAnswers)--}}
                                    <a class='btn btn-sm btn-success btn-edit btn-circle' target="_blank" title="Modifier" href="/parametrage/survey/{{$questionnaire->sur_id}}/edit" >
                                        {{ __("Modifier") }}
                                    </a> 
                                    {{--@endif--}} 
                                    @if (!$questionnaire->hasAnswers)
                                    <button type="button" class='btn btn-sm btn-danger btn-delete btn-circle' data-toggle="tooltip" title="Supprimer" id="btn_suppr_{{$questionnaire->sur_id}}" data-id="{{$questionnaire->sur_id}}">
                                        {{ __("Supprimer") }}
                                    </button> 
                                    @endif
                                    <a class="btn btn-sm btn-defaut   btn-export-new" id="btn_export" href="/export/survey/{{$questionnaire->sur_id}}" data-export={{ Route::current()->getName() }}> {{ __('Exporter') }} </a>
                                    @if ($questionnaire->hasPhotoAnswers)
                                        <a href="{{ url('/exportZip/photosurvey/' . $questionnaire->sur_id) }}" class="btn btn-sm btn-defaut btn-export-new">{{ __('Exporter les photos') }}</a>
                                    @endif
                                </td>
                            </tr>
                            

                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
 

@endsection

@section('js_footer')
<script src="{{ asset('js/surveys/index.js').'?'.env('VERSION_JS')}}"></script>

@endsection

@section('modale')
<!-- Modal ajout questionnaire  -->
<div class="modal fade" id="AddModal" tabindex="-1" role="dialog" aria-labelledby="AddModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form action="{{ route('createsurvey') }}" method="post" name="form_addSurvey" id="form_addSurvey">
            @csrf
            {{ csrf_field() }}

        <div class="modal-content">
            <div class="modal-header bg-modal">
                <h5 class="modal-title" >{{ __('Création questionnaire') }}</h5> 
            </div>
            <div class="modal-body"> 
                <div class="form-group">
                    <label for="title" class="required_label">{{ __('Titre questionnaire') }} </label>
                    <input type="text" id="title" name="title" class="form-control" required>
                     
                </div>

                <div class="form-group">
                    <label for="description">{{ __('Description') }}</label>
                    <textarea id="description" name="description" class="trumbowyg"></textarea>
                </div>
                <div class="row">
                    <div class="col">
                        @component('components.dates.select_simple',['label' => __('Date de debut'),'required'=>true,'value' =>'','name' => 'surv_date_debut'])
                        @endcomponent
                    </div>
                    <div class="col">
                        @component('components.dates.select_simple',['label' => __('Date de fin'),'required'=>true,'value' =>'','name' => 'surv_date_fin'])
                        @endcomponent
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-abort" data-dismiss="modal">{{ __('Fermer') }}</button>
                <button type="submit" class="btn btn-save" >{{ __('Enregistrer') }}</button>
                
            </div>
        </div>
    </form>
    </div>
</div> 
@include('modales.delete_standard')

@endsection