@php use App\Models\profil; @endphp

@extends('base')

@section('content')


<div class="alert alert-success text-center">LISTE DES CENTRALE(S)</div>
<button class="btn btn-success ajouter_centrale " @if($profil->profil_centrale==0  || $profil->profil_centrale==1 || $profil->profil_centrale==3) disabled @endif>Ajouter</button>
<button class="btn btn-success" id="rafraichir">Rafraichir</button>
<div id="filtre"><button type="button" class="fermer btn btn-danger" >X</button></div><div id="affiche_centrale"></div>
<div class="col-md-12 text-center">Nombre de(s) Centrale(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_centrale" style="width:100%">
        <thead style="background-color:#28a745; color:white">
        <tr>
        <th scope="col" class="text-center code_centrale">CODE</th>
      <th scope="col" class="text-center gestion_centrale">GESTION</th>
      <th scope="col" class="text-center nom_centrale">NOM</th>
      <th scope="col" class="text-center">ADRESSE 1</th>
      <th scope="col" class="text-center">ADRESSE 2 </th>

      <th scope="col" class="text-center">CODE POSTAL</th>
      <th scope="col" class="text-center">VILLE</th>
      <th scope="col" class="text-center">PAYS</th>

      <th scope="col" class="text-center">TELEPHONE</th>
      <th scope="col" class="text-center">FAX</th>
      <th scope="col" class="text-center">ACTIVE</th>
      <th scope="col" class="text-center">SOCIETE</th>
      <th scope="col" class="text-center">ACTIVITE</th>
      <th scope="col" class="text-center">REGION</th>
      <th scope="col" class="text-center">PRODUCTEUR</th>
      <th scope="col" class="text-center">SUPPRIMER</th>
        </tr>
        </thead>

    </table>
</div>

<script>

    $(function() { // Dom ready

        $('title').text("CENTRALE - SMART CENTRAL");

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

        });
        $(".fermer").click(function(e) {
            e.preventDefault();
            $("#filtre").click();
        });
        $(".ajouter_centrale").click(function(e) {
            e.preventDefault();
            $("#filtre").show();
            $("#affiche_centrale").empty();
            $("#affiche_centrale").show();


            function reponse(retour) {

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

            }

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



        });
        var table = $('#table_centrale').on('processing.dt', function (e, settings, processing) {

            $('.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) centrale(s)',"attr": {"style" :"color: rgb(255, 255, 255); background-color: rgb(33, 136, 56);"}}
                ],



                'ajax': {
                    'url': '{{url('centrale/table')}}',
                'type': 'GET',
                // 'data': {},


                'dataSrc': function (json) {

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

                    return json.data;
                },
            },



            columnDefs: [
            { "className": "text-center align-middle modifier_centrale th_cursor_pointer font-weight-bold", "targets": [0] },
            { "className": "text-center align-middle supprimer_centrale th_cursor_pointer font-weight-bold", "targets": [15] },
            {'className': 'text-center align-middle ', 'targets': '_all'},
        ],

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

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


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

            function reponse(retour) {

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

            }

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


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


            var data = table.row($(this).parents('tr')).data();
            var id_centrale = 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('centrale')}}/' + id_centrale + '/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