@php   use App\Models\profil; @endphp

@extends('base')

@section('content')
    
    <div class="alert alert-success text-center">LISTE DES FORMULES / PRODUCTEUR</div>

    <div class="row">
        <div class="col-md-3">
                <label for="recherche" id="label_rechercher_producteur">producteur :</label>
                <select type="text" class="form-control" id="recherche_producteur"  placeholder="recherche producteur">


                    @foreach($producteurs as $producteur)
                    <option value= "{{$producteur->id_producteur}}">{{$producteur->producteur_code}}</option>
                    @endforeach

                </select>
        </div>
        <div class="col-md-8" style="text-align: right;padding-top: 2%;padding-right: 3%;">
            <button class="btn btn-success refrech" >Rafraichir</button>
        </div>

</div>

 <div class="col-md-12 text-center">Nombre de formule(s) : <span class="badge" style="background : #dff0d8; color :#000; font-size: 15px; margin-bottom:0.5%;"> </span></div>
<div class="table-responsive">
    <table class="table table-striped table-hover table-bordered" id="table_formule_producteur" 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">APPELLATION COMMERCIALE</th>
                <th scope="col" class="text-center formule_producteur_code">PROD.CODE</th>
                <th scope="col" class="text-center formule_producteur_app_commerciale">PROD.APPELLATION COMMERCIALE</th>
                <th scope="col" class="text-center formule_producteur_pahu">P.A.U.H.T</th>
                <th scope="col" class="text-center formule_producteur_pahu">Valider</th>
            </tr>
        </thead>
        <tbody class="tbody_formule_procducteur">
        </tbody>


    </table>
</div>

    <script>

        $(function() { // Dom ready

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

            var table = $('#table_formule_producteur').DataTable({
        //   fixedHeader: {
        //     header: true,
        //     footer: true
        // },
        scrollX: true,
        scrollCollapse: true,
        autoWidth: true,
        paging: true,
        pageLength: 100,
        // processing: true,

        "ajax": {
            "url": '{{url('formule_producteur/table')}}',
            "type": "GET",

            "data": {
                'producteur': function() { return $("#recherche_producteur").val() },

            },

            "dataSrc": function(json) {

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

                return json.data;
            },
        },

        columnDefs: [{
                "targets": 2,
                "data": function(json) {
                    var data_code_formule_producteur = json[2];

                    var text = '<input type="text" class="code_formule_producteur_change form-control" value="' + data_code_formule_producteur + '" maxlength="25"> ';


                    return text;
                },
                "defaultContent": null



            },

            {
                "targets": 3,
                "data": function(json) {
                    var data_app_commeriale_formule_producteur = json[3];

                    var text = '<input type="text" class="app_commerciale_formule_producteur_change form-control" value="' + data_app_commeriale_formule_producteur + '" maxlength="50"> ';


                    return text;
                },
                "defaultContent": null



            },
            {
                "targets": 4,
                "data": function(json) {
                    var data_paht_formule_producteur = json[4];

                    var text = '<input type="text" class="paht_formule_producteur_change form-control" value="' + data_paht_formule_producteur + '"> ';


                    return text;
                },
                "defaultContent": null

            },

            {
                "targets": 5,
                "data": function(json) {
                    var valider_formule_producteur = json[5];

                    var text = '<button type="button" class="btn_formule_producteur btn btn-success" >Valider</button>';


                    return text;
                },
                "defaultContent": null


            },
            //   // { "className": "d-none", "targets": [14] },
            //   { "className":"text-center align-middle approuve th_cursor_pointer", "targets": [9] },
            //   { "className":"text-center align-middle traite th_cursor_pointer", "targets": [11] },
            { "className": "text-center align-middle", "targets": "_all" },



            //   { "width": "150px", "targets": [4] },
            //   { "width": "150px", "targets": [5] },
            //   { "width": "150px", "targets": [7] },
            //   { "width": "150px", "targets": [8] },
            //   { "width": "150px", "targets": [12] },
            //   { "width": "150px", "targets": [10] },
        ]
    });

    $('.refrech').click(function(e) {
        e.preventDefault();
        table.ajax.reload(null, false);
    });

    $("#recherche_producteur").change(function(e) {
        e.preventDefault();
        $('.refrech').click();
    });

    $('#table_formule_producteur tbody').on('click', '.btn_formule_producteur', function(e) {
         e.preventDefault();
        //On recupere l'id
        var data = table.row($(this).parents('tr')).data();
        // console.log(data);
        var tr = $(this).parents('tr');
        var paht_formule_producteur_change = "";
        var app_commerciale_formule_producteur_change = "";
        var code_formule_producteur_change = "";
        tr.each(function() {
            // console.log($(this).find('.paht_formule_producteur_change').val())
            paht_formule_producteur_change = $(this).find('.paht_formule_producteur_change').val();
            app_commerciale_formule_producteur_change = $(this).find('.app_commerciale_formule_producteur_change').val();
            code_formule_producteur_change = $(this).find('.code_formule_producteur_change').val();
        });

        console.log(data['DT_RowId']);
        console.log($("#recherche_producteur").val());
        
        
        function reponse(donnees) {


             if (donnees.success){
                    $('#message').html(donnees.message).show();

                    setTimeout(function() {
                        $('#message').hide();
                    }, 3000);
                    // setTimeout(function() {
                    //     $('#filtre').click();
                    // }, 3000);
                    // setTimeout(function() {
                    //     $('.refrech').click();
                    // }, 3000);

                }else{

                    errors = donnees.errors;
                    var champ_invalid = Object.keys(errors)[0];
                    $("#"+champ_invalid).focus().addClass('is-invalid');
                    $("#message_base_erreur").html(errors[champ_invalid][0]);
                    $("#message_base_erreur").show();
                    setTimeout(function() {
                        $('#message_base_erreur').hide();
                    }, 3000);
                }
        }

        $.post('{{url('formule_producteur/enregistrer')}}', { "formule_id": data['DT_RowId'], "formule_producteur_code": code_formule_producteur_change, "formule_producteur_app_commerciale": app_commerciale_formule_producteur_change, "formule_producteur_paht": paht_formule_producteur_change, "producteur_id": $("#recherche_producteur").val(),_token:'{{csrf_token()}}' }, reponse, 'json');

    });

    // $('#table_demande_action tbody').on('click', '.approuve', function () {
    //   var data = table.row( $(this).parents('tr')).data();
    //   // console.log(data);
    //     // var refrech_table =
    //   function reponse(donnees){

    //     $("#message").html(donnees.message);
    //     $( "#message" ).show(700);
    //     setTimeout("$('.refrech').click()",2000);
    //     setTimeout("$( '#message' ).hide()",2000);
    //     setTimeout("$( '#message' ).empty()",2000);

    //   };
    //   $.get("https://chavignytest.myalfi-connect.com/demande_action/demande_action_approuve_tr.php", {"id_demande_action" : data['DT_RowId'] }, reponse, "json");
    // });

    // $('#table_demande_action tbody').on('click', '.traite', function () {
    //   var data = table.row( $(this).parents('tr')).data();

    //   function reponse(donnees){

    //     $("#message").html(donnees.message);
    //     $( "#message" ).show(700);
    //     setTimeout("$('.refrech').click()",2000);
    //     setTimeout("$( '#message' ).hide()",2000);
    //     setTimeout("$( '#message' ).empty()",2000);


    //   };
    //   $.get("https://chavignytest.myalfi-connect.com/demande_action/demande_action_traite_tr.php", {"id_demande_action" : data['DT_RowId'] }, reponse, "json");
    // });

    $('#table_formule_producteur tbody').on('keyup', '.paht_formule_producteur_change', function(e) {
        e.preventDefault();
        this.value = this.value.replace(/[^0-9.]/, '');


    });
});


    </script>
@endsection