@include('includes.header')
<meta name="csrf-token" content="{{ csrf_token() }}">
<style>
    .select2.select2-container {
        width: 80% !important;
    }
</style>
<div class="container page__heading-container">
  <div class="page__heading d-flex align-items-end">
    <div class="flex">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item">{{ $categorie }}</li>
            <li class="breadcrumb-item"
            aria-current="page"><a href="{{ route('registreprivatif') }}">Unités privatives</a></li>
            <li class="breadcrumb-item active"
            aria-current="page">Unité #{{ $id }}</li>
        </ol>
    </nav>
    <h1 class="m-0">Unité #{{ $id }}</h1>
</div>
@include('includes.toast', ['msg' => $msg])
</div>
</div>
<div class="container page__container">
    <form action="/registre/edit/{{ $id }}" method="post">
        @csrf
        <div class="card card-form">
            <div class="row no-gutters">
                <div class="col-lg-4 card-body">
                    <p><strong class="headings-color">Fiche privative</strong></p>
                    <p class="text-muted">Vous pouvez modifier les informations pertinentes à la partie privative.</p>
                </div>
                <div class="col-lg-8 card-form__body card-body">
                    <div class="form-group" style="min-height:50px">
                        <p><strong class="headings-color">À propos</strong></p>
                        <div class="row">
                            <div class="col-5">
                               <div class="input-group mb-2 mr-sm-2">
                                <div class="input-group-prepend">
                                    <div class="input-group-text" style="background-color:#00499d;color:white">Unité #</div>
                                </div>
                                <input type="number" class="form-control" name="unite_id" value="{{ $registreprivatif[0]->unite_id }}" disabled>
                            </div>
                        </div>
                        <div class="col-7">
                            <div class="input-group mb-2 mr-sm-2">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">Quote-part</div>
                                </div>
                                <input type="number" step="0.00001" min="0" max="100" class="form-control" name="quotepart" value="{{ $registreprivatif[0]->quotepart }}" placeholder="N/A">
                                <div class="input-group-append">
                                    <span class="input-group-text">%</span>
                                </div>
                            </div>
                        </div> 
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-5">
                         <label for="paiement">Mode de paiement</label>
                         <select name="paiement" class="form-control" id="paiement">
                          <option value="CHQ" @if($registreprivatif[0]->paiement == 'CHQ') selected @endif>CHQ</option>
                          <option value="PPA" @if($registreprivatif[0]->paiement == 'PPA') selected @endif>PPA</option>
                          <option value="Interac" @if($registreprivatif[0]->paiement == 'Interac') selected @endif>Interac</option>
                          <option value="Cash" @if($registreprivatif[0]->paiement == 'Cash') selected @endif>Cash</option>
                      </select>
                  </div>
                  <div class="col-7">
                    <div class="input-group mb-2 mr-sm-2">
                        <label for="nom">Solde</label>
                        <div class="input-group mb-2 mr-sm-2">
                            <input type="number" step="0.01" min="0" class="form-control" name="solde" value="{{ $registreprivatif[0]->solde }}">
                            <div class="input-group-append">
                                <span class="input-group-text">$</span>
                            </div>
                        </div>
                    </div>
                </div> 
            </div>
        </div>
        {{-- BLADE COMMENTAIRE TEMPORAIRE
        <p><strong class="headings-color">Espaces à usage restreints</strong></p>
        <div class="input-group mb-2 mr-sm-2">
            <div class="input-group-prepend">
                <div class="input-group-text">Rangement #</div>
            </div>
            @php $val = []; @endphp @foreach($rangements as $rangement) @if($rangement->unite_id == $registreprivatif[0]->unite_id) @php array_push($val, $rangement->numero) @endphp @endif @endforeach @php $val = implode(', ', $val); @endphp
            <select class="stationnement" class="form-control" name="rangement_id[]" multiple="multiple">
                @foreach($rangements as $rangement)
                <option value="{{ $rangement->numero }}" @if($rangement->numero == $val) selected @endif>{{ $rangements->numero }}</option>
                @endforeach
            </select>
        </div>
        <div class="input-group mb-2 mr-sm-2">
            <div class="input-group-prepend">
                <div class="input-group-text">Stationnement #</div>
            </div>
            @php $val = []; @endphp @foreach($stationnements as $stationnement) @if($stationnement->unite_id == $registreprivatif[0]->unite_id) @php array_push($val, $stationnement->numero) @endphp @endif @endforeach @php $val = implode(', ', $val); @endphp
            <select class="stationnement" class="form-control" name="stationnement_id[]" multiple="multiple">
                @foreach($stationnements as $stationnement)
                <option value="{{ $stationnement->numero }}" @if($stationnement->numero == $val) selected @endif>{{ $stationnement->numero }}</option>
                @endforeach
            </select>
        </div> 
        <br>
        <p><strong class="headings-color">Police d'assurance</strong></p>
        <div class="input-group mb-2 mr-sm-2">
            <div class="input-group-prepend">
                <div class="input-group-text">Compagnie</div>
            </div>
            <input type="text" class="form-control" name="assurance_comp" placeholder="N/A">
        </div>
        <div class="input-group mb-2 mr-sm-2">
            <div class="input-group-prepend">
                <div class="input-group-text">Matricule</div>
            </div>
            <input type="text" class="form-control" name="assurance_matricule" placeholder="N/A">
        </div>
        <br>
        <p><strong class="headings-color">Chauffe-eau</strong></p>
        <div class="input-group mb-2 mr-sm-2">
            <div class="input-group-prepend">
                <div class="input-group-text">Expiration</div>
            </div>
            <input type="number" class="form-control" name="chauffe_anne" placeholder="N/A">
        </div>
        BLADE COMMENTAIRE TEMPORAIRE --}}
    </div>
</div>
</div>


<div class="card card-form">
    <div class="row no-gutters">
        <div class="col-lg-4 card-body">
            <p><strong class="headings-color">Accès de gestion</strong></p>
            <p class="text-muted">Associer la fiche privative à un compte utilisateur existant dans le système afin de donner au copropriétaire l'accès à la gestion de l'unité.</p>
        </div>
        <div class="col-lg-8 card-form__body card-body">
            <div class="form-group" style="min-height:50px">
                <p><strong class="headings-color">Associer un ou des comptes</strong></p>
                <div class="row">
                    <div class="col-12">
                        <select class="form-control user_id" name="user_id[]" multiple="multiple">
                          @foreach ($user_id as $user_get)
                          <option value="{{ $user_get->id }}" @if(!is_null(json_decode($registreprivatif[0]->user_id)) && in_array($user_get->id, json_decode($registreprivatif[0]->user_id))) selected @endif>{{ $user_get->name }} ({{ $user_get->email }})</option>
                          @endforeach
                      </select>
                  </div>
              </div>
          </div>
          <br /><br />
      </div>
  </div>
</div>

<div class="card card-form">
    <div class="row no-gutters">
        <div class="col-lg-4 card-body">
            <p><strong class="headings-color">Notes</strong></p>
            <p class="text-muted">Cet espace vous permet de consigner des notes internes liées à la fiche privative du copropriétaire. Les informations inscrites ici servent au suivi administratif ne sont visibles que par les administrateurs autorisés.</p>
        </div>
        <div class="col-lg-8 card-form__body card-body">
            <div class="form-group" style="min-height:50px">
                <div class="row">
                    <div class="col-12">
                        <div class="main-container">
                            <div class="editor-container editor-container_document-editor editor-container_include-fullscreen" id="editor-container">
                                <div class="editor-container__toolbar" id="editor-toolbar"></div>
                                <div class="editor-container__editor-wrapper">
                                    <div class="editor-container__editor"><div id="editor"></div></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br /><br />
        </div>
    </div>
</div>

<div class="card card-form">
    <div class="row no-gutters">
        <div class="col-lg-4 card-body">
            <p><strong class="headings-color">Coordonnées</strong></p>
            <p class="text-muted">Informations à propos des copropriétaires et locataires</p>
        </div>
        <div class="col-lg-8 card-form__body card-body">
            <p><strong class="headings-color">Liste des propriétaires</strong></p>
            @php $i = 0; @endphp
            @foreach(json_decode($registreprivatif[0]->tenants) as $key => $proprio)
            @if(strpos($key, "proprio") !== false)
            <div class="block">
                <div class="form-group" style="min-height:50px">
                    <div class="row">
                        <div class="col-10">
                            <label for="nom">Nom du propriétaire</label>
                            <input type="text" class="form-control" value="{{ $proprio->nom }}" name="nom[{{ $key }}][nom]" required>
                        </div>
                        <div class="col-2">
                            <div class="flatpickr-wrapper ml-3">
                                <br><br><br>
                                @if($i == 0)
                                @php $i++ @endphp
                                <button type="button"
                                class="btn btn-secondary addproprio" style="height:35px;margin-top: -55px;">
                                <i class="fas fa-plus"></i>&nbsp;&nbsp;</button>
                                @else
                                <button type="button" class="btn btn-danger removeproprio" style="height:35px;margin-top: -55px;"> <i class="fas fa-minus"></i>&nbsp;&nbsp;</button>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group" style="min-height:50px">
                    <div class="row">
                        <div class="col-6">
                            <label for="nom">Téléphone</label>
                            <input type="text" class="form-control" @if(isset($proprio->telephone)) value="{{ $proprio->telephone }}" @endif name="nom[{{ $key }}][telephone]">
                        </div>
                        <div class="col-6">
                            <label for="nom">Courriel</label>
                            <input type="email" class="form-control" @if(isset($proprio->courriel)) value="{{ $proprio->courriel }}" @endif name="nom[{{ $key }}][courriel]">
                        </div>
                    </div>
                </div>
            </div>
            @endif
            @endforeach
            <div class="divproprio" style="padding-bottom:10px"></div>
            <p><strong class="headings-color">Liste des locataires @php $i = 0; @endphp @foreach(json_decode($registreprivatif[0]->tenants) as $key => $tenants) @if(strpos($key, "locataire") !== false) @php $i++; @endphp @endif @endforeach</strong></p>
            <div class="form-group" style="display:flex;gap:20px">
                <div class="custom-control custom-radio">
                  <input class="custom-control-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1" @if($i > 0) checked @endif>
                  <label class="custom-control-label selectlocataire" for="flexRadioDefault1">
                    Ajouter des locataires
                </label>
            </div>
            <div class="custom-control custom-radio">
                <input class="custom-control-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" 
                @if($i == 0) checked @endif>
                <label class="custom-control-label proplocataire" for="flexRadioDefault2">
                    Les copropriétaires sont locataires
                </label>
            </div>
        </div>
        <div class="blockloc"></div>
        @php $correspondance = JSON_DECODE($registreprivatif[0]->correspondance) @endphp

        @if($i > 0)
        <label for="adresse">Adresse de correspondance des propriétaires</label>
        <div class="row">
            <div class="col-3">
                <input type="text" class="form-control" value="{{ $correspondance->numero }}" name="adresse[numero]" placeholder="Numéro">
            </div>
            <div class="col-6">
                <input type="text" class="form-control" value="{{ $correspondance->rue }}" name="adresse[rue]" placeholder="Rue">
            </div>
            <div class="col-3">
                <input type="text" class="form-control" value="{{ $correspondance->bureau }}" name="adresse[bureau]" placeholder="Bureau">
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-8">
                <input type="text" class="form-control" value="{{ $correspondance->ville }}" name="adresse[ville]" placeholder="Ville">
            </div>
            <div class="col-4">
                <input type="text" class="form-control" value="{{ $correspondance->cp }}" name="adresse[cp]" placeholder="Code postal">
            </div>
        </div><br>
        @php $i = 0; @endphp
        @foreach(json_decode($registreprivatif[0]->tenants) as $key => $locataire)
        @if(strpos($key, "locataire") !== false)
        <div class="form-group" style="min-height:50px">
            <div class="row">
                <div class="col-10">
                    <label for="nom">Nom du locataire</label>
                    <input type="text" class="form-control" value="{{ $locataire->nom }}" name="nom[{{ $key }}][nom]" required>
                </div>
                <div class="col-2">
                    <div class="flatpickr-wrapper ml-3">
                        <br><br><br>
                        @if($i == 0)
                        @php $i++ @endphp
                        <button type="button"
                        class="btn btn-secondary addlocataire" style="height:35px;margin-top: -55px;">
                        <i class="fas fa-plus"></i>&nbsp;&nbsp;</button>
                        @else
                        <button type="button" class="btn btn-danger removelocataire" style="height:35px;margin-top: -55px;"> <i class="fas fa-minus"></i>&nbsp;&nbsp;</button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group" style="min-height:50px">
            <div class="row">
                <div class="col-6">
                    <label for="nom">Téléphone</label>
                    <input type="text" class="form-control" @if(isset($locataire->telephone)) value="{{ $locataire->telephone }}" @endif name="nom[{{ $i }}][telephone]">
                </div>
                <div class="col-6">
                    <label for="nom">Courriel</label>
                    <input type="email" class="form-control" @if(isset($locataire->courriel)) value="{{ $locataire->courriel }}" @endif name="nom[{{ $i }}][courriel]">
                </div>
            </div>
        </div>
        @endif
        @endforeach
        @endif
        <div class="divlocataire" style="padding-bottom:10px"></div>
    </div>
    <div class="d-flex justify-content-end w-100 mt-4">
        <button type="button" 
        class="btn btn-light mr-2" 
        onclick="window.location.href='{{ route('registreprivatif') }}'">
        Annuler
    </button>
    
    <button type="submit" class="btn btn-primary">
        Sauvegarder
    </button>
</div></div>
</div>
</form>
</div>
</div>
<!-- // END Header Layout Content -->
<!-- // END Header Layout -->
@include('includes.footer')
<script type="text/javascript">
    $(document).ready(function(){
        $('.selectcop').select2();
        $("#search").on("keyup", function() {
            var value = $(this).val().toLowerCase();
            $("#products tr").filter(function() {
              $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
          });
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function(){
        // 1. Initialisation intelligente du compteur 'iz'
        // On prend le nombre de locataires existants (PHP) pour ne pas écraser les IDs
        var iz = {{ $i > 0 ? $i : 0 }}; 
        
        $('.stationnement').select2();

        // Fonction de recherche (inchangée)
        $("#search").on("keyup", function() {
            var value = $(this).val().toLowerCase();
            $("#products tr").filter(function() {
              $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
          });
        }); 

        // --- GESTION DES PROPRIÉTAIRES (inchangée mais nettoyée) ---
        var i = 1; 
        $(".addproprio").click(function(){
            i++;
            // Note: Idéalement, utilisez aussi une fonction ici pour la clarté
            $(".divproprio").append('<div class="block"><div class="form-group" style="min-height:50px"> <div class="row"> <div class="col-10"><label for="nom">Nom du propriétaire</label> <input type="text" class="form-control" name="nom[proprio'+i+'][nom]" required></div> <div class="col-2"><div class="flatpickr-wrapper ml-3"> <br><br><br> <button type="button" class="btn btn-danger removeproprio" style="height:35px;margin-top: -55px;"> <i class="fas fa-minus"></i>&nbsp;&nbsp;</button> </div></div> </div> </div><div class="form-group" style="min-height:50px"> <div class="row"> <div class="col-6"> <label for="nom">Téléphone</label> <input type="text" class="form-control" name="nom[proprio'+i+'][telephone]"> </div> <div class="col-6"> <label for="nom">Courriel</label> <input type="email" class="form-control" name="nom[proprio'+i+'][courriel]"> </div> </div> </div></div>');
        });

        // --- GESTION DES LOCATAIRES ---

        // Fonction pour générer le HTML d'un bloc locataire
        // Cela garantit que les balises sont toujours bien fermées
        function getLocataireHtml(index, isFirst) {
            let buttonHtml = '';
            
            // Le premier a le bouton "Ajouter", les suivants ont "Supprimer"
            if (isFirst) {
                buttonHtml = '<button type="button" class="btn btn-secondary addlocataire" style="height:35px;margin-top: -55px;"><i class="fas fa-plus"></i>&nbsp;&nbsp;</button>';
            } else {
                buttonHtml = '<button type="button" class="btn btn-danger removelocataire" style="height:35px;margin-top: -55px;"><i class="fas fa-minus"></i>&nbsp;&nbsp;</button>';
            }

            return `
            <div class="blockloc">
                <div class="form-group" style="min-height:50px">
                    <div class="row">
                        <div class="col-10">
                            <label for="nom">Nom du locataire</label>
                            <input type="text" class="form-control" name="nom[locataire${index}][nom]" required>
                        </div>
                        <div class="col-2">
                            <div class="flatpickr-wrapper ml-3">
                                <br><br><br>
                                ${buttonHtml}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group" style="min-height:50px">
                    <div class="row">
                        <div class="col-6">
                            <label for="nom">Téléphone</label>
                            <input type="text" class="form-control" name="nom[locataire${index}][telephone]">
                        </div>
                        <div class="col-6">
                            <label for="nom">Courriel</label>
                            <input type="email" class="form-control" name="nom[locataire${index}][courriel]">
                        </div>
                    </div>
                </div>
            </div>`;
        }

        // Fonction pour générer le HTML de l'adresse (séparé pour la clarté)
        function getAdresseHtml() {
            return `
            <div class="form-group blockloc">
                <label for="adresse">Adresse de correspondance des propriétaires</label>
                <div class="row">
                    <div class="col-3"><input type="text" class="form-control" name="adresse[numero]" placeholder="Numéro"></div>
                    <div class="col-6"><input type="text" class="form-control" name="adresse[rue]" placeholder="Rue"></div>
                    <div class="col-3"><input type="text" class="form-control" name="adresse[bureau]" placeholder="Bureau"></div>
                </div>
                <br>
                <div class="row">
                    <div class="col-8"><input type="text" class="form-control" name="adresse[ville]" placeholder="Ville"></div>
                    <div class="col-4"><input type="text" class="form-control" name="adresse[cp]" placeholder="Code postal"></div>
                </div>
            </div>`;
        }

        // Clic sur "Les copropriétaires sont locataires" -> Reset
        $(".proplocataire").click(function(){
            $('.blockloc').remove();
            // On remet le compteur à 0 (ou au nombre initial si on veut garder la logique PHP, mais ici on vide tout)
            iz = {{ $i > 0 ? $i : 0 }};
        });      

        // Clic sur "Ajouter des locataires" (Radio button)
        $(".selectlocataire").click(function(){
            // On vérifie s'il n'y a pas déjà des blocs 'blockloc' pour éviter les doublons si on clique plusieurs fois
            if ($(".divlocataire").children('.blockloc').length === 0) {
                iz++;
                var content = getAdresseHtml() + getLocataireHtml(iz, true); // true = premier bloc avec bouton +
                $(".divlocataire").append(content);
            }
        });

        // Clic sur le bouton "+" (Ajouter un autre locataire)
        $('body').on('click', '.addlocataire', function() {
            iz++;
            var content = getLocataireHtml(iz, false); // false = blocs suivants avec bouton -
            $(".divlocataire").append(content);
        });

        // Boutons supprimer
        $('body').on('click', '.removeproprio', function() {
            $(this).closest('.block').remove();
        });
        $('body').on('click', '.removelocataire', function() {
            $(this).closest('.blockloc').remove();
        });

        $('.user_id').select2({
            multiple: true,
        });

    });
</script>
<script src="https://cdn.ckeditor.com/ckeditor5/47.4.0/ckeditor5.umd.js" crossorigin></script>
<script src="https://cdn.ckeditor.com/ckeditor5/47.4.0/translations/fr.umd.js" crossorigin></script>
<script>
/**
 * This configuration was generated using the CKEditor 5 Builder. You can modify it anytime using this link:
 * https://ckeditor.com/ckeditor-5/builder/?redirect=portal#installation/NoTgNARATAdCMEYKQVBICsB2KA2ECADCFhocQCwDMWuAHBWg3viCGrghprlBchABmAJ2RUwwBGELSwUmQgC6kQgFMoVVXQwRFQA=
 */

    const {
        DecoupledEditor,
        Autosave,
        Essentials,
        Paragraph,
        Fullscreen,
        Autoformat,
        TextTransformation,
        Bold,
        Italic,
        Underline,
        Strikethrough,
        Code,
        Subscript,
        Superscript,
        FontBackgroundColor,
        FontColor,
        FontFamily,
        FontSize,
        Highlight,
        Heading,
        Link,
        AutoLink,
        BlockQuote,
        HorizontalLine,
        Indent,
        IndentBlock,
        Alignment,
        Table,
        TableToolbar,
        TableLayout,
        PlainTableOutput
    } = window.CKEDITOR;

    const LICENSE_KEY =
    'eyJhbGciOiJFUzI1NiJ9.eyJleHAiOjE4MDE2MTI3OTksImp0aSI6ImZlNGVmYTk1LTQzNDktNGU1NC1hZmZlLWI4NzZhZjU2ZTZiMiIsImxpY2Vuc2VkSG9zdHMiOlsiMTI3LjAuMC4xIiwiYWxjb3Zlc2R1cGFsYWlzLmNvbSJdLCJ1c2FnZUVuZHBvaW50IjoiaHR0cHM6Ly9wcm94eS1ldmVudC5ja2VkaXRvci5jb20iLCJkaXN0cmlidXRpb25DaGFubmVsIjpbImNsb3VkIiwiZHJ1cGFsIl0sImZlYXR1cmVzIjpbIkRSVVAiLCJFMlAiLCJFMlciXSwicmVtb3ZlRmVhdHVyZXMiOlsiUEIiLCJSRiIsIlNDSCIsIlRDUCIsIlRMIiwiVENSIiwiSVIiLCJTVUEiLCJCNjRBIiwiTFAiLCJIRSIsIlJFRCIsIlBGTyIsIldDIiwiRkFSIiwiQktNIiwiRlBIIiwiTVJFIl0sInZjIjoiMDQ5Mzc3YmEifQ.9Zvt8Pq4SFHxRhgqwCswineQggmfsx-zyhR_sND4SLk8XqLRlKS-mJpJydxGuS1dB2Om9uEovYQgA6BmCde2aA';

    const editorConfig = {
        toolbar: {
            items: [
                'undo',
                'redo',
                '|',
                'fullscreen',
                '|',
                'heading',
                '|',
                'fontSize',
                'fontFamily',
                'fontColor',
                'fontBackgroundColor',
                '|',
                'bold',
                'italic',
                'underline',
                'strikethrough',
                'subscript',
                'superscript',
                'code',
                '|',
                'horizontalLine',
                'link',
                'insertTable',
                'insertTableLayout',
                'highlight',
                'blockQuote',
                '|',
                'alignment',
                '|',
                'outdent',
                'indent'
            ],
            shouldNotGroupWhenFull: false
        },
        plugins: [
            Alignment,
            Autoformat,
            AutoLink,
            Autosave,
            BlockQuote,
            Bold,
            Code,
            Essentials,
            FontBackgroundColor,
            FontColor,
            FontFamily,
            FontSize,
            Fullscreen,
            Heading,
            Highlight,
            HorizontalLine,
            Indent,
            IndentBlock,
            Italic,
            Link,
            Paragraph,
            PlainTableOutput,
            Strikethrough,
            Subscript,
            Superscript,
            Table,
            TableToolbar,
            TextTransformation,
            Underline
        ],
        fontFamily: {
            supportAllValues: true
        },
        fontSize: {
            options: [10, 12, 14, 'default', 18, 20, 22],
            supportAllValues: true
        },
        fullscreen: {
            onEnterCallback: container =>
            container.classList.add(
                'editor-container',
                'editor-container_document-editor',
                'editor-container_include-fullscreen',
                'main-container'
                )
        },
        heading: {
            options: [
                {
                    model: 'paragraph',
                    title: 'Paragraph',
                    class: 'ck-heading_paragraph'
                },
                {
                    model: 'heading1',
                    view: 'h1',
                    title: 'Heading 1',
                    class: 'ck-heading_heading1'
                },
                {
                    model: 'heading2',
                    view: 'h2',
                    title: 'Heading 2',
                    class: 'ck-heading_heading2'
                },
                {
                    model: 'heading3',
                    view: 'h3',
                    title: 'Heading 3',
                    class: 'ck-heading_heading3'
                },
                {
                    model: 'heading4',
                    view: 'h4',
                    title: 'Heading 4',
                    class: 'ck-heading_heading4'
                },
                {
                    model: 'heading5',
                    view: 'h5',
                    title: 'Heading 5',
                    class: 'ck-heading_heading5'
                },
                {
                    model: 'heading6',
                    view: 'h6',
                    title: 'Heading 6',
                    class: 'ck-heading_heading6'
                }
            ]
        },
        autosave: {
            waitingTime: 1000, // in ms
            save( editor ) {
                let rawUrl = "{{ route('registre.edit.updatenotes', ':id') }}";
                let finalUrl = rawUrl.replace(':id', {{ $id }});
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                    },
                    url: finalUrl, // Laravel route helper
                    type: "POST",
                    data: { id: {{$id}}, notes: editor.getData() },
                    success: function(response) {
                        console.log(editor.getData());
                        console.log("Success:", response.message);
                    },
                    error: function(xhr) {
                        console.log(editor.getData());
                        console.log("Error:", xhr.responseText);
                    }
                });
            }
        },
        initialData: `{!! $registreprivatif[0]->notes !!}`,
        language: 'fr',
        licenseKey: LICENSE_KEY,
        link: {
            addTargetToExternalLinks: true,
            defaultProtocol: 'https://',
            decorators: {
                toggleDownloadable: {
                    mode: 'manual',
                    label: 'Downloadable',
                    attributes: {
                        download: 'file'
                    }
                }
            }
        },
        placeholder: 'Aucune note au dossier.',
        table: {
            contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells', 'tableType']
        }
    };

    configUpdateAlert(editorConfig);

    DecoupledEditor.create(document.querySelector('#editor'), editorConfig)
    .then(editor => {
        document.querySelector('#editor-toolbar').appendChild(editor.ui.view.toolbar.element);

        return editor;
    });

/**
 * This function exists to remind you to update the config needed for premium features.
 * The function can be safely removed. Make sure to also remove call to this function when doing so.
 */
    function configUpdateAlert(config) {
        if (configUpdateAlert.configUpdateAlertShown) {
            return;
        }

        const isModifiedByUser = (currentValue, forbiddenValue) => {
            if (currentValue === forbiddenValue) {
                return false;
            }

            if (currentValue === undefined) {
                return false;
            }

            return true;
        };

        const valuesToUpdate = [];

        configUpdateAlert.configUpdateAlertShown = true;

        if (!isModifiedByUser(config.licenseKey, '<YOUR_LICENSE_KEY>')) {
            valuesToUpdate.push('LICENSE_KEY');
        }

        if (valuesToUpdate.length) {
            window.alert(
                [
                    'Please update the following values in your editor config',
                    'to receive full access to Premium Features:',
                    '',
                    ...valuesToUpdate.map(value => ` - ${value}`)
                ].join('\n')
                );
        }
    }
</script>
</body>
</html>