@extends('base')

@section('content')


    <div class="alert alert-success text-center">LISTE DES INCIDENTS</div>
    <div class="col-md-12 row">
        <div class="col-md-3">
            <label for='grille_incident_client'><b>Client :</b></label>
            <input disabled type="text" class='form-control' name='grille_incident_client' id='grille_incident_client' client_id="">



        </div>
        <div class='col-sm-1' style='margin-left:-1%;margin-top: 1%'>
            <br>

            <button class='btn btn-success btn-sm' id='btn_recherche_grille_incident_client'><i class='fa fa-search'></i>
            </button>
        </div>
        <div class='col-sm-1' style="margin-left:-6%;margin-right: -5%;margin-top: 1%">
            <br>

            <button class='btn btn-danger btn-sm' id='btn_vider_grille_incident_client'><i class='fas fa-times-circle'></i>
            </button>
        </div>
        <div class="col-md-3">
            <label for='incident_date_debut'><b>Début :</b></label>
            <input class='form-control' type='date' name='incident_date_debut' id='incident_date_debut'  value="{{Carbon::now()->format('Y-m-d')}}">
            </select>

        </div>
        <div class="col-md-3">
            <label for='incident_date_fin'><b>Fin :</b></label>
            <input class='form-control' type="date" name='incident_date_fin' id='incident_date_fin' value="{{Carbon::now()->format('Y-m-d')}}">



        </div>
        <div class="col-md-2 row ">
        
            <div class="col-md-1" style="margin-right:50px">
            <label for='ajouter_incident'> </label>
                <button class="btn btn-success ajouter_incident "  @disabled(in_array($profil->profil_fichier_crm,[0,1,3]))>Ajouter</button>
            </div>
            <div class="col-md-1">
                <label for='rafraichir'> </label>
                <button class="btn btn-success" id="rafraichir">Rafraichir</button>
            </div>
        </div>
    </div>
    <div id="filtre"><button type="button" class="fermer btn btn-danger" >X</button></div><div id="affiche_incident"></div>
    <div class="col-md-12 text-center" style="margin-top:10px;">Nombre de(s) incident(s) : <span class="badge" style="background : #dff0d8; color: #000; font-size: 15px; margin-bottom:0.5%;">0</span></div>
    <div class="table-responsive">
        <table class="table table-striped table-hover table-bordered" id="table_incident" style="width:100%">
            <thead style="background-color:#28a745; color:white">
            <tr>

            <th scope="col" class="text-center">CODE</th>
            <th scope="col" class="text-center" >CLIENT</th>
            <th scope="col" class="text-center" >CHANTIER</th>
            <th scope="col" class="text-center" >FAMILLE</th>
            <th scope="col" class="text-center" >LIBELLE</th>
            <th scope="col" class="text-center">PDF</th>
            <th scope="col" class="text-center">SUPPRIMER</th>
            </tr>
            </thead>

        </table>
    </div>

    <script>
        $(function() { // Dom ready
            $('#grille_incident_client').attr('client_id', '');
            $('#grille_incident_client').val('');
            $('title').text("INCIDENT - SMART CENTRAL");

            $("#filtre").click(function(e) {
                e.preventDefault();
                $("#affiche_incident").hide();
                $("#filtre").hide();

            });
            $(".fermer").click(function(e) {
                e.preventDefault();
                $("#filtre").click();
            });
            $('#btn_vider_grille_incident_client').click(function (e) {
            e.preventDefault();

            $('#grille_incident_client').val('');
            $('#grille_incident_client').attr('client_id', '');
            $('#rafraichir').click();

        });
        $("#grille_incident_client").change(function (e){
                e.preventDefault();
                $('#rafraichir').click()
            });

            $("#incident_date_debut").change(function (e){
                e.preventDefault();
                $('#rafraichir').click()
            });
            $("#incident_date_fin").change(function (e){
                e.preventDefault();
                $('#rafraichir').click()
            });


        $("#btn_recherche_grille_incident_client").click(function(e) {
                e.preventDefault();
                $("#affiche_incident").empty();
                $("#affiche_incident").show();

                $("#filtre").show();

                function reponse(retour) {
                    // console.log(retour);
                    $("#affiche_incident").html(retour);

                }

                $.get('{{url('incident/incident_recherche')}}' ,{fiche_recherche:'client_index'} ,reponse, 'html');

        });
            $(".ajouter_incident").click(function(e) {
                e.preventDefault();
                $("#filtre").show();
                $("#affiche_incident").empty();
                $("#affiche_incident").show();

                function reponse(retour) {
                    {{--if (!$.isEmptyObject(retour)) {--}}

                    //{{--    // console.log('Élément trouvé:', retour.id_incident);--}}
                    {{--    window.location.href = '{{url('incident')}}/'+retour.id_incident+'/modifier';--}}
                    {{--}--}}
                    console.log("Réponse du serveur :", retour);
                    $("#affiche_incident").html(retour);

                }

                $.get('{{url('incident/creer')}}' ,reponse, 'html');



            });
            var table = $('#table_incident').on('processing.dt', function (e, settings, processing) {
                console.log($('#grille_incident_client').attr('client_id'));

                $('.ring').css('display', processing ? 'block' : 'none');
                $('#filtre_loading').css('display', processing ? 'block' : 'none');
            }).DataTable({
                scrollX: true,
                orderCellsTop: true,
                // fixedHeader: true,
                scrollCollapse: true,
                autoWidth: true,
                // paging: true,
                // serverSide: true,
                iDisplayLength: '50',
                dom: 'lBfrtip',
                buttons: [
                    { "extend": 'excel', "text": 'Export excel', "className": 'btn_export_excel', title: 'Liste de(s) incident(s)',"attr": {"style" :"color: rgb(255, 255, 255); background-color: rgb(33, 136, 56);"}}
                ],



                'ajax': {
                    'url': '{{url('incident/table')}}',
                    'type': 'GET',
                    'data': {
                        'date_debut': function() { return $("#incident_date_debut").val() },
                        'date_fin': function() { return $("#incident_date_fin").val() },
                        'client_id': function() { return $('#grille_incident_client').attr('client_id')},
                    },
 

                    'dataSrc': function (json) {

                        $('.badge').html(json.recordsTotal);

                        return json.data;
                    },
                },



                columnDefs: [
                    { "className": "text-center align-middle modifier_incident th_cursor_pointer font-weight-bold", "targets": [0] },
                    { "className": "text-center align-middle imprimer_incident th_cursor_pointer", "targets": [5] },
                    { "className": "text-center align-middle supprimer th_cursor_pointer font-weight-bold", "targets": [6] },
                    {'className': 'text-center align-middle ', 'targets': '_all'},
                ],

            });
            $("#rafraichir").click(function (e){
                e.preventDefault();
                table.ajax.reload(null, false);

            });
            $('#table_incident tbody').on('click', '.imprimer_incident', function (e) {
            e.preventDefault();

            var data = table.row($(this).parents('tr')).data();
            var id_incident = data['DT_RowId'];
            function reponse (retour){
                window.open('telecharger_pdf.php?nom_pdf=' + retour.nom_pdf, '_blank');
            }
            $.get('https://modeleclient5179.myalfi-connect.com/perin/incident_default/index.php', {incident_id: id_incident}, reponse, 'json');

        });
            $('#table_incident tbody').on('click', '.modifier_incident', function(e) {
                e.preventDefault();


                var data = table.row($(this).parents('tr')).data();
                var id_incident = data['DT_RowId'];
                $("#filtre").show();
                $("#affiche_incident").empty();
                $("#affiche_incident").show();

                function reponse(retour) {

                    $("#affiche_incident").html(retour);

                }

                $.get('{{url('incident')}}/'+id_incident+'/modifier' ,reponse, 'html');


            });
            $('#table_incident tbody').on('click', '.supprimer', function(e) {
                e.preventDefault();


                var data = table.row($(this).parents('tr')).data();
                var id_incident = data['DT_RowId'];

                if (confirm("Êtes-vous sûr(e)?")) {
                    function reponse(retour) {
                        $("#message_base_supprimer").html(retour.message);
                        $("#message_base_supprimer").show();
                        setTimeout(function() {
                            $('#message_base_supprimer').hide();
                        }, 3000);
                        if (retour.success) {
                            setTimeout(function() {
                                table.ajax.reload(null, false);
                            }, 3000);


                        }

                    }
                    $.ajax({
                        url: '{{url('incident')}}/' + id_incident + '/supprimer',
                        method: 'DELETE',
                        data: {
                            _token: '{{ csrf_token() }}' // Assurez-vous d'inclure le jeton CSRF pour les requêtes DELETE
                        },
                        success: function(response) {
                            // Traitement de la réponse retournée par le serveur
                            reponse(response)
                        },
                        error: function(xhr, status, error) {
                            // Gestion des erreurs
                            console.error(error);
                        }
                    })
                }

            });
        });
    </script>
@endsection