@extends('base')

@section('content')


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

    <div class="alert alert-success text-center"><h1>Départ cycle</h1></div>

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

    <div id="filtre"></div><div id="depart_cycle_recherche"></div>

    <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>
                <div class="form-group row" style="margin-bottom:1% !important">

                    <!-- PARTIE VEHICULE -->
                    @include('depart_cycle.depart_cycle_vehicule')
                    <!-- FIN PARTIE VEHICULE -->
                    <!-- PARTIE CHAUFFEUR -->
                    @include('depart_cycle.depart_cycle_chauffeur')
                    <!-- FIN PARTIE CHAUFFEUR -->
                </div>
                <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="commande_qte_commande" name="commande_qte_commande" value="{{$commande->commande_qte_commande}}">
                    </div>
                    <label for="commande_qte_commande" 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="commande_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="commande_ajout_eau" value="{{$commande->commande_ajout_eau}}">
                    </div>
                    <label for="commande_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">


                    <div class="form-check form-check-inline" style="margin-top:1%;margin-bottom:2%">
                        <input class="form-check-input" type="checkbox"  id="bl_sans_production" name="bl_sans_production" @checked($commande->bl_sans_production)>
                        <label class="form-check-label" for="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" 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) 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_libelle}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-group row " 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="commande_impression_pesee" name="commande_impression_pesee" @checked($commande->commande_impression_pesee)>
                        <label class="form-check-label" for="commande_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 row " 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="commande_gachee_pleine" name="commande_gachee_pleine" @checked($commande->commande_gachee_pleine)>
                        <label class="form-check-label" for="commande_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="commande_optimalax" name="commande_optimalax" @checked($commande->commande_optimalax)>
                        <label class="form-check-label" for="commande_optimalax" style="font-size:16px !important">
                            Optimalax
                        </label>


                    </div>

                </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 -->
            </div><!--Fin Bloc droite -->
        </div>
    </div>

    <!-- PARTIE LIGNE COMMANDE -->
    @include('depart_cycle.depart_cycle_ligne_commande')


</form>
<script>
    // $(document).ready(function () {
    $("#depart_cycle").submit(function (e) {
        e.preventDefault();
        let formulaire = $(this).serializeArray();
        $("#info_commande_selectable .ui-selected").each(function () {
            formulaire.push({
                name: "info_commande_selectable[]",
                value: $(this).attr("id")
            });
        });
        $(this).find(":input").removeClass("is-invalid");
        var url = '{{route('commande_laravel.enregistrer')}}';

        function reponse(retour) {
            if (retour.success) {
                $('#message').html(retour.message).show();
                $('#commande_id').val(retour.commande_id);

                setTimeout(function () {
                    $('#message').hide();
                    $('.refrech').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');
    });






    // });
</script>

@endsection