@extends('../partials.model')

@section('content')

<div class="container-fluid">

    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center my-4 justify-content-between page-header-breadcrumb">
        <div>
            <h1 class="text-3xl font-bold text-slate-900">
                Gestion des documents
            </h1>
            <p class="text-slate-600 mtw-1">
                Gérer tous vos documents en toute simplicité
            </p>
        </div>
        <div class="ms-md-1 ms-0">
            <nav>

            </nav>
        </div>
    </div>
    <!-- Page Header Close -->


    <!-- Start::row-1 -->
    <div class="card card-border">
        <div class="card-body">

            {{-- <div class="table-responsive">
                <table class="table table-striped" id="documentTable">
                    <thead>

                        <th >#</th>
                        <th class="text-center">Client</th>
                        <th class="text-center">Email</th>
                        <th class="text-center">Téléphone</th>
                        <th class="text-center">Lot</th>
                        <th class="text-center">Nom document</th>
                        <th class="text-center">Type document</th>
                        <th class="text-center">Description</th>

                    </thead>
                </table>
            </div> --}}

             <nav class="nav nav-style-6 nav-pills mb-3 nav-justified d-sm-flex d-block" role="tablist">
                                    <a class="nav-link active" data-bs-toggle="tab" role="tab" aria-current="page"
                                        href="#nav-products-justified" aria-selected="false">Contrats</a>
                                    <a class="nav-link " data-bs-toggle="tab" role="tab"
                                        href="#nav-cart-justified" aria-selected="true">Formulaire de contact </a>
                                    {{-- <a class="nav-link" data-bs-toggle="tab" role="tab" href="#nav-orders-justified"
                                        aria-selected="false">Orders </a> --}}
                                    {{-- <a class="nav-link" data-bs-toggle="tab" role="tab" href="#nav-offers-justified"
                                        aria-selected="false">Offers <span
                                            class="badge bg-warning-transparent ms-1">7</span></a> --}}
                                </nav>
                                <div class="tab-content">
                                    <div class="tab-pane text-muted show active" id="nav-products-justified" role="tabpanel">

                                        <div class="row mb-2">
                                            <div class="col-xl-4">
                                               <div>Titre du contrat</div>
                                                <input type="text" class="form-control" id="titre_contrat" />
                                            </div>

                                            <div class="col-xl-4">
                                                <div>Variables</div>
                                                <select class="form-select" name="" id="variable_contrat">

                                                </select>
                                            </div>

                                            <div class="col-xl-4">
                                                <div class="text-end mt-2">
                                                    <button class="btn btn-primary" id="appliquer-modification">
                                                        <i class="bi bi-check-circle btn-icon-size"></i>
                                                        Appliquer les modifications
                                                    </button>
                                                </div>
                                            </div>
                                        </div>



                                         <input type="hidden" class="form-control" id="id_hidden_model_contrat" value="0" />
                                         <textarea name="contenuModel" class="modelCodeBox" id="summernote_contrat"></textarea>

                                    </div>
                                    <div class="tab-pane  text-muted" id="nav-cart-justified" role="tabpanel">

                                         <div class="row mb-2">
                                            <div class="col-xl-5">
                                               <div>Titre du formulaire</div>
                                                <input type="text" class="form-control" id="titre_model_formulaire" />
                                            </div>

                                            <div class="col-xl-7">
                                                <div class="text-end mt-2">
                                                    <button class="btn btn-primary" id="appliquer-modification-formulaire">
                                                        <i class="bi bi-check-circle btn-icon-size"></i>
                                                        Appliquer les modifications
                                                    </button>

                                                    <button class="btn btn-primary" id="imprimer-model-formulaire">
                                                        <i class="bi bi-check-circle btn-icon-size"></i>
                                                      imprimer
                                                    </button>
                                                </div>
                                            </div>
                                        </div>


                                        <input type="hidden" class="form-control" id="id_hidden_model_formulaire" value="0" />
                                        <textarea name="contenuModel" class="modelCodeBox" id="summernote_formulaire"></textarea>

                                    </div>
                                    <div class="tab-pane text-muted" id="nav-orders-justified" role="tabpanel">
                                        Unbelievable healthy snack success stories. 12 facts about safe food handling
                                        tips that will impress your friends. Restaurant weeks by the numbers. Will
                                        mexican food ever rule the world? The 10 best thai restaurant youtube videos.
                                        How restaurant weeks can make you sick. The complete beginner's guide to cooking
                                        healthy food. Unbelievable food stamp success stories. How whole foods markets
                                        are making the world a better place. 16 things that won't happen in dish
                                        reviews.
                                    </div>
                                    <div class="tab-pane text-muted" id="nav-offers-justified" role="tabpanel">
                                        Why delicious magazines are killing you. Why our world would end if restaurants
                                        disappeared. Why restaurants are on crack about restaurants. How restaurants are
                                        making the world a better place. 8 great articles about minute meals. Why our
                                        world would end if healthy snacks disappeared. Why the world would end without
                                        mexican food. The evolution of chef uniforms. How not knowing food processors
                                        makes you a rookie. Why whole foods markets beat peanut butter on pancakes.
                                    </div>
                                </div>

        </div>
    </div>
    <!--End::row-1 -->
</div>

@endsection

@section('script')

<script>
    $(document).ready(function() {

        $('#summernote_formulaire').summernote({
            placeholder: 'Entrez du texte ici...',
            tabsize: 2,
            height: 200
        });

        $('#summernote_contrat').summernote({
            placeholder: 'Entrez du texte ici...',
            tabsize: 2,
            height: 200
        });



        remplirSelect2('{{ route("lot.get") }}', null, '#numLot', 'id_lot', 'numero_lot', '#venteModal', 'SELECTIONNEZ')
        recup_select_variable()
        recuperation_model()
        recuperation_model_formulaire()

        $('#numLot').on('change',function(){
            var id_lot = $(this).val()
            useAjaxPromise('GET',"{{ route('lot.get') }}",{idlot :id_lot })
             .then(resp => {
                $('#superficie_lot').val(resp.data[0].superficie)
                $('#prix_vente_lot').val(resp.data[0].prix_vente_lot)
                $('#longitude_lot').val(resp.data[0].longitude_lot)
                $('#latitude_lot').val(resp.data[0].latitude_lot)
            })
            .catch(err => {
                console.error("Erreur :", err);
            });
        })

        $('#vente_form').on('submit', function(e) {

            e.preventDefault();

            $.ajax({
                type: "POST"
                , url: "{{ route('vente.store') }}"
                , data: new FormData(this)
                , dataType: "JSON"
                , contentType: false
                , processData: false,
                beforeSend:function(){
                    if($('#client').val().length == 0){
                         notify_error('Veuillez choisir un client svp !')
                        return false
                   }

                   if($('#numLot').val().length == 0){
                         notify_error('Veuillez choisir un lot svp !')
                        return false
                   }
                },
                 success: function(resp) {

                    notif('success', 'Succès', resp.msg)
                    recuperation_vente()
                    $('#venteModal').modal('hide')
                }
                , error: function(error) {
                    //error
                }
            });
        })

        $('#save_vente').on('click', function() {
            $('#vente_form').submit()
        })

        $(document).on('click','#modification_ligne',function(){
            var id_vente = $(this).data('id');

            useAjaxPromise('GET',"{{ route('vente.get') }}",{id_vente :id_vente })
             .then(resp => {
                $('#client').val(resp.data[0].id_client).trigger('change')
                $('#numLot').val(resp.data[0].id_lot).trigger('change')
                $('#remise_vente_lot').val(resp.data[0].remise_vente)
                $('#id_hidden_vente').val(resp.data[0].id_vente)
                activerOptions()
                $('#venteModal').modal('show')
            })
            .catch(err => {
                console.error("Erreur :", err);
            });

        })

        $(document).on('click','#suppression_ligne',function(){
             var id_vente = $(this).data('id');
              sweet_alert(callback = function() {
                useAjaxPromise('DELETE',"{{ route('vente.delete') }}",{id_vente :id_vente,_token:'{{ csrf_token() }}' })
                .then(resp => {
                    notif('success', 'Succès', resp.msg);
                  recuperation_vente()
                })
                .catch(err => {
                    console.error("Erreur :", err);
                });
            })
        })

        $(document).on('change', '#variable_contrat', function() {
            var $variable = $(this).val()
            let htmlContent = $('#summernote_contrat').summernote('code');
            htmlContent =  '%' + $variable + '%';
            $('#summernote_contrat').summernote('insertText', htmlContent);
        })



        $('#appliquer-modification').on('click',function(){
            $.ajax({
                type: "POST",
                url: "{{ route('model_contrat.update') }}",
                data: {
                    titre_contrat : $('#titre_contrat').val(),
                    contenu_contrat : $('#summernote_contrat').val(),
                    id_hidden_model_contrat: $('#id_hidden_model_contrat').val(),
                    _token:"{{ csrf_token() }}"
                },
                beforeSend:function(){

                    if($('#titre_contrat').val().length == 0){
                        notify_error('Champ obligatoire')
                        $('#titre_contrat').focus()
                        return false;
                    }

                    if($('#summernote_contrat').val().length == 0){
                        notify_error('Champ obligatoire')
                        $('#summernote_contrat').focus()
                        return false;
                    }
                },
                dataType: "JSON",
                success: function (resp) {
                    notif('success','Succès',resp.msg)
                }
            });
        })

        $('#appliquer-modification-formulaire').on('click',function(){
            $.ajax({
                type: "POST",
                url: "{{ route('model_formulaire.update') }}",
                data: {
                    titre_model_formulaire: $('#titre_model_formulaire').val(),
                    contenu_model_formulaire: $('#summernote_formulaire').val(),
                    id_hidden_model_formulaire: $('#id_hidden_model_formulaire').val(),
                    _token:"{{ csrf_token() }}"

                },
                beforeSend:function(){

                    if($('#titre_model_formulaire').val().length == 0){
                        notify_error('Champ obligatoire')
                        $('#titre_model_formulaire').focus()
                        return false;
                    }

                    if($('#summernote_formulaire').val().length == 0){
                        notify_error('Champ obligatoire')
                        $('#summernote_formulaire').focus()
                        return false;
                    }
                },
                dataType: "JSON",
                success: function (resp) {
                    notif('success','Succès',resp.msg)
                }
            });
        })


        $('#imprimer-model-formulaire').on('click',function(){
            generation_pdf_sans_telechargement_base64("{{ route('imprimer_model_formulaire.get') }}")
        })
    })

    function recuperation_document($id){

        $.ajax({
            type: "GET",
            url: "{{ route('document.get') }}",
            data: {id:$id},
            dataType: "json",
            success: function (resp) {
                var table = $('#documentTable').DataTable();
                table.clear();

                $.each(resp.data,function(key,value){

                    table.row.add([
                        renderActions(value.id_vente,null,'modification_ligne','suppression_ligne'),
                        value.nom_client+' '+value.prenom_client,
                        value.email_client,
                        value.telephone_client,
                        value.numero_reservation,
                        value.numero_lot,
                        formatNumber(value.prix_vente),
                        value.remise_vente+' %',
                        formatNumber(value.prix_vente - (value.prix_vente *  value.remise_vente)/100),
                        // select(value.statut,value.id_client),
                        statut
                    ])
                })
                table.draw();

                $('#stat-attente').text(totalAttente)
                $('#stat-valide').text(totalValide)
            },
            error:function(error){
                //error
            }
        });
    }

    function activerOptions() {
        const select = document.getElementById('statut_vente');
        for (let i = 1; i < select.options.length; i++) {
            select.options[i].disabled = false;
        }
    }

    function recup_select_variable(){


        $.ajax({
            type: "GET",
            url: "{{ route('variable_contrat.get') }}",
            dataType: "JSON",
            success: function (resp) {

                $('#variable_contrat').empty()
                $.each(resp.data,function(key,value){
                    $('#variable_contrat').append(`
                    <option value="${value.libelle_variable}">${value.libelle_variable}</option>`)
                })
            }
        });
    }

    function recuperation_model(){

        $.ajax({
            type: "GET",
            url: "{{ route('model_contrat.get') }}",
            dataType: "JSON",
            success: function (resp) {
                if(resp.data.length > 0){

                    $('#summernote_contrat').summernote('code', resp.data[0].contenu_model_contrat);
                    $('#id_hidden_model_contrat').val(resp.data[0].id_model_contrat)
                    $('#titre_contrat').val( resp.data[0].titre_model_contrat)
                }
            },
            error:function(error){
                //error
            }
        });
    }


    function recuperation_model_formulaire(){

        $.ajax({
            type: "GET",
            url: "{{ route('model_formulaire.get') }}",
            dataType: "JSON",
            success: function (resp) {
                if(resp.data.length > 0){

                    $('#summernote_formulaire').summernote('code', resp.data[0].contenu_model_formulaire);
                    $('#id_hidden_model_formulaire').val(resp.data[0].id_model_formulaire)
                    $('#titre_model_formulaire').val( resp.data[0].titre_model_formulaire)
                }
            },
            error:function(error){
                //error
            }
        });
    }

</script>
@endsection