@extends('base')
@section('content')


    <div class="alert alert-success text-center">LISTE DES PRODUITS</div>

    <div class="col-md-12 row">
        <div class="form-group col-md-3" id="">
            <label for="recherche" id="label_rechercher">Chercher par caractériqtique</label>
            <select  class="form-control" id="recherche_produit_negoce" >
                <option value="3">Tous</option>
                <option value="0">Produit matiére premiére</option>
                <option value="1">Produit Négoce</option>
            </select>

    </div>

    <div class="row col-md-12">
        <div class="form-group col-md-3" >
        <label for="recherche_centrale" ><b>Centrale</b></label>
        <select  id="recherche_centrale" class="form-control" style="width: 100%;">
            <option value="0">Aucune</option>

            @foreach ($centrales as $centrale)
                <option value="{{$centrale->id_centrale}}"> {{ $centrale->centrale_code }} -> {{ $centrale->centrale_nom }}</option>
            @endforeach
        </select>
    </div>
    </div>

    <button style= "margin-right : 5px" class="btn btn-success ajouter_produit " @if($profil->profil_produit==0  || $profil->profil_produit==1 || $profil->profil_produit==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_produit"></div>
    <div class="col-md-12 text-center">Nombre de(s) produit(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_produit" style="width:100%">
            <thead style="background-color:#28a745; color:white">
            <tr>
                <th scope="col" class="text-center code_produit">CODE</th>
                <th scope="col" class="text-center type_produit">TYPE</th>
                <th scope="col" class="text-center">SOUS TYPE</th>
                <th scope="col" class="text-center libelle_produit">LIBELLE</th>
                <th scope="col" class="text-center">LIBELLE 2 </th>
                <th scope="col" class="text-center">FAMILLE</th>
                <th scope="col" class="text-center">FOURNISSEUR</th>
                <th scope="col" class="text-center">CODE GESTION</th>
                <th scope="col" class="text-center">CODE EXEC</th>
                <th scope="col" class="text-center">EQUIVALENCE</th>
                <th scope="col" class="text-center">PRIX</th>
                <th scope="col" class="text-center">TVA</th>
                <th scope="col" class="text-center">GROUPE TARIF</th>
                <th scope="col" class="text-center">COMPTABLE</th>
                <th scope="col" class="text-center">DENSITE</th>
                <th scope="col" class="text-center">T. EAU</th>
                <th scope="col" class="text-center">TOLERANCE</th>
                <th scope="col" class="text-center">ALCALIN</th>
                <th scope="col" class="text-center">CHLORURE</th>
                <th scope="col" class="text-center">CARBONE</th>
                <th scope="col" class="text-center">RÉFÉRENCE FTP</th>
                <th scope="col" class="text-center">DATE FTP</th>
                <th scope="col" class="text-center">SUPPRIMER</th>


            </tr>
            </thead>

        </table>
    </div>



    <script>

        $(function() { // Dom ready

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

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

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

                function reponse(retour) {

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

                }

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



            });
            $.fn.dataTable.moment('DD/MM/YYYY');
            var table = $('#table_produit').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) produit(s)',"attr": {"style" :"color: rgb(255, 255, 255); background-color: rgb(33, 136, 56);"}}
                ],

                'ajax': {
                    'url': '{{url('produit/table')}}',
                    'type': 'GET',
                    'data': {'recherche_produit_negoce':function() {return $('#recherche_produit_negoce').val()},'recherche_centrale':function() {return $('#recherche_centrale').val()}},


                    'dataSrc': function (json) {

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

                        return json.data;
                    },
                },



                columnDefs: [
                    { "className": "text-center align-middle modifier_produit th_cursor_pointer font-weight-bold", "targets": [0] },
                    { "className": "text-center align-middle supprimer_produit th_cursor_pointer font-weight-bold", "targets": [22] },
                    {'className': 'text-center align-middle ', 'targets': '_all'},
                ],

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

            });



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

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

            $('#table_produit tbody').on('click', '.modifier_produit', function(e) {
                e.preventDefault();


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

                function reponse(retour) {

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

                }

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


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


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