@extends('backend/include/layout')
<!-- title -->
@section('title')
    Formulaire d'évaluation || {{env("APP_NAME")}}
@endsection
<!-- swwet alert -->
<script src="https://unpkg.com/sweetalert2@11.4.32/dist/sweetalert2.all.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

@section('fil-arial')
    <div class="pagetitle">
        <h1>Formulaire d'évaluation</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#" style="text-decoration: none;">Home</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.parametres') }}"
                        style="text-decoration: none;">Paramètres</a></li> 
                <li class="breadcrumb-item active">Formulaire d'évaluation</li>
            </ol>
        </nav>
    </div>
@endsection

@section('contenu')
    <section class="section">
        <div class="row">
            <div class="col-lg-12 text-center">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Diffusion du formulaire d'évaluation</h5>
                        <!-- General Form Elements --> 
                            <div class="row mb-3"> 
                                <div class="col-sm-10 mx-auto">
                                    <button type="button" onclick="diffusionEvaluation()" class="btn btn-success">Envoyer</button>
                                </div>
                            </div>  
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

<!-- jsScript -->
@section('script-js')
    <script>
        $(document).ready(function() { 
            // remove menu active
            $("ul").removeClass('show');
            $("ul li a").removeClass('active');
            // active menu 
            $("#parametres").removeClass('collapsed');
 
        });
        function diffusionEvaluation() {
            $.ajaxSetup({
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
                });
            $.ajax({
                    type: 'POST',                     
                    url: "{{ route('diffusion.evaluation_form') }}",
                    data: {diffusion:'ok'},
                    cache:false,
                    contentType: false,
                    processData: false,  
                    //dataType: 'json', 
                    beforeSend: function() {
                        swal({
                                    title:"Diffusion", 
                                    text:"Traitement en cours...",
                                    icon: "https://www.boasnotas.com/img/loading2.gif",
                                    buttons: false,      
                                    closeOnClickOutside: false,
                                    //timer: 3000,
                                    //icon: "success"
                      });
                    }, 
                    success: function(response, status) {  
                      //console.log(response); 
                      if (response.error) {
                        swal(
                          'Erreur!', 
                          'Message : '+response.message
                          ,
                          'error'
                        ); 
                        
                      } else {
                        
                      // récupération du nbre de traitement effectué  

                      swal(
                          'Mail envoyé avec succès pour '+response.nombre_total+" inscrit(s) Nbre d'échec : "+response.nombre_echec+" Nbre d'envoie "+response.nombre_envoie+" Nbre existant "+response.nombre_existant, 
                          'success'
                        ); 
                      }
 
                    },
                    error: function(xhr, textStatus, errorThrown) {
                      alert('Erreur');
                    console.log(xhr);
                    }
                });
         }
    </script>
@endsection