@php
    $isModification = request()->has('id_order_fabrication');
    $isPlanningPrev = request()->has('planning_prev');
    $commande=\App\Models\commande::find($commande_id);
    $planningClass = $commande->commande_of == 1 ? \App\Models\planning::class : \App\Models\planning_prev::class;
    $planning = $isModification ? $planningClass::find(request()->input('id_order_fabrication')) : null;
    $vehicule_selectionne = $isModification ? $planning?->lier_vehicule : $commande->lier_vehicule;
    $chauffeurs=\App\Models\chauffeur::get();
    $centrales=\App\Models\centrale::get();

function heurePlanning($planning, $champ) {
    return !empty($planning?->$champ)
        ? date('H:i', strtotime($planning->$champ))
        : '00:00';
}
@endphp

<div id="affiche_recherche_vehicule_planification"></div>

<div class="alert text-center" id="entete" style="background:#000000 !important; color: white !important;margin-top: 5%">
    <h1>Planification Manuelle {{ $commande->commande_of == 1 ? '' : ' prévisionnel' }}</h1>
</div>

<div class="col-md-12 text-center row alert alert-danger">
    <div class="col-md-6 text-center">
        Quantité planifiée :
        <span class="badge badge-danger" id="badge_quantite_planifiee">0</span>
    </div>
    <div class="col-md-6 text-center">
        Quantité restant à planifier :
        <span class="badge badge-danger" id="badge_reste_a_planifier">0</span>
    </div>
</div>

<form action="" id="form_planification_manuel">
    @csrf

    <input type="hidden"
           id="id_planning"
           name="id_planning"
           value="{{ $planning->id_planning ?? 0 }}">

    <div class="row">
        <div class="col-md-6">
            <div class="cadre border border-dark rounded" style="height:52vh;overflow-y:auto !important">

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="numero_commande_of_manuel" class="col-sm-4 col-form-label col-form-label-sm">Code</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control form-control-sm" id="numero_commande_of_manuel"
                               value="{{ $commande->commande_code }}" style="color:black" disabled>
                    </div>
                </div>

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="client_id" class="col-sm-4 col-form-label col-form-label-sm">Client</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control form-control-sm" id="client_id"
                               value="{{ $commande->lier_client?->client_code??'' }} -> {{ $commande->lier_client?->client_nom ?? '' }}" style="color:black" disabled>
                    </div>
                </div>

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="chantier_id" class="col-sm-4 col-form-label col-form-label-sm">Chantier</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control form-control-sm" id="chantier_id"
                               value="{{ $commande->lier_chantier?->chantier_code ??'' }} -> {{ $commande->lier_chantier?->chantier_nom ??'' }}" style="color:black" disabled>
                    </div>
                </div>

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="commande_centrale_id" class="col-sm-4 col-form-label col-form-label-sm">Centrale</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control form-control-sm" id="commande_centrale_id"
                               value="{{ $commande->lier_centrale?->centrale_code ?? '' }} -> {{ $commande->lier_centrale?->centrale_nom??'' }}" style="color:black" disabled>
                    </div>
                </div>

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="formule_id" class="col-sm-4 col-form-label col-form-label-sm">Formule</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control form-control-sm" id="formule_id"
                               value="{{ $commande->lier_formule?->formule_code??'' }} -> {{ $commande->lier_formule?->formule_app_commerciale }}" style="color:black" disabled>
                    </div>
                </div>

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="quantite_of_manuel" class="col-sm-4 col-form-label col-form-label-sm">Quantité</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control form-control-sm" id="quantite_of_manuel"
                               value="{{ $commande->commande_qte_commande }}" style="color:black" disabled>
                    </div>
                </div>

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="accepte_of_manuel" class="col-sm-4 col-form-label col-form-label-sm">Qte Acceptée</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control form-control-sm" id="accepte_of_manuel"
                               value="{{ $commande->commande_accepte }}" style="color:black" disabled>
                    </div>
                </div>

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="reste_of_manuel" class="col-sm-4 col-form-label col-form-label-sm">Qte reste</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control form-control-sm" id="reste_of_manuel"
                               value="{{ $commande->commande_qte_restant }}" style="color:black" disabled>
                    </div>
                </div>

                <div class="form-row col-md-11">
                    <div class="form-group col-md-4">
                        <label class="col-form-label-sm" for="tps_meo_avant" style="margin-bottom: -10%;"> MEO avant</label>
                        <input type="time" class="form-control form-control-sm" id="tps_meo_avant" value="00:10" disabled>
                    </div>

                    <div class="form-group col-md-4">
                        <label class="col-form-label-sm" for="tps_vidange" style="margin-bottom: -10%;">Vidange</label>
                        <input type="time" class="form-control form-control-sm" id="tps_vidange" value="00:10" disabled>
                    </div>

                    <div class="form-group col-md-4">
                        <label class="col-form-label-sm" for="tps_meo_apres" style="margin-bottom: -10%;">MEO aprés</label>
                        <input type="time" class="form-control form-control-sm" id="tps_meo_apres" value="00:10" disabled>
                    </div>

                    <div class="form-group col-md-6">
                        <label class="col-form-label-sm" for="commande_tps_dechargement" style="margin-bottom: -10%;">Décharg</label>
                        <input type="time" class="form-control form-control-sm" id="commande_tps_dechargement" value="00:10" disabled>
                    </div>

                    <div class="form-group col-md-6">
                        <label class="col-form-label-sm" for="commande_tps_acces" style="margin-bottom: -10%;">Accés</label>
                        <input type="time" class="form-control form-control-sm" id="commande_tps_acces" value="00:10" disabled>
                    </div>
                </div>

            </div>
        </div>

        <div class="col-md-6">
            <div class="cadre border border-dark rounded" style="height:52vh;overflow-y:auto !important">

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="date_of_manuel" class="col-sm-4 col-form-label col-form-label-sm">Date</label>
                    <div class="col-sm-8">
                        <input type="date" class="form-control form-control-sm" id="date_of_manuel"
                               value="{{ date('Y-m-d', strtotime($commande->commande_date_livraison)) }}"
                               style="color:black" disabled>
                    </div>
                </div>

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="heure_of_manuel" class="col-sm-4 col-form-label col-form-label-sm">Heure</label>
                    <div class="col-sm-8">
                        <input type="time" class="form-control form-control-sm" id="heure_of_manuel"
                               value="{{ date('H:i', strtotime($commande->commande_heure_livraison)) }}"
                               style="color:black" disabled>
                    </div>
                </div>

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="vehicule_id" class="col-sm-4 col-form-label col-form-label-sm">Véhicule</label>

                    <div class="col-sm-6">
                        <input type="hidden" class="form-control form-control-sm" id="vehicule_id"
                               style="color:black" name="vehicule_id"
                               value="{{ $vehicule_selectionne?->id_vehicule ?? 0 }}">

                        <input type="text" class="form-control form-control-sm" id="vehicule_id_libelle"
                               style="color:black" name="vehicule_id_libelle" disabled
                               value="{{ $vehicule_selectionne?->Vehicule_Code ?? '' }} -> {{ $vehicule_selectionne?->Vehicule_Libelle ?? '' }}">
                    </div>

                    <div class="col-sm-1 {{ $isPlanningPrev ? 'd-none' : '' }}" style="margin-left:-3.2%">
                        <button type="button" class="btn btn-success btn-sm" id="btn_rechrche_presence_vehicule_centrale_of_manuel">
                            <i class="fa fa-search"></i>
                        </button>
                    </div>

                    <div class="col-sm-1 {{ $isPlanningPrev ? 'd-none' : '' }}" style="margin-left:-0%">
                        <button type="button" class="btn btn-success btn-sm" id="vehicule_presence_centrale">P.VE</button>
                    </div>
                </div>

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="chauffeur_id" class="col-sm-4 col-form-label col-form-label-sm">Chauffeur</label>
                    <div class="col-sm-8">
                        <select class="form-control form-control-sm" id="chauffeur_id"
                                style="color:black" name="chauffeur_id">
                            <option value="0">Aucun</option>

                            @foreach($chauffeurs as $chauffeur)
                                <option value="{{ $chauffeur->id_chauffeur }}"
                                    {{ $planning && $chauffeur->id_chauffeur == $planning->chauffeur_id ? 'selected' : '' }}>
                                    {{ $chauffeur->chauffeur_code }} -> {{ $chauffeur->chauffeur_nom }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-group row col-md-11" style="margin-bottom:1% !important">
                    <label for="centrale_id" class="col-sm-4 col-form-label col-form-label-sm">Centrale</label>
                    <div class="col-sm-8">
                        <select class="form-control form-control-sm" id="centrale_id"
                                style="color:black" name="centrale_id">
                            <option value="0">Aucune</option>

                            @foreach($centrales as $centrale)
                                <option value="{{ $centrale->id_centrale }}"
                                @if($planning)
                                    {{ $centrale->id_centrale == $planning->centrale_id ? 'selected' : '' }}
                                    @else
                                    {{ $centrale->id_centrale == $commande->centrale_id ? 'selected' : '' }}
                                    @endif
                                >
                                    {{ $centrale->centrale_code }} -> {{ $centrale->centrale_nom }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-row col-md-11">
                    <div class="form-group col-md-6">
                        <label class="col-form-label-sm" for="planning_quantite" style="margin-bottom: -10%;">Quantité</label>
                        <input type="text" class="form-control form-control-sm"
                               id="planning_quantite"
                               value="{{ $planning->planning_quantite ?? 0 }}"
                               name="planning_quantite">
                    </div>

                    <div class="form-group col-md-6">
                        <label class="col-form-label-sm" for="bl_of_manuel" style="margin-bottom: -10%;">BL</label>
                        <input type="text" class="form-control form-control-sm"
                               id="bl_of_manuel"
                               value="{{ $planning->numero_bl ?? '' }}"
                               disabled>
                    </div>

                    <div class="form-group col-md-4">
                        <label class="col-form-label-sm" for="planning_heure_dep_centrale" style="margin-bottom: -10%;">Dep cen</label>
                        <input type="time" class="form-control form-control-sm"
                               id="planning_heure_dep_centrale"
                               name="planning_heure_dep_centrale"
                               value="{{ heurePlanning($planning, 'planning_heure_dep_centrale') }}">
                    </div>

                    <div class="form-group col-md-4">
                        <label class="col-form-label-sm" for="planning_heure_arr_chantier" style="margin-bottom: -10%;">Arr chan</label>
                        <input type="time" class="form-control form-control-sm"
                               id="planning_heure_arr_chantier"
                               name="planning_heure_arr_chantier"
                               value="{{ heurePlanning($planning, 'planning_heure_arr_chantier') }}">
                    </div>

                    <div class="form-group col-md-4">
                        <label class="col-form-label-sm" for="planning_heure_deb_vidange" style="margin-bottom: -10%;">Deb vid</label>
                        <input type="time" class="form-control form-control-sm"
                               id="planning_heure_deb_vidange"
                               name="planning_heure_deb_vidange"
                               value="{{ heurePlanning($planning, 'planning_heure_deb_vidange') }}"
                            {{ !$isModification ? 'disabled' : '' }}>
                    </div>

                    <div class="form-group col-md-4">
                        <label class="col-form-label-sm" for="planning_heure_fin_vidange" style="margin-bottom: -10%;">Fin vid</label>
                        <input type="time" class="form-control form-control-sm"
                               id="planning_heure_fin_vidange"
                               name="planning_heure_fin_vidange"
                               value="{{ heurePlanning($planning, 'planning_heure_fin_vidange') }}"
                            {{ !$isModification ? 'disabled' : '' }}>
                    </div>

                    <div class="form-group col-md-4">
                        <label class="col-form-label-sm" for="planning_heure_dep_chantier" style="margin-bottom: -10%;">Dep chan</label>
                        <input type="time" class="form-control form-control-sm"
                               id="planning_heure_dep_chantier"
                               name="planning_heure_dep_chantier"
                               value="{{ heurePlanning($planning, 'planning_heure_dep_chantier') }}"
                            {{ !$isModification ? 'disabled' : '' }}>
                    </div>

                    <div class="form-group col-md-4">
                        <label class="col-form-label-sm" for="planning_heure_arr_centrale" style="margin-bottom: -10%;">Arr cent</label>
                        <input type="time" class="form-control form-control-sm"
                               id="planning_heure_arr_centrale"
                               name="planning_heure_arr_centrale"
                               value="{{ heurePlanning($planning, 'planning_heure_arr_centrale') }}"
                            {{ !$isModification ? 'disabled' : '' }}>
                    </div>

                    @if($isPlanningPrev)
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox"
                                   id="planning_of_livre"
                                   name="planning_of_livre"
                                {{ ($planning?->planning_of_livre ?? 0) == 1 ? 'checked' : '' }}>
                            <label class="form-check-label" for="planning_of_livre">Of livré</label>
                        </div>
                    @endif
                </div>

            </div>
        </div>
    </div>

    <div class="col-md-12 text-center" style="margin-top:3%">
        <button id="valider_planification_manuelle" style="margin-right:3%" type="button" class="btn btn-success btn-sm">
            Valider
        </button>

        <button style="margin-right:3%" type="button" class="btn btn-success btn-sm" id="reset_planification_manuelle">
            Nouveau
        </button>

        <button type="button" class="btn btn-success btn-sm" id="supprimer_planification_manuelle">
            Supprimer
        </button>
    </div>
</form>

<script>
    function verifier_quantite_planifier() {
        var id_commande = {{ $commande->id_commande }};

        function reponse(retour) {
            $("#badge_quantite_planifiee").html(retour.quantite_planifiee);
            $("#badge_reste_a_planifier").html(retour.reste_a_planifier);
        }

        $.get('{{ route('planning.verifier_quantite_planifier') }}', {id_commande: id_commande}, reponse, 'json');
    }





    verifier_quantite_planifier();

    $("#btn_rechrche_presence_vehicule_centrale_of_manuel").click(function (e) {
        e.preventDefault();

        $("#affiche_recherche_vehicule_planification").empty();
        $("#affiche_recherche_vehicule_planification").show();

        function reponse(retour) {
            $("#affiche_recherche_vehicule_planification").html(retour);
        }

        $.get('{{ url('commande_laravel/commande_recherche') }}', {
            fiche_recherche: 'vehicule',
            type_fiche_annexe: 'planification',
            centrale_id: $("#centrale_id").val()
        }, reponse, 'html');
    });

    $("#valider_planification_manuelle").click(function (e) {
        e.preventDefault();

        var id_commande = {{ $commande->id_commande }};
        var formulaire = $("#form_planification_manuel").serialize();
        formulaire = formulaire + '&date_of_manuel=' + $("#date_of_manuel").val() + '&id_commande=' + id_commande;

        function reponse(retour) {

            $("#message").removeClass('alert-success alert-danger').addClass(retour.success ? 'alert-success' : 'alert-danger');
            $("#message").html(retour.message);
            $("#message").show();

            if (retour.action == 'Creation') {

                if (retour.success) {
                    verifier_quantite_planifier();
                    setTimeout('$("#message").hide()', 2000);
                    $("#planning_heure_dep_centrale").val(retour.h_dep_centrale);
                    $("#planning_heure_arr_chantier").val(retour.h_arr_chantier);
                    $("#planning_heure_deb_vidange").val(retour.h_deb_vidange);
                    $("#planning_heure_fin_vidange").val(retour.h_fin_vidange);
                    $("#planning_heure_dep_chantier").val(retour.h_dep_chantier);
                    $("#planning_heure_arr_centrale").val(retour.h_arr_centrale);
                    $(".refrech").click();



                } else {
                    setTimeout('$("#message").hide()', 3000);
                }

            } else {
                $("#message").addClass('text-center');
                $("#message").show();
                verifier_quantite_planifier();
                setTimeout('$("#message").hide()', 2000);
                $(".refrech").click();

                @if($isPlanningPrev)
                setTimeout(function () {
                    $('#rafraichir_planning_prev').click();
                    $('#filtre').click();
                }, 2000);
                @endif
            }
        }

        $.post('{{ route('planning.of_manuel_valider') }}', formulaire, reponse, "json");
    });

    $("#supprimer_planification_manuelle").click(function (e) {
        e.preventDefault();

        var id_of_manuel = $('#id_planning').val();
        var id_commande = {{ $commande->id_commande }};

        if (id_of_manuel != 0 && id_of_manuel != '') {
            if (confirm("Êtes-vous sûr(e)?")) {

                function reponse(retour) {
                    $("#message").removeClass('alert-success alert-danger').addClass(retour.success ? 'alert-success' : 'alert-danger');
                    $("#message").html(retour.message);
                    $("#message").show();

                    setTimeout('$("#message").hide()', 2000);
                    setTimeout('$("#filtre").click()', 2000);
                    $(".refrech").click();

                    @if($isPlanningPrev)
                    setTimeout(function () {
                        $('#rafraichir_planning_prev').click();
                    }, 2000);
                    @endif
                }

                $.post('{{ route('planning.supprimer_of_manuel_prev') }}', {
                    _token: '{{ csrf_token() }}',
                    id_of_manuel: id_of_manuel,
                    id_commande: id_commande
                }, reponse, "json");
            }
        }
    });
</script>