@include('../header')

<main class="main" id="top">

    @include('../navigation')

    <div class="content">


        <div class="card card-shadow mb-4">
          <div class="card-body">
         
            <form id="FormContratModelBail" method="POST">

                    @csrf
                  <div class="row">

                        <div class="col-md-4">
                            <label class="FormLabel">Type model</label>
                            <select id="modelContratBailSelect" name="" class="form-select modelContratBailSelect">

                            </select>
                        </div>


                        <div class="col-md-4">
                            <label class="FormLabel">Variables</label>
                            <select id="VariablemodelContratBailSelect" class="form-select VariablemodelContratBailSelect">
                            </select>
                        </div>

                        <input type="hidden" name="IDModelHidden" id="IDModelHidden" class="form-control">

                        <div class="col-md-4">
                            <button  class="btn btn-success" style="float:right;margin-top:20px" type="submit">Appliquer les
                                modifications</button>
                        </div>

                    </div><br>

                <textarea class="summernoteModel" name="contenuModel" id="summernoteModel"></textarea>
            </form>
          </div>

        </div>
    
            @include('../primary_footer')

    </div>

    @include('../chatblock')

</main>

@include('../rightbar')

@include('../footer')


<script>
$(document).ready(function(){
    obtentionmodelBail();
    ObtentionvariableBail();
    $('#summernoteModel').summernote({
        toolbar:[
            ['style',['style']],
            ['font',['bold','italic','underline','clear']],
            ['fontname',['fontname']],
            ['fontsize', ['fontsize']],
            ['color',['color']],
            ['para',['ul','ol','paragraph']],
            ['height',['height']],
            ['table',['table']],
            ['insert',['media','link','hr']],
            ['view',['fullscreen','codeview']],
            ['help',['help']],
            ['paperSize',['paperSize']],
        ],
        placeholder: 'Entrez du texte ici...',

        height:'842px'
        
    });

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

    $(document).on('change', '#modelContratBailSelect', function() {
             var $IDModelContratLocation = $(this).val()
            $('#IDModelHidden').val($IDModelContratLocation)
            ObtentionContenuModelBail($IDModelContratLocation)
    })

    

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

           e.preventDefault();
            MesrequetesAjax("{{ Route('modelContratBail.modifier') }}", "POST", new FormData(this), false, false,
                "JSON",
                function(resp) {

                   Notification('Succès', resp.msg, 'top-right', 'success')
            })
    })
    
})

function obtentionmodelBail(){
     MesrequetesAjax("{{ route('modelContratBail.recuperation') }}", "GET", null, true, true, "JSON", function(response) {
            $.each(response.ligne,function(key,value){
                  $('#modelContratBailSelect').append($('<option>',{value:value.IDModelContratLocation, text: value.titreContratBailLocation}))  
            })
            var idModel = $('.modelContratBailSelect').val();
            ObtentionContenuModelBail(idModel)
            $('#IDModelHidden').val(idModel)
         });
}

function ObtentionvariableBail(){
 MesrequetesAjax("{{ route('variablemodelContratBail.recuperation') }}", "GET", null, true, true, "JSON", function(response) {
            $('#VariablemodelContratBailSelect').html('')
            $.each(response.ligne,function(key,value){ 

            $('#VariablemodelContratBailSelect').append($('<option>',{value:value.libelleVariable, text: value.libelleVariable})) 
            })
            
            
            })
}

function ObtentionContenuModelBail($IDmodelBailContrat){

    MesrequetesAjax("{{ route('modelContratBail.recuperation') }}", "GET",{IDmodelContratLocation:$IDmodelBailContrat}, null, true, "JSON", function(
            resp) {
           
                 $('.summernoteModel').summernote('code', resp.ligne[0].contenuModel);
            })

}
</script>
</body>

</html>