@php
//dd($commande)
@endphp

<form id="formulaire_depart_cycle" enctype="multipart/form-data">
    @csrf

    <div class=" text-center alert col-md-12" style="background:#000000 !important; color: white !important;height: auto !important"><h1>Départ cycle</h1>
        <div class="col-md-4 text-left">
            <a   rel="noopener noreferrer" style="color:white !important;margin-bottom:2%;">Qte Commande : {{$commande->commande_qte_commande}} m3</a><br>
            <a   rel="noopener noreferrer" style="color:white !important;margin-bottom:2%;">Reste : {{$commande->commande_qte_restant}} m3</a><br>
            <a   rel="noopener noreferrer" style="color:white !important;margin-bottom:2%;" id="depart_cycle_no_bl">No bl : </a>


        </div>
    </div>

    <input type="hidden" id="commande_id" name="commande_id" value="{{$commande->id_commande??''}}">

    <div class="cadre">

        <div class="row">
            <div class="col-md-5"><!--Bloc gauche -->
                <label for="option_cycle" class="col-md-12"><strong>Options de cycle</strong></label>

                    <!-- PARTIE VEHICULE -->
                    @include('depart_cycle.depart_cycle_vehicule')
                    <!-- FIN PARTIE VEHICULE -->
                    <!-- PARTIE CHAUFFEUR -->
                    @include('depart_cycle.depart_cycle_chauffeur')
                    <!-- FIN PARTIE CHAUFFEUR -->

                <div class="form-group row " style="margin-bottom:1% !important">
                    <label for="commande_qte_commande" class="col-sm-2 col-form-label">Quantité</label>
                    <div class="col-sm-2">
                        <input type="text" class="form-control form-control-sm" id="depart_cycle_qte" name="depart_cycle_qte" value="{{$commande->lier_vehicule?->Vehicule_Capacite<$commande->commande_qte_restant?$commande->lier_vehicule?->Vehicule_Capacite:$commande->commande_qte_restant}}">
                    </div>
                    <label for="depart_cycle_qte" class="col-sm-2 col-form-label">m3</label>


                    <label for="commande_qte_livraison" class="col-sm-2 col-form-label col-form-label-sm">Livraison</label>
                    <div class="col-sm-2">
                        <input type="text"  class="form-control form-control-sm" id="commande_qte_livraison" name="commande_qte_livraison" value="{{$commande->commande_qte_livraison}}">
                    </div>
                    <label for="commande_qte_livraison" class="col-sm-2 col-form-label">m3</label>

                </div>

                <div class="form-group row " style="margin-bottom:1% !important">
                    <label for="depart_cycle_ajout_eau" class="col-sm-2 col-form-label">Ajout d'eau</label>
                    <div class="col-sm-2">
                        <input type="text" class="form-control form-control-sm" id="commande_ajout_eau" name="depart_cycle_ajout_eau" value="{{$commande->commande_ajout_eau}}">
                    </div>
                    <label for="depart_cycle_ajout_eau" class="col-sm-2 col-form-label">l/m3</label>


                    <div class="form-check form-check-inline" style="margin-top:1%;margin-bottom:2%">
                        <input class="form-check-input" type="checkbox"  id="commande_ti" name="commande_ti" @checked($commande->commande_ti)>
                        <label class="form-check-label" for="commande_ti" style="font-size:16px !important">
                            Transport incomplet
                        </label>
                    </div>

                </div>
                <div class="form-group row " style="margin-bottom:1% !important">
                    <label for="depart_cycle_qte_retour_beton" class="col-sm-2 col-form-label">Retour Béton</label>
                    <div class="col-sm-2">
                        <input type="text" class="form-control form-control-sm" id="depart_cycle_qte_retour_beton" name="depart_cycle_qte_retour_beton" value="0">
                    </div>
                    <label for="depart_cycle_qte" class="col-sm-2 col-form-label">m3</label>

                </div>

                <div class="form-group  " style="margin-bottom:1% !important">


                    <div class="form-check form-check-inline" style="margin-top:1%;margin-bottom:2%">
                        <input class="form-check-input" type="checkbox"  id="depart_cycle_bl_sans_production" name="depart_cycle_bl_sans_production" @checked($commande->bl_sans_production)>
                        <label class="form-check-label" for="depart_cycle_bl_sans_production" style="font-size:16px !important">
                            BL sans production
                        </label>


                    </div>

                    <div class="form-check form-check-inline" style="margin-top:1%;margin-bottom:2%">
                        <input class="form-check-input" type="checkbox"  id="bl_blocage_depart_cycle" name="bl_blocage_depart_cycle" @checked($commande->bl_blocage_depart_cycle)>
                        <label class="form-check-label col-form-label-sm" for="bl_blocage_depart_cycle" style="font-size:16px !important">
                            Blocage en départ cycle
                        </label>


                    </div>

                </div>

                <div class="form-group row " style="margin-bottom:1% !important">


                    <label for="ventilation_id" class="col-sm-2 col-form-label col-form-label-sm">Ventilation</label>
                    <div class="col-sm-3">
                        <select  class="form-control form-control-sm" id="ventilation_id" name="ventilation_id" >

                            @foreach ($ventilations as $ventilation)
                                <option @selected($commande->ventilation_id==$ventilation->id_ventilation) no_bl_suivant="{{str_pad($ventilation->ventilation_numero_sequence,6,'0',STR_PAD_LEFT)}}" value="{{$ventilation->id_ventilation}}" >{{$ventilation->ventilation_code}}-> {{$ventilation->ventilation_libelle}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label for="modele_impression_id" class="col-sm-3 col-form-label col-form-label-sm">Modèle imp.</label>
                    <div class="col-sm-4">

                        <select  class="form-control form-control-sm" id="modele_impression_id" name="modele_impression_id" >

                            @foreach ($modeles_impression as $modele_impression)
                                <option @selected($commande->modele_impression_id==$modele_impression->id_modele_impression) value="{{$modele_impression->id_modele_impression}}">{{$modele_impression->modele_impression_code}}-> {{$modele_impression->modele_impression_nom}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-group  " style="margin-bottom:1% !important">

                    <div class="form-check form-check-inline" style="margin-top:1%;margin-bottom:2%">
                        <input class="form-check-input" type="checkbox"  id="depart_cycle_impression_pesee" name="depart_cycle_impression_pesee" @checked($commande->commande_impression_pesee)>
                        <label class="form-check-label" for="depart_cycle_impression_pesee" style="font-size:16px !important">
                            Impression pesées
                        </label>
                    </div>
                    <div class="form-check form-check-inline" style="margin-top:1%;margin-bottom:2%">
                        <input class="form-check-input" type="checkbox"  id="commande_demat" name="commande_demat" @checked($commande->commande_demat)>
                        <label class="form-check-label" for="commande_demat" style="font-size:16px !important">
                            Démat BL
                        </label>
                    </div>
                    <div class="form-check form-check-inline" style="margin-top:1%;margin-bottom:2%">
                        <input class="form-check-input" type="checkbox"  id="commande_imprimer_bl" name="commande_imprimer_bl" @checked($commande->commande_imprimer_bl)>
                        <label class="form-check-label" for="commande_imprimer_bl" style="font-size:16px !important">
                            Imprimer BL
                        </label>
                    </div>

                </div>
                <div class="form-group  " style="margin-bottom:1% !important">
                    <label for="option_cycle" class="col-md-12"><strong>Options de malaxeur</strong></label>
                    <div class="form-check form-check-inline" style="margin-top:1%;margin-bottom:2%">
                        <input class="form-check-input" type="checkbox"  id="depart_cycle_gachee_pleine" name="depart_cycle_gachee_pleine" @checked($commande->commande_gachee_pleine)>
                        <label class="form-check-label" for="depart_cycle_gachee_pleine" style="font-size:16px !important">
                            Gachée pleine
                        </label>


                    </div>
                    <div class="form-check form-check-inline" style="margin-top:1%;margin-bottom:2%">
                        <input class="form-check-input" type="checkbox"  id="depart_cycle_optimalax" name="depart_cycle_optimalax" @checked($commande->commande_optimalax)>
                        <label class="form-check-label" for="depart_cycle_optimalax" style="font-size:16px !important">
                            Optimalax
                        </label>


                    </div>

                </div>

                <div class="form-group " style="margin-bottom:1% !important">
@include('depart_cycle.depart_cycle_par_config_centrale')
                </div>


            </div><!--Fin Bloc gauche -->
            <div class="col-md-7"><!--Bloc Droite -->
                <label for="option_cycle" class="col-md-12"><strong>Livraison</strong></label>
                <div class="form-group row" style="margin-bottom:1% !important">
                </div>
                <!-- PARTIE CLIENT -->
                @include('depart_cycle.depart_cycle_client')
                <!-- FIN PARTIE CLIENT -->
                <!-- PARTIE CHANTIER -->
                @include('depart_cycle.depart_cycle_chantier')
                <!-- FIN PARTIE CHANTIER -->

                <div class="form-group row " style="margin-bottom:1% !important">
                    <label for="commande_ref_client" class="col-sm-2 col-form-label">ref cmde client</label>
                    <div class="col-sm-10">
                        <input type="text"  class="form-control form-control-sm" id="commande_ref_client" name="commande_ref_client" placeholder="Référence commande" value="{{$commande->commande_ref_client}}" maxlength="50">
                    </div>
                </div>
                <!-- PARTIE ZONE -->
                @include('depart_cycle.depart_cycle_zone')
                <!-- FIN PARTIE ZONE -->
                <!-- PARTIE Composition -->
                @include('depart_cycle.depart_cycle_composition')
                <!-- FIN PARTIE Composit -->
            </div><!--Fin Bloc droite -->
        </div>
    </div>
</form>
<div class="col-md-12">
    @include('commande.commande_ligne_commande_table',['prefix'=>'depart_cycle'])
</div>
<div class="col-md-12 text-center">
    <button class="btn btn-success" type="button" id="revenir_commande" >Commande</button>
    <button class="btn btn-success" type="button" id="valider_lancer_cycle" >Lancer le cycle</button>
</div>
<script>
    // $(document).ready(function () {
    $("#valider_lancer_cycle").click(function (e) {
        e.preventDefault();
        let formulaire = $("#formulaire_depart_cycle").serializeArray();
        if(parseFloat($("#depart_cycle_qte").val())==0){
            alert("Verifier la quantitée");
            return;
        }
        $("#formulaire_depart_cycle").find(":input").removeClass("is-invalid");
        // console.log(formulaire);
        var url = '{{route('depart_cycle.lancer_cycle_valider')}}';
        $('.ring').show();
        $('#filtre_loading').show();
        function reponse(retour) {
            $('.ring').hide();
            $('#filtre_loading').hide();
            if (retour.success) {
                $('#message').html(retour.message).show();


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


            } else {

                errors = retour.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, formulaire, reponse, 'json');
    });

    $("#revenir_commande").click(function (e) {
        e.preventDefault();
        $("#bloc_formulaire_commande").toggle();
        $("#formulaire_lancer_cycle").toggle();

    })
    $("#ventilation_id").change(function (e) {
        e.preventDefault();
        $("#depart_cycle_no_bl").html("No BL: " + $(this).find(":selected").attr('no_bl_suivant'));

    });
    $("#ventilation_id").change();






    // });
</script>