{% extends 'base.html.twig' %}

{% block title %} Liste des adhérents {% endblock %}

{% block stylesheets %}

    {{ parent() }}
    <style>
        table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before
        {
            top: 30%;
        }
        table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after
        {
            top: 30%;
        }
		#datepickers-container {
            z-index: 1600 !important;
        }
        .btn-list{
            width: 20%;
            padding: 5px;
        }
        .style-act .fas,.style-act .fa {
            width: 25px !important;
            height: 25px !important;
            color: #ffffff !important;
            padding: 2px !important;
            border-radius: 3px;
        }
        .export-csv {
            text-align: center !important;
            height: 63px;
            border-radius: 15px;
            background-color: #e30613 !important;
            border: 1px solid #e30613 !important;
        }
        .content-detail {
            box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 21%) 0px -3px 5px;
        }
        div.dataTables_wrapper div.dataTables_length select {
            width: 32%;
        }
        #table-regulation_wrapper .dataTables_filter input[type="search"] {
            width: 89%;
        }
        #table-regulation_wrapper div.dataTables_length select {
            width: 44%;
        }
    </style>

{% endblock stylesheets %}
{% block breadcrumbs %}

    <div class="container-fluid">
        <div class="page-title">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-sm-12">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="{{ path('home_page') }}">
                                <i data-feather="home"></i>
                            </a>
                        </li>
                        <li class="breadcrumb-item active">Liste des adhérents</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block body %}
    <div class="row ">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="text-primary">Liste des adhérents </h5>
                    <div class="card-header-right card-header-right-btn">
                        {% if is_granted('ROLE_SUPER_ADMIN') %}
                        <a href="{{ path('gestion_ra_list') }}"  class="btn  btn-danger"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i>
                            <span
                                    class="text-right d-none d-md-inline">Demandes RA</span></a>
                       {% endif %}
                        <a href="javascript:;" onclick="window.history.go(-1);return false;" class="btn  btn-primary"><i class="fas fas fa-undo"></i><span
                                    class="text-right d-none d-md-inline">Retour</span></a>

                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        {% if is_granted('ROLE_WATCHER') %}
                            <div class="col-12">
                                <div class="filtreDatatable  mb-2"></div>
                            </div>
                        {% endif %}
                        {% if is_granted('ROLE_SUPER_ADMIN') %}
                        <div class="col-10">
                            <div class="filtreDatatable  mb-2"></div>
                        </div>

                        <div class="col-2">
                            <div class="row button-acmf">
                                <div class="col-12 d-flex justify-content-center">
                                    <button class="btn btn-primary btn-lg m-r-10 dt-button export-csv" type="button"
                                            data-bs-toggle="tooltip"
                                            title="">
                                        <i class="fas fa-file-download"></i></br> Exporter
                                    </button>

                                </div>
                            </div>
                        </div>
                        {% endif %}
                    </div>

                    <div class="omines-datatable mb-4 mt-4">
                        <div class="dropdown-basic">
                            <div class="dropdown">
                                <div class="dropdown-content">
                                </div>
                            </div>
                        </div>
                        <div id="datatable" class="omni-datatable ">Chargement...</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}

    {{ parent() }}
    {% include 'global/Modal/files_button_modal.html.twig' %}
    {% include 'global/Modal/add_request_ra_modal.html.twig' %}
    {% include 'global/Modal/add_regulation_type_modal.html.twig' %}
    {% include 'global/Modal/list_regulation_modal.html.twig' %}
    {% include 'global/Modal/list_prelevement_modal.html.twig' %}
    {% include 'global/Modal/add_regulation_sepa_modal.html.twig' %}
    {% include 'global/Modal/resubscription_modal.html.twig' %}
    {% include 'global/Modal/rescission_modal.html.twig' %}
    {% include 'global/Modal/detail_offer.html.twig' %}


    {{ render(controller('App\\Controller\\GlobalController::filtreDatatable', {
        'fields': ['corporate','firstName','lastName','regulation','offer','amount','email','proof_contribution','echanceStartDate','echanceEndDate','payement','disabled'],
        'from_route': app.request.attributes.get('_route')
    })) }}

    <link href="{{ asset('assets/css/vendors/ionic-icon.css') }}" rel="stylesheet" type="text/css">



    <script>

        postal_Code_Ile_France =
               ['75000', '75001', '75002', '75003', '75004', '75005', '75006', '75007', '75008', '75009',
                '75010', '75011', '75012', '75013', '75014', '75015', '75016', '75017', '75018',
                '75019', '75020', '77000', '77090', '77100', '77111', '77114', '77115', '77118', '77120',
                '77122', '77123', '77124', '77126', '77127', '77130', '77131', '77133', '77134', '77135',
                '77138', '77139', '77140', '77141', '77144', '77145', '77148', '77150', '77151', '77154',
                '77157', '77160', '77163', '77164', '77165', '77166', '77167', '77169', '77170', '77171',
                '77173', '77174', '77176', '77177', '77178', '77181', '77183', '77184', '77185', '77186',
                '77190', '77200', '77210', '77220', '77230', '77240', '77250', '77260', '77270', '77280',
                '77290', '77300', '77310', '77320', '77330', '77340', '77350', '77360', '77370', '77380',
                '77390', '77400', '77410', '77420', '77430', '77440', '77450', '77460', '77470', '77480',
                '77500', '77510', '77515', '77520', '77540', '77550', '77560', '77570', '77580', '77590',
                '77600', '77610', '77620', '77630', '77640', '77650', '77660', '77670', '77680', '77690',
                '77700', '77710', '77720', '77730', '77750', '77760', '77780', '77810', '77820', '77830',
                '77840', '77850', '77860', '77870', '77880', '77890', '77910', '77920', '77930', '77940',
                '77950', '77970', '77990', '78000', '78100', '78110', '78111', '78112', '78113', '78114',
                '78117', '78120', '78121', '78124', '78125', '78126', '78130', '78140', '78150', '78160',
                '78170', '78180', '78190', '78200', '78210', '78220', '78230', '78240', '78250', '78260',
                '78270', '78280', '78290', '78300', '78310', '78320', '78330', '78340', '78350', '78360',
                '78370', '78380', '78390', '78400', '78410', '78420', '78430', '78440', '78450', '78460',
                '78470', '78480', '78490', '78500', '78510', '78520', '78530', '78540', '78550', '78560',
                '78570', '78580', '78590', '78600', '78610', '78620', '78630', '78640', '78650', '78660',
                '78670', '78680', '78690', '78700', '78710', '78711', '78720', '78730', '78740', '78750',
                '78760', '78770', '78780', '78790', '78800', '78810', '78820', '78830', '78840', '78850',
                '78860', '78870', '78890', '78910', '78920', '78930', '78940', '78950', '78955', '78960',
                '78970', '78980', '78990', '91000', '91070', '91080', '91090', '91100', '91120', '91130',
                '91140', '91150', '91160', '91170', '91180', '91190', '91200', '91210', '91220', '91230',
                '91240', '91250', '91260', '91270', '91280', '91290', '91300', '91310', '91320', '91330',
                '91340', '91350', '91360', '91370', '91380', '91390', '91400', '91410', '91420', '91430',
                '91440', '91450', '91460', '91470', '91480', '91490', '91510', '91520', '91530', '91540',
                '91550', '91560', '91570', '91580', '91590', '91600', '91610', '91620', '91630', '91640',
                '91650', '91660', '91670', '91680', '91690', '91700', '91710', '91720', '91730', '91740',
                '91750', '91760', '91770', '91780', '91790', '91800', '91810', '91820', '91830', '91840',
                '91850', '91860', '91870', '91880', '91890', '91910', '91930', '91940', '92000', '92100',
                '92110', '92120', '92130', '92140', '92150', '92160', '92170', '92190', '92200', '92210',
                '92220', '92230', '92240', '92250', '92260', '92270', '92290', '92300', '92310', '92320',
                '92330', '92340', '92350', '92370', '92380', '92390', '92400', '92410', '92420', '92430',
                '92500', '92600', '92700', '92800', '93000', '93100', '93110', '93120', '93130', '93140',
                '93150', '93160', '93170', '93190', '93200', '93220', '93230', '93240', '93250', '93260',
                '93270', '93290', '93300', '93310', '93320', '93330', '93340', '93350', '93360', '93370',
                '93380', '93390', '93400', '93410', '93420', '93430', '93440', '93450', '93460', '93470',
                '93500', '93600', '93700', '93800', '94000', '94100', '94110', '94120', '94130', '94140',
                '94150', '94160', '94170', '94190', '94200', '94220', '94230', '94240', '94250', '94260',
                '94270', '94290', '94300', '94310', '94320', '94340', '94350', '94360', '94370', '94380',
                '94400', '94410', '94420', '94430', '94440', '94450', '94460', '94470', '94480', '94490',
                '94500', '94510', '94520', '94550', '94600', '94700', '94800', '94880', '95000', '95100',
                '95110', '95120', '95130', '95140', '95150', '95160', '95170', '95180', '95190', '95200',
                '95210', '95220', '95230', '95240', '95250', '95260', '95270', '95280', '95290', '95300',
                '95310', '95320', '95330', '95340', '95350', '95360', '95370', '95380', '95390', '95400',
                '95410', '95420', '95430', '95440', '95450', '95460', '95470', '95480', '95490', '95500',
                '95510', '95520', '95530', '95540', '95550', '95560', '95570', '95580', '95590', '95600',
                '95610', '95620', '95630', '95640', '95650', '95660', '95670', '95680', '95690', '95700',
                '95710', '95720', '95740', '95750', '95760', '95770', '95780', '95800', '95810', '95820',
                '95830', '95840', '95850', '95870', '95880'];

        $(document).ready(function () {
            // init the datatable with list of corporates
            $('#datatable').initDataTables({{ datatable_settings(datatable) }}, initOminesDatatable()).then(function (dt) {
                datatable = dt;
            });

            //current date in modal add regulation
            var today = moment().format('DD-MM-YYYY');
            $('#payment_date').val(today);

            // remplacer tout caractère qui n'est pas un chiffre par une chaîne vide
            $('#filter_corporate').on('input', function () {
                let value = $(this).val();
                value = value.replace(/[^0-9]/g, '');
                $(this).val(value);
            });
        });

        // close modal details offer
        $("#detail-offer .close-detail").click(function () {
            $('#detail-offer').modal('hide');
        });

        // reset the form of the resubscription and close the modal details offer
        $(".resubscription-close-modal").click(function () {
            document.getElementById("resubscription_form").reset();
            $('#detail-offer').modal('hide');
        });

        //réinitialisation du formulaire de réabonnement
        $('#resubscription_modal').on('hidden.bs.modal', function (e) {
            $('#resubscription_startDate').css('border', '1px solid #E6E8EB');
            document.getElementById("resubscription_form").reset();
            $('.alert-validation-field').hide();
            $('.form-control,.form-select').removeClass("is-invalid");
        });

        $(".accordion-collapse-btn").click(function () {
            var button = $(this);

            if (button.attr("aria-expanded") === "true") {
                $(".card-header.filtre").css("border-bottom-left-radius", "0px");
                $(".card-header.filtre").css("border-bottom-right-radius", "0px");
            }
            else {
                $(".card-header.filtre").css("border-bottom-left-radius", "15px");
                $(".card-header.filtre").css("border-bottom-right-radius", "15px");
            }

        })

        $(".card-header.filtre").css("border-bottom-left-radius", "15px");
        $(".card-header.filtre").css("border-bottom-right-radius", "15px");

        //export csv du datatable
        $(document).on("click", ".export-csv", function () {
            // Définition des en-têtes de colonne pour le fichier CSV. chaque colonne et sa correspandance de req
            let header={"user_login":"Sociétaire","first_name":"Prénom","last_name":"Nom","address_first":"Adresse","postal_code":"Code postale",
                "city":"Ville","mobile":"Mobile","email":"E-mail","offer":"Offre","offer_ttc_net":"Montant","echeance_end_date":"Echéance ","regulation_type":"Mode de réglement","state":"Statut"};
            $('#load_screen').show();
            // Effectuer une requête AJAX pour obtenir les données à exporter
            $.ajax({
                url: "{{ path('list_adherent_export_csv') }}",
                type: 'GET',
                enctype: 'multipart/form-data',
                processData: false,
                contentType: false,
                cache: false,
                success: function (response) {
                    if (!response || response.status !== 200 || !Array.isArray(response.data)) { $('#load_screen').hide(); showNotify('Erreur', 'Impossible de récupérer les sociétaires à exporter.', 'danger'); return; }
                    // Récupérer les données de la réponse
                    var tbody = response.data,
                        thead = header;

                    // Vérifier si des données sont disponibles
                    if (tbody.length > 0) {
                        // Appeler une fonction pour exporter les données de la DataTable au format CSV
                        exportDataDatatable("liste_des_adherents_", thead, tbody);
                    } else {
                        $('#load_screen').hide();
                        showNotify("Avertissement", "L'export routeur ne contient aucune donnée !", 'warning');
                    }
                },
                error: function () { $('#load_screen').hide(); showNotify('Erreur', 'La récupération des sociétaires a échoué.', 'danger'); }
            });
        });

        // archiver un adhérent
        $(document).on("click", ".archive-action", function () {
            let id = $(this).attr('data-id');
            let existReabonner = $(this).attr('data-exist');
            // Récupérer la date de début si une demande de réabonnement existe
            let dateDebut = $(this).attr('data-dateDebut');
            // Vérifier si une demande de réabonnement existe (data-exist est égal à 1)
            if(existReabonner==1){
                // Afficher un avertissement si une demande de réabonnement est en cours
                showNotify("Avertissement", "Demande de réabonnement en cours au "+dateDebut+" !", 'warning');
            }else{
                // Exécuter l'action d'archivage avec l'ID et l'URL appropriés
                archiveAction($(this).attr('data-id'), "{{ api_adherent_internal_link }}/adherent/archive/" + id, function (response) {
                    datatable.draw(true);
                })
            }

        });

        //activation et désactivation adhérent
        $(document).on("click", ".update-status-action", function () {
            if(!($(this).hasClass( "disabled" ))){
                let id = $(this).attr('data-id');
                updateAction($(this).attr('data-id'), "{{ api_adherent_internal_link }}/adherent/updateStatus/" + id, function (response) {
                    datatable.draw(true);
                })
            }

        });

        //activation ou désactivation de mailing pour un adhérent en cliquant sur un bouton de liste
        $(document).on("click", ".mailing-status-action", function () {
            let user_login = $(this).attr('data-id');
            mailingAction($(this).attr('data-id'), "{{ api_adherent_internal_link }}/adherent/mailingStatus/" + user_login, function (response) {
                datatable.draw(true);
            })
        });

        //gère les événements de pression de touche dans les champs de texte avec la classe "input-only-numeric"
        $(document).on('keypress','.input-only-numeric', function(e) {
            var charCode = (e.which) ? e.which : event.keyCode;
            //Cette fonction renvoie vrai (true) si le caractère est numérique et autorise l'entrée
            return checkNumericInput(charCode);
        });

        $(document).on("click", ".resubscription-save", function () {
            // Récupérer l'identifiant de l'utilisateur depuis l'attribut "data-login" de l'élément "resubscription_zipcode"
            let user_login = $('#resubscription_zipcode').attr('data-login');
            // Définir l'état de l'utilisateur comme "en attente de réabonnement"
            let state = "en attente de réabonnement";
            // Récupérer le motif du réabonnement depuis le champ "resubscription_motif"
            let motif = $('#resubscription_motif').val();
            // Récupérer la date du réabonnement depuis le champ "resubscription_startDate"
            let date = $('.resubscription_startDate').val();
            // Vérifier les champs requis et afficher des alertes si nécessaire
            bool = verifyRequiredFieldsAlert();
            let dateEnd=$(".resubscription_startDate").attr('data-echeancedate');
            let rescinded=$(".resubscription_startDate").attr('data-rescinded');
            if (date !== "") {
                // Vérifier si la date est valide et formatée correctement
                let valideDate = checkStartDate(date,dateEnd,rescinded);
                var dateS = date.split('-');
                var startDate = new Date(dateS[2] + '-' + dateS[1] + '-' + dateS[0])

                if(startDate<moment(new Date(dateEnd)) && rescinded==0){
                    // Afficher un avertissement si la date est inférieure à la date de résiliation
                    showNotify("Avertissement", "L'adhérent a une demande de résiliation au "+dateEnd+". Veuillez renseigner une date supérieur à celle-ci !", 'warning');
                }
                if (!valideDate) {
                    // Afficher une alerte si la date est invalide
                    $('#resubscription_startDate').css('border', '1px solid #dc3545');
                    $('.alert_resubscription_startDate').show().text("Date invalide !");
                    bool = false;
                } else {
                    $('#resubscription_startDate').css('border', '1px solid #E6E8EB');
                }
            } else {
                // Afficher une alerte si la date est vide
                $('#resubscription_startDate').css('border', '1px solid #dc3545');
                bool = false;
            }
            // Si toutes les vérifications sont réussies, mettre à jour l'état de l'adhérent et enregistrer le réabonnement
            if (bool) {
                UpdateUserState(user_login, state, motif, 'resubscription_modal', "");
                saveResupscription();

            }
        });

        // let only the 1 of each month active and disable all other days.
        let currentDate = new Date();
        let minDate = new Date(currentDate.getFullYear(),currentDate.getMonth()+1,1);
        $('#resubscription_startDate').datepicker({
            dateFormat: 'dd-mm-yyyy',
            minDate: minDate,
            onRenderCell: function (date, cellType) {
                let disabled = false;
                let eventDates   = [0,1,2,3,4,5,6];
                if (cellType == 'day' && date.getDate() != 1 ){
                    disabled = eventDates.indexOf(date.getDay()) != -1;
                }
                return {disabled: disabled}
            }
        });

        $(document).on('change', '#resubscription_startDate', function () {
            var date = $(".resubscription_startDate").val(),
                dateEnd = $(".resubscription_startDate").attr('data-echeancedate');// date fin du contrat
            let rescinded = $(".resubscription_startDate").attr('data-rescinded'); // etat du corporate(résile ou non)
            if (date !== "") {
                let validate = checkStartDate(date,dateEnd,rescinded);
                var dateS = date.split('-');
                var startDate = new Date(dateS[2] + '-' + dateS[1] + '-' + dateS[0])
                // cette verification s'effectue lorsque je fais un demande de résiliation et le modale de réabonnement s'ouvre
                // donc la  date entrée dans l'input start date ne doit pas etre inferieur à la date d'echeance .

                // ahna dans tous les cas le modale de rebonnement yet7al ken we9t user andou demande resultion w ela deja resilier
                // donc fy 7ala hathy message mte3 l'alert shih
                if(startDate<moment(new Date(dateEnd)) && rescinded== 0){
                    showNotify("Avertissement", " Demande de résiliation existe au "+dateEnd+". <br> Veuillez choisir une date supérieur à celle ci.", 'warning');
                }
                if (validate) {
                    $('.alert_resubscription_startDate').show().text("");
                    $('#resubscription_startDate').css('border', '1px solid #E6E8EB');
                    verifyDate(date);
                } else {
                    $('.alert_resubscription_startDate').show().text("Date invalide !");
                    $('#resubscription_startDate').css('border', '1px solid #dc3545');
                    $('.resubscription_validiteDate').val('');
                }
            }else{
                $(".resubscription_validiteDate").val('');
            }
        });

        $(document).on('change', '.resubscription_offer', function () {
            let offerRef = "" , selectedOfferRef = $(this).val();
            {% for price in offerPrice %}
                offerRef = "{{ price.ref }}";
                if (offerRef == selectedOfferRef){
                    $('.resubscription_amount').val("{{ price.ttc }}");
                }
            {% endfor %}
            if(selectedOfferRef == "VIP"){
                $('.btn-show-calcul').hide();
            }else {
                $('.btn-show-calcul').show();
                $('.btn-show-calcul').prop("disabled", false);
            }
            if(selectedOfferRef == ""){
                $('.resubscription_amount').val("");
                $('.btn-show-calcul').prop("disabled", true);
            }
            $('.cotisation').remove();    // Supprime les éléments existants avec la classe 'cotisation' du DOM
            $('.details_cotisation').append(detailsOffer(selectedOfferRef));    // Ajoute les éléments de cotisation au corps du modal
        });

        $(document).on('change', '.resubscription_regulation', function () {
            verifyRequiredInputResubscription();
            let startDate = $(".resubscription_startDate").val();

            // verifyDate(startDate,$(".resubscription_regulation").val());
            let type_regulation =$(this).val();
            if (type_regulation == "Prélèvement X1" || type_regulation == "Prélèvements X4" || type_regulation == "Prélèvements X12") {
                $("#resubscription_choice_end_adhesion").prop("checked", true);
                let start_date= $(".resubscription_startDate").val(),
                    date = moment(start_date, "DD-MM-YYYY").add(1, 'years').subtract(1, 'day').format('DD-MM-YYYY');
                $('.resubscription_validiteDate').val(moment(date, "DD-MM-YYYY").format('DD-MM-YYYY'));
                $('.resubscription_choice').attr('disabled','disabled');
                if (startDate == '') {
                    $(".resubscription_validiteDate").val('');
                }
            }else{
                $('.resubscription_choice').removeAttr('disabled');
            }
            if($('#resubscription_amount_brute').val()=='NaN'){ $('#resubscription_amount_brute').val('');}
            if($('#resubscription_amount').val()=='NaN'){ $('#resubscription_amount').val('');}
        });

        $(".resubscription_startDate").datepicker({
            onSelect: function (dateText) {
                let start_date = moment(dateText, "DD-MM-YYYY").format('DD-MM-YYYY');
                let date = moment(start_date, "DD-MM-YYYY").add(1, 'years').subtract(1, 'day').format('DD-MM-YYYY');
                $('.resubscription_validiteDate').val(moment(date, "DD-MM-YYYY").format('DD-MM-YYYY'));
                if (start_date == '') {
                    $(".resubscription_validiteDate").val('');
                }
                if (start_date == '') {
                    $(".resubscription_validiteDate").val('');
                }
            }
        });

        $(document).on("click", ".resubscription-action", function () {
            $('.datepickers-container').css("top", "-338px");
            let user_login=$(this).attr('data-id');
            let endDate=$(this).attr('data-echeancedate');
            let rescinded=$(this).attr('data-rescinded');
            $(".resubscription_startDate").attr('data-echeancedate',endDate);
            $(".resubscription_startDate").attr('data-rescinded',rescinded);

            // verifier si l'adherent a une demande de réabonnement ou non
            let exist = verifExistenceresubscription(user_login);
            if (!exist) {
                $('#resubscription_modal').modal('show');
                window.scrollTo(0,document.body.scrollHeight);
                $('#resubscription_zipcode').attr('data-login', user_login);

                $.ajax({
                    url: "{{ api_adherent_internal_link }}/adherent/getDataUser",
                    type: 'GET',
                    async: false,
                    data: {
                        user_login: user_login,
                    },
                    success: function (response) {
                        if (response.status === 200) {
                            $('#resubscription_zipcode').val(response.data[0].postal_code);
                            $('#resubscription_regulation').val(response.data[0].regulation);
                            $('#resubscription_level_service').val(response.data[0].level_service);
                            $('#resubscription_status').val(response.data[0].status);
                            $('#resubscription_amount').val(response.data[0].offer_ttc);
                            $('#resubscription_rum').val(response.data[0].rum);
                            $('#resubscription_bic').val(response.data[0].bic);
                            $('#resubscription_iban').val(response.data[0].iban);
                            $('#resubscription_address').val(response.data[0].address_first);
                            $('#resubscription_city').val(response.data[0].city);
                            var mandate_date = moment(response.data[0].mandate_date).format('DD-MM-YYYY');
                            if (mandate_date !== null && mandate_date !== '' && mandate_date !== 'Invalid date' ) {
                                $('#resubscription_mandateDate').val(mandate_date);
                            }
                           let dataOffer = response.data[0].offer_ref;
                            if(dataOffer !== ""){
                                $('.btn-show-calcul').prop("disabled", false);
                            }
                            if(dataOffer == "VIP"){
                                $('.btn-show-calcul').hide();
                            }else {
                                $('.btn-show-calcul').show();
                            }
                            $('#resubscription_offer').val(dataOffer);
                            if (response.data[0].regulation =="Prélèvement X1" || response.data[0].regulation== "Prélèvements X4" || response.data[0].regulation=="Prélèvements X12") {
                                $('.resubscription_choice').attr('disabled','disabled');
                                verifyRequiredInputResubscription();
                            }else{
                                $('.resubscription_choice').removeAttr('disabled');
                                verifyRequiredInputResubscription();
                            }
                            $('.cotisation').remove();    // Supprime les éléments existants avec la classe 'cotisation' du DOM
                            $('.details_cotisation').append(detailsOffer(dataOffer));    // Ajoute les éléments de cotisation au corps du modal
                        }
                    }
                });
            }else{
                document.getElementById("resubscription_form").reset();
                $('#resubscription_modal').modal('hide');
                showNotify("Avertissement", 'Demande de réabonnement déjà enregistrée !', 'warning');
            }
        });

        //passer le user_login vers la page de la liste des demande RA
        $(document).on("click", ".btn-historic-ra", function () {
            var corporateValue = $(this).data('id');//user_login

            // Création dynamique d'un formulaire
            var form = document.createElement('form');
            form.method = 'get';
            form.action = "{{ path('gestion_ra_list') }}";

            // Ajout du champ "corporate" avec sa valeur au formulaire
            var inputCorporate = document.createElement('input');
            inputCorporate.type = 'hidden';
            inputCorporate.name = 'corporate';
            inputCorporate.value = corporateValue;
            form.appendChild(inputCorporate);

            // Ajout du formulaire à la page et soumission
            document.body.appendChild(form);
            form.target = '_blank';
            form.submit();
        });

    </script>


    <script>
        // effectue une requête AJAX pour vérifier si ce RUM existe déjà dans le système(appel api)
        function checkExistRum(userLogin = null){
            let rum= $('.resubscription_rum').val(),
                user_login= userLogin,
                existRum="";
            if (rum !=="") {
                $.ajax({
                    url: "{{ api_adherent_internal_link }}/adherent/checkExistRum",
                    method: 'GET',
                    async: false,
                    data: {
                        rum: rum,
                        user_login: user_login
                    },
                    success: function (response) {
                        if (response.data === true) {
                            existRum = false;
                        }else {
                            existRum = true;
                            showNotify("Avertissement", "RUM existe déjà, veuillez saisir un RUM valide", 'warning');
                        }
                    }
                });
                return existRum;
            }
        }

        // vérifier l'état de résiliation d'un adhérent
        function verifStateRescission(user_login){
            let rescinded ="";
            $.ajax({
                url: "{{ api_adherent_internal_link }}/verif_state_rescission",
                type: 'GET',
                async: false,
                data: {
                    user_login: user_login,
                },
                success: function (response) {
                    rescinded = response.data;
                }
            });
            return rescinded;
        }

        //enregistrement de réabonnement
        function saveResupscription(){
                let formData = new FormData(document.getElementById('resubscription_form'));
                let corporate = $('#resubscription_zipcode').attr('data-login'),
                    offer_ref = $('.resubscription_offer').find(':selected').val(),
                    existRum = checkExistRum(corporate);

                if (!existRum) {
                    formData.set("resubscription[corporate]", corporate);
                    if (postal_Code_Ile_France.indexOf($(".resubscription_zipcode").val()) !== -1) {
                        formData.set("resubscription[region]", 'Ile de France');
                    } else {
                        formData.set("resubscription[region]", 'Province');
                    }
                    let data = document.getElementById("resubscription_regulation");
                    let regulation = data.options[data.selectedIndex].text;
                    //affectation de niveau de service selon l'offre
                    if (offer_ref == "SERENITE" || offer_ref == "SERENITE_REDUIT" || offer_ref == "VIP") {
                        formData.set("resubscription[level_service]", 4);
                        formData.set("resubscription[offer]", "sérénité");
                    } else if (offer_ref=="PROTECTION_OPTIMAL") {
                        formData.set("resubscription[level_service]", 3);
                        formData.set("resubscription[offer]", "protection optimale");
                    } else if (offer_ref=="VIE_QUOTIDIENNE") {
                        formData.set("resubscription[level_service]", 2);
                        formData.set("resubscription[offer]", "vie quotidienne");
                    } else if (offer_ref=="CLUB_ACMF") {
                        formData.set("resubscription[level_service]", 1);
                        formData.set("resubscription[offer]", "club acmf");
                    } else {
                        formData.set("resubscription[level_service]", 1);
                        formData.set("resubscription[offer]", "adhésion");
                    }
                    //affectation de nbre d'echeance selon le mode de régelement
                    if (regulation == "Prélèvements X12") {
                        formData.set("resubscription[nbEcheance]", 12);
                        formData.set("resubscription[type_regulation]", "Prélèvement /SEPA");
                    } else if (regulation == "Prélèvement X1") {
                        formData.set("resubscription[nbEcheance]", 1);
                        formData.set("resubscription[type_regulation]", "Prélèvement /SEPA");
                    } else if (regulation == "Prélèvements X4") {
                        formData.set("resubscription[nbEcheance]", 4);
                        formData.set("resubscription[type_regulation]", "Prélèvement /SEPA");
                    } else if (regulation == "Chèque") {
                        formData.set("resubscription[nbEcheance]", 1);
                        formData.set("resubscription[type_regulation]", "Chèque");
                    }  else if(regulation == "Carte bancaire") {
                        formData.set("resubscription[nbEcheance]", 1);
                        formData.set("resubscription[type_regulation]", "CB");
                    } else  {
                        formData.set("resubscription[nbEcheance]", 1);
                        formData.set("resubscription[type_regulation]", "Autre");
                    }
                    formData.set("resubscription[offer_ref]", offer_ref);
                    $.ajax({
                        url:  "{{ api_adherent_internal_link }}/adherent/addResubscription",
                        method: 'POST',
                        enctype: 'multipart/form-data',
                        data: formData,
                        processData: false,
                        contentType: false,
                        cache: false,
                        success: function (response) {
                            if (response.status === 200) {
                                document.getElementById("resubscription_form").reset();
                                $('.btn-show-calcul').attr('disabled', 'disabled');
                                $('#resubscription_modal').modal('hide');
                                showNotify('Succès', "Demande de réabonnement ajoutée avec succès !", "info");
                                 datatable.draw(true);
                            } else {
                                $('#resubscription_modal').modal('hide');
                                showNotify("Erreur", 'Merci de contacter l\'admin!', 'danger');
                            }
                        }
                    });
                }
            }

        // vérifier et calculer la date fin de contrat
        function verifyDate(date){
            let start_date = moment(date, "DD-MM-YYYY").format('DD-MM-YYYY');
            let date_end = moment(start_date, "DD-MM-YYYY").add(1, 'years').subtract(1, 'day').format('DD-MM-YYYY');
            $('.resubscription_validiteDate').val(moment(date_end, "DD-MM-YYYY").format('DD-MM-YYYY'));
        }

        function checkStartDate(date,dateEnd,rescinded) {
            // Initialise la date de début à la date actuelle
            let startDate = new Date();
            // Vérifie si une date de fin est fournie et si la résiliation (annulé) est égale à zéro
            if(dateEnd!="" && dateEnd!=undefined && rescinded==0){
                // Si oui, met à jour la date de début avec la date de fin fournie
                startDate=new Date(dateEnd);
            }
            let day = new Date(moment(date, "DD-MM-YYYY")).getDate(),
                month = new Date(moment(date, "DD-MM-YYYY")).getMonth(),
                year = new Date(moment(date, "DD-MM-YYYY")).getFullYear(),
                currentmonth = new Date(moment(startDate, "DD-MM-YYYY")).getMonth(),
                currentyear = new Date(moment(startDate, "DD-MM-YYYY")).getFullYear();
            valideDate = true;
            // Compare les années pour déterminer si la date est valide
            if (year > currentyear) {
                // Si l'année de la date d'origine est supérieure à l'année de la date de début
                // et que le jour n'est pas égal à 1, la date n'est pas valide
                if (day != 1) {
                    valideDate = false;
                }
            } else if (year == currentyear) {
                // Si les années sont égales, compare les mois et le jour
                // Si le jour n'est pas égal à 1 ou si le mois est inférieur ou égal au mois de la date de début,
                // la date n'est pas valide
                if (day != 1 || month <= currentmonth) {
                    valideDate = false;
                }
            } else {
                // Si l'année de la date d'origine est inférieure à l'année de la date de début, la date n'est pas valide
                valideDate = false;
            }

            return valideDate
        }

       ///ajout/suppresseion la classe des champs obligatoire dans le cas de non sepa ou sepa
        function verifyRequiredInputResubscription() {
            // Vérifie la valeur de régelement
            if ($('.resubscription_regulation').val() == "Prélèvement X1" ||$('.resubscription_regulation').val() == "Prélèvements X4" || $('.resubscription_regulation').val() == "Prélèvements X12"){
                //ajouter la classe pour les champs obligatoire dans le cas de sepa
                $('.label_resubscription_bic').addClass('required');
                $('.label_resubscription_iban').addClass('required');
                $('.label_resubscription_mandateDate').addClass('required');
                $('.resubscription_bic').addClass('check-input-required');
                $('.resubscription_iban').addClass('check-input-required');
                $('.resubscription_mandateDate').addClass('check-input-required');
            } else{
                //suppresseion la classe des champs obligatoire dans le cas de non sepa
                $('.label_resubscription_bic').removeClass('required');
                $('.label_resubscription_iban').removeClass('required');
                $('.label_resubscription_mandateDate').removeClass('required');
                $('.resubscription_bic').removeClass('check-input-required');
                $('.resubscription_iban').removeClass('check-input-required');
                $('.resubscription_mandateDate').removeClass('check-input-required');
            }
        }

    </script>

{% endblock %}