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

{% block title %} {% if userId > 0 %} Modifier un adhérent {% else %} Ajouter un adhérent{% endif %}{% endblock %}

{% block stylesheets %}

    {{ parent() }}

    <style>
        .btn-show-calcul, .renewal-action {
            padding-left: 6px;
            padding-right: 6px;
        }

        .popover {
            border: 1px solid transparent;
            top: 23px;
            left: 65%;
            width: 285px !important;
            z-index: 1 !important;
            padding-left: 0px;
            padding-right: 0px;
            position: absolute !important;
        }

        .popover-body {
            height: auto !important;
            text-align: center;
            background: #edecec;
            padding: 5px 5px 7px 5px;
        }

        .popover-header {
            background-color: #E30613 !important;
            font-size: 14px;
            padding: 7px 11px;
            font-weight: 500;
        }
        {% if userId > 0 %}
        label[for=adherent_journal_subscriber_0], label[for=adherent_journal_subscriber_1], #adherent_journal_subscriber_0, #adherent_journal_subscriber_1 {
            pointer-events: none;
        }
         .adherent_offer,.adherent_regulation{
            pointer-events: none;
            background-color: #edecec;
        }
        {% endif %}
        {% if is_granted('ROLE_WATCHER') %}
        .adherent_quality,.adherent_courtesy,.adherent_status ,.adherent_country{
            pointer-events: none;
            background-color: #edecec;
        }
        {% endif %}
    </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">{% if userId > 0 %} Modifier un adhérent {% else %} Ajouter un adhérent{% endif %}</li>
                    </ol>

                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block body %}
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h5 class="text-primary">{% if userId > 0 %} Modifier un adhérent {% else %} Ajouter un adhérent{% endif %} </h5>
                <div class="card-header-right card-header-right-btn">
                    <a href="{{ path('adherent_list') }}" class="btn  btn-primary"><i class="fas fas fa-undo"></i><span
                                class="text-right d-none d-md-inline">Liste des adhérents</span></a>
                </div>
            </div>
            <div class="card-body">
                <form method="POST" id="adherent_post_form" class="adherent_post_form">
{#                    {% if userId <= 0 %}#}
{#                        <div class="row mb-3">#}
{#                            <h5 class="text-info">Choix de type d'abonnement</h5>#}
{#                            <hr class="info-line">#}

{#                            <div class="form-group adherent_choice_radio">#}
{#                                <div id="adherent_choice_adhesion"#}
{#                                     class="m-checkbox-inline custom-radio-ml justify-content-center fw-bold check-input d-flex">#}
{#                                    <div class="form-check">#}
{#                                        <input type="radio" id="adherent_choice_end_year"#}
{#                                               name="adherent[adherent_choice]"#}
{#                                               class="form-check-input adherent_choice"#}
{#                                               value="Fin d'année">#}
{#                                        <label class="form-check-label label_adherent_choice "#}
{#                                               for="adherent_choice_end_year">Fin d'année</label>#}
{#                                    </div>#}
{#                                    <div class="form-check">#}
{#                                        <input type="radio" id="adherent_choice_end_adhesion"#}
{#                                               name="adherent[adherent_choice]"#}
{#                                               class="form-check-input adherent_choice " checked#}
{#                                               value="Fin d'adhésion">#}
{#                                        <label class="form-check-label label_adherent_choice "#}
{#                                               for="adherent_choice_end_adhesion">Fin d'adhésion</label>#}
{#                                    </div>#}

{#                                </div>#}
{#                            </div>#}
{#                        </div>#}
{#                    {% endif %}#}
                    <h5 class="text-info">Informations personelles :</h5>
                    <hr class="info-line">
                    <div class="row">
                        <div class="col-xl-2 col-sm-12">
                            <label class="col-form-label label-weight label_adherent_role mb-1"> Sociétaire </label>
                            <input type="text" id="adherent_corporate"
                                   class="form-control adherent_corporate"{% if userId > 0 %} value="{{ data['user_login'] }}" {% else %} value="{{ nextCorporate }}"{% endif %}
                                   disabled>
                        </div>
                        <div class="col-xl-2 col-sm-12">
                            <label class="col-form-label label-weight label_adherent_role  required mb-1"> Qualité </label>
                            <select class="form-select select2 adherent_quality  check-input check-input-required"
                                    id="adherent_quality"
                                    name="adherent[quality]">
                                <option value=""></option>
                                <option value="MME." {% if userId > 0 and data['quality'] == "MME." %} selected {% endif %}>
                                    MME.
                                </option>
                                <option value="M." {% if userId > 0 and data['quality'] == "M." %} selected {% endif %}>
                                    M.
                                </option>
                                <option value="PR." {% if userId > 0 and data['quality'] == "PR." %} selected {% endif %}>
                                    PR.
                                </option>
                                <option value="DR." {% if userId > 0 and data['quality'] == "DR." %} selected {% endif %}>
                                    DR.
                                </option>
                                <option value="Maître." {% if userId > 0 and data['quality'] == "Maître." %} selected {% endif %}>
                                    Maître.
                                </option>
                            </select>
                            <div class="alert-validation-field alert_adherent_quality"></div>
                        </div>
                        <div class="col-xl-2 col-sm-12">
                            <label class="col-form-label label-weight label_adherent_role  required mb-1"> Politesse </label>
                            <select class="form-select select2 adherent_courtesy  check-input check-input-required "
                                    id="adherent_courtesy"
                                    name="adherent[courtesy]">
                                <option value=""></option>
                                <option value="Chère" {% if userId > 0 and data['courtesy'] == "Chère" %} selected {% endif %}>
                                    Chère
                                </option>
                                <option value="Cher" {% if userId > 0 and data['courtesy'] == "Cher" %} selected {% endif %}>
                                    Cher
                                </option>
                            </select>
                            <div class="alert-validation-field alert_adherent_courtesy"></div>
                        </div>
                        <div class="col-xl-2 col-sm-12">
                            <label class="col-form-label label-weight  label_adherent_role  required  mb-1"> Prénom </label>
                            <input type="text" id="adherent_first_name"
                                   class="form-control adherent_first_name check-input check-input-required adherent_role_watcher"
                                   name="adherent[first_name]" {% if userId > 0 %} value="{{ data['first_name'] }}"{% endif %}>
                            <div class="alert-validation-field alert_adherent_first_name"></div>
                        </div>

                        <div class="col-xl-2 col-sm-12 ">
                            <label class="col-form-label label-weight label_adherent_role  required mb-1"> Nom </label>
                            <input type="text" id="adherent_last_name"
                                   class="form-control adherent_last_name check-input check-input-required adherent_role_watcher"
                                   name="adherent[last_name]"
                                   {% if userId > 0 %}value="{{ data['last_name'] }}" {% endif %}>
                            <div class="alert-validation-field alert_adherent_last_name"></div>
                        </div>
                        <div class="col-xl-2 col-sm-12">
                            <label class="col-form-label label-weight  mb-1"> Intitulé </label>
                            <input type="text" id="adherent_intitule"
                                   class=" form-control adherent_intitule"
                                   name="adherent[intitule]"
                                   {% if userId > 0 %}value="{{ data['full_name'] }}"{% endif %} readonly>
                            <div class="alert-validation-field alert_adherent_intitule"></div>
                        </div>
                        <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight label_adherent_role  mb-1 "> Date de naissance </label>
                            <input type="text" id="adherent_birth_date"
                                   class="form-control adherent_birth_date datepicker-here check-input check-input-date check-input-age "
                                   name="adherent[birth_date]" data-format="00-00-0000"
                                   {% if userId > 0 and data['birth_date']!="" %}value="{{ data['birth_date']|date("d-m-Y") }}"{% endif %} >
                            <div class="alert-validation-field alert_adherent_birth_date"></div>
                        </div>
                        <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight label_adherent_role  required mb-1"> Email </label>
                            <input type="email" id="adherent_email"
                                   class="form-control adherent_email adherent_role_watcher check-input check-input-required check-input-email disable_role"
                                   name="adherent[email]"
                                   {% if userId > 0 %}value="{{ data['email'] }}"{% endif %} >
                            <div class="alert-validation-field alert_adherent_email"></div>
                        </div>
                        <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight mb-1"> Téléphone </label>
                            <input type="text" id="adherent_phone"
                                   class="form-control adherent_phone check-input adherent_role_watcher check-input-phone input-only-numeric"
                                   name="adherent[phone]"
                                   {% if userId > 0 %}value="{{ data['phone'] }}"{% endif %} >
                            <div class="alert-validation-field alert_adherent_phone"></div>
                        </div>
                        <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight mb-1"> Mobile </label>
                            <input type="text" id="adherent_mobile"
                                   class="form-control adherent_mobile check-input check-input-mobile input-only-numeric adherent_role_watcher"
                                   name="adherent[mobile]"
                                   {% if userId > 0 %}value="{{ data['mobile'] }}"{% endif %} >
                            <div class="alert-validation-field alert_adherent_mobile"></div>
                        </div>
                        <div class="col-xl-3 col-sm-12">
                            <label class="col-form-label label-weight label_adherent_role  required mb-1"> Adresse 1 </label>
                            <input type="text" id="adherent_address"
                                   class=" form-control adherent_address check-input check-input-required adherent_role_watcher disable_role"
                                   name="adherent[address]"
                                   {% if userId > 0 %}value="{{ data['address_first'] }}"  {% endif %}>
                            <div class="alert-validation-field alert_adherent_address"></div>
                        </div>

                        <div class="col-xl-3 col-sm-12">
                            <label class="col-form-label label-weight mb-1"> Adresse 2 </label>
                            <input type="text" id="adherent_address_2"
                                   class=" form-control adherent_address_2 adherent_role_watcher"
                                   name="adherent[address_2]"
                                   {% if userId > 0 %}value="{{ data['address_second'] }}"  {% endif %}>
                            <div class="alert-validation-field alert_adherent_address_2"></div>
                        </div>
                        <div class="col-xl-2 col-sm-12">
                            <label class="col-form-label label-weight label_adherent_role  required  mb-1"> Code postal </label>
                            <input type="text" id="adherent_zipcode"
                                   class="form-control adherent_zipcode check-input check-input-required check-input-degit check-input-zipcode input-only-numeric adherent_role_watcher disable_role"
                                   name="adherent[zipcode]"
                                   {% if userId > 0 %}value="{{ data['postal_code'] }}"{% endif %}>
                            <div class="alert-validation-field alert_adherent_zipcode"></div>
                        </div>
                        <div class="col-xl-2 col-sm-12 ">
                            <label class="col-form-label label-weight label_adherent_role  required   mb-1"> Ville </label>
                            <input type="text" id="adherent_city"
                                   class="form-control adherent_city check-input check-input-required adherent_role_watcher disable_role"
                                   name="adherent[city]" {% if userId > 0 %}value="{{ data['city'] }}"{% endif %}>
                            <div class="alert-validation-field alert_adherent_city"></div>
                        </div>
                        <div class="col-xl-2 col-sm-12 ">
                            <label class="col-form-label label-weight label_adherent_role   required  mb-1"> Pays </label>
                            <select class="form-select select2 adherent_country  check-input check-input-required adherent_role_watcher disable_role"
                                    id="adherent_country"
                                    name="adherent[country]">
                                <option value="France" data-code="FR" {% if userId > 0 and data['country'] == "France" %} selected {% endif %}>
                                    France
                                </option>
                                <option value="Portugal" data-code="PT" {% if userId > 0 and data['country'] == "Portugal" %} selected {% endif %}>
                                    Portugal
                                </option>

                            </select>
                            <div class="alert-validation-field alert_adherent_country"></div>
                        </div>
                        {% if userId =="" %}
                        {#  <div class="col-xl-3 col-sm-12 ">
                            <div class="form-group">
                                <legend class="col-form-label label-weight label_adherent_role  required mb-1">Abonné à la revue</legend>
                                <div id="adherent_journal_subscriber"
                                     class="adherent_journal_subscriber m-checkbox-inline custom-radio-ml check-input check-radio-required d-flex">
                                    <div class="form-check">
                                        <input type="radio" id="adherent_journal_subscriber_0"
                                               name="adherent[journal_subscriber]" required="required"
                                               class="form-check-input adherent_journal_subscriber adherent_role_watcher"
                                               value="1" {% if userId > 0 and data['journal_subscriber'] == "1" %} checked {% endif %}>
                                        <label class="form-check-label label_adherent_role required"
                                               for="adherent_journal_subscriber_0">Oui</label>
                                    </div>
                                    <div class="form-check">
                                        <input type="radio" id="adherent_journal_subscriber_1"
                                               name="adherent[journal_subscriber]" required="required"
                                               class="form-check-input adherent_journal_subscriber"
                                               value="0" {% if userId > 0 and data['journal_subscriber'] == "0" %} checked {% endif %}>
                                        <label class="form-check-label label_adherent_role required"
                                               for="adherent_journal_subscriber_1">Non</label>
                                    </div>
                                </div>
                                <div class="alert-validation-field alert_adherent_journal_subscriber"></div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight label_adherent_role required  mb-1 adherent_label"> Statut </label>
                            <select class="form-select select2 adherent_status check-input check-input-required adherent_disabled adherent_role_watcher"
                                    id="adherent_status"
                                    name="adherent[status]">
                                <option value=""></option>
                                {% for status in statusDbal %}
                                    <option value="{{ status }}" {% if userId > 0 and data['status'] == status %} selected {% endif %}> {{ status }} </option>
                                {% endfor %}
                            </select>
                            <div class="alert-validation-field alert_adherent_status"></div>
                        </div>
                        #}
                        <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight  label_adherent_role  required  mb-1 adherent_label"> Offre </label>
                            <select class="form-select select2 adherent_offer check-input check-input-required adherent_disabled adherent_role_watcher"
                                    id="adherent_offer"
                                    name="adherent[offer]">
                                <option value=""></option>
                                {% for key,offer in offerDbal %}
                                    <option value="{{ key }}" {% if userId > 0 and data['offer'] == offer %} selected {% endif %}> {{ offer }} </option>
                                {% endfor %}
                            </select>
                            <div class="alert-validation-field alert_adherent_offer"></div>
                        </div>
                        {#  <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight mb-1 label_adherent_role adherent_label"> Montant brut</label>
                            <div class="input-group">
                                <input type="text" id="adherent_amount_brute"
                                       class="form-control  adherent_amount_brute " disabled
                                       {% if userId > 0 %} value="{{ data['offer_ttc_brute'] }}"{% endif %}>
                            </div>
                        </div>#}
                        <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight label_adherent_role mb-1 adherent_label"> Montant </label>
                            <div class="input-group">
                                <input type="text" id="adherent_amount"
                                       class="form-control amount_offer adherent_amount adherent_disabled adherent_role_watcher"
                                       name="adherent[amount]"
                                       {% if userId > 0 %}value="{{ data['offer_ttc_net'] }}" {% endif %} readonly>
                                <button class="btn btn-primary input-group-text btn-show-calcul" type="button"
                                        data-bs-toggle="modal" data-original-title="test" data-bs-target="#detail-offer"
                                        disabled><i class="fas fa-eye"></i></button>

                            </div>
                            <div class="alert-validation-field alert_adherent_amount"></div>
                        </div>
                        {#  <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight mb-1"> Remise </label>
                            <div class="input-group">
                                <input type="text" id="adherent_discount"
                                       class="form-control amount_offer adherent_discount check-input input-only-numeric check-input-numeric"
                                       name="adherent[discount]"
                                       {% if userId > 0 %}value="{{ data['offer_discount'] }}" readonly{% endif %}>
                            </div>
                            <div class="alert-validation-field alert_adherent_discount"></div>
                        </div>#}

                        <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight label_adherent_role   required mb-1 adherent_label"> Date début </label>
                            <input type="text" id="adherent_startDate"
                                   class="form-control adherent_startDate check-input-date datepicker-here digits check-input check-input-required adherent_disabled adherent_role_watcher"
                                   name="adherent[startDate]" data-format="00-00-0000"
                                   {% if userId > 0 %} value="{{ data['echeance_start_date']|date("d-m-Y") }}" disabled{% endif %}>
                            <div class="alert-validation-field alert_adherent_startDate"></div>
                        </div>
                        <div class="col-xl-3 col-sm-12">
                            <label class="col-form-label label-weight "> Date fin </label>
                            <div class="input-group">
                                <input type="text" id="adherent_validiteDate"
                                       class="form-control  adherent_validiteDate"
                                       name="adherent[validateDate]"
                                       {% if userId > 0 and data['regulation']!="" %}value="{{ data['echeance_end_date']|date("d-m-Y") }}"{% endif %} readonly>
{#                                {% if userId > 0 and (data['regulation']!="Prélèvement X1" and data['regulation']!="Prélèvements X4" and data['regulation']!="Prélèvements X12" ) %}#}
{#                                    <button type="button" class=" btn btn-primary input-group-text renewal-action"#}
{#                                            title="Renouveler" disabled><i class="fas fa-redo" style="padding: 0px 1px;"></i>#}
{#                                    </button>{% endif %} #}
                            </div>
                            <div class="alert-validation-field alert_adherent_validiteDate"></div>
                        </div>

                        <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight label_adherent_role  required mb-1 adherent_label"> Règlement </label>
                            <select class="form-select adherent_regulation select2  check-input check-input-required adherent_disabled adherent_role_watcher"
                                    id="adherent_regulation" name="adherent[regulation]">
                                <option value=""></option>
                                {% for choice in paymentMethodDbal %}
                                    <option value="{{ choice }}" {% if userId > 0 and data['regulation'] == choice %} selected  {% endif %}  > {{ choice }} </option>
                                {% endfor %}
                            </select>
                            <div class="alert-validation-field alert_adherent_regulation"></div>
                        </div>
                        <div class="col-xl-3 col-sm-12">
                            <div class="row">
                            {% if userId > 0 %}
                                <div class="col-xl-12 col-sm-12 ">
                                    <label class="col-form-label label-weight"> Date d'ancienneté </label>
                                    <input type="text" id="adherent"
                                           class="form-control" readonly
                                            {% if data['subscription_date'] %} value="{{ data['subscription_date']|date("d-m-Y") }}"{% endif %} >
                                </div>
                            {% endif %}
                            </div>
                        </div>
                        {% endif %}
                        {% if is_granted('ROLE_SUPER_ADMIN') %}
                        <div class="col-xl-12 col-sm-12 d-flex justify-content-end align-items-end ">
                            <div class="show-regulation-list bloc-taking-list mt-4">
                                <div class="taking-visible text-right">
                                    <button type="button"
                                            class="btn btn-primary btn-list-taking btn-block">
                                        <i class="fas fa-eye"></i> Liste des prélèvements
                                    </button>
                                </div>
                                <div class="popover popover-regulation-list" style="display: none">
                                    <div class="popover-header">Liste des prélèvements</div>
                                    <div class="popover-body overflow-auto custom-scrollbar">

                                        {% for item in takingList %}
                                            <a class="btn btn-primary btn-xs taking-date"
                                               href="#">{{ item.echeance_end_date  |date("d-m-Y")}}</a>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        {% endif %}

                    <div class="section-info">
                        <h5 class="text-info">Information bancaires : </h5>
                        <hr class="info-line">
                    </div>

                        <div class="col-xl-3 col-sm-12">
                            <label class="col-form-label label-weight label_adherent_role label_adherent_bic mb-1"> BIC </label>
                            <input type="text" id="adherent_bic"
                                   class="form-control adherent_bic check-input check-input-bic adherent_role_watcher"
                                   name="adherent[BIC]" {% if userId > 0 %} value="{{ data['bic'] }}"{% endif %}>
                            <div class="alert-validation-field alert_adherent_bic"></div>
                        </div>
                        <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight label_adherent_role label_adherent_iban mb-1"> IBAN </label>
                            <input type="text" id="adherent_iban"
                                   class="form-control adherent_iban check-input check-input-iban adherent_role_watcher"
                                   name="adherent[IBAN]"
                                   {% if userId > 0 %}value="{{ data['iban'] }}"{% endif %}>
                            <div class="alert-validation-field alert_adherent_iban"></div>
                        </div>
                        <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight label_adherent_role label_adherent_mandateDate mb-1"> Date Mandat </label>
                            <input type="text" id="adherent_mandateDate"
                                   class="form-control adherent_mandateDate check-input-date datepicker-here  digits check-input adherent_role_watcher"
                                   name="adherent[DateMandat]" data-format="00-00-0000"
                                   {% if userId > 0 and data['mandate_date']!="" %}value="{{ data['mandate_date']|date("d-m-Y") }}"{% endif %}>
                            <div class="alert-validation-field alert_adherent_mandateDate"></div>
                        </div>
                        <div class="col-xl-3 col-sm-12 ">
                            <label class="col-form-label label-weight "> RUM </label>
                            <input type="text" id="adherent_rum"
                                   class="form-control adherent_rum adherent_role_watcher"
                                   name="adherent[RUM]"
                                   {% if userId > 0 %}value="{{ data['rum'] }}"{% endif %} >
                            <div class="alert-validation-field alert_adherent_rum"></div>
                        </div>
                        <div class="section-info">
                            <h5 class="text-info">Observation : </h5>
                            <hr class="info-line"  style="width: 5%;">
                        </div>
                            <div class="col-xl-12 mt-2">
                                <textarea  class="form-control btn-square" id="adherent_observation" name="adherent[observation]" rows="4">{% if userId > 0 %}{{ data['observation'] }}{% endif %}</textarea>
                            </div>
                    </div>
                </form>

            </div>
            <div class="card-footer">
                <div class="row">
                    <div class="text-center">
                        <a href="{{ path('adherent_list') }}" class="btn btn-outline-primary btn-validate">Annuler </a>
                        <a href="javascript:;" class="btn btn-primary btn-validate  btn-validate-action">Valider</a>
                    </div>
                </div>
            </div>
        </div>
    </div>


{% endblock %}
{% block javascripts %}

    {{ parent() }}

    {% include 'global/Modal/detail_offer.html.twig' %}

    <script src="{{ asset('assets/js/datepicker/date-picker/moment.min.js') }}"></script>
    <script src="{{ asset('assets/js/time-picker/jquery-clockpicker.min.js') }}"></script>
    <script src="{{ asset('assets/js/time-picker/highlight.min.js') }}"></script>
    <script src="{{ asset('assets/js/time-picker/clockpicker.js') }}"></script>
    <script src="{{ asset('assets/js/imask.js') }}"></script>
    <script src="{{ asset('assets/js/dateformat.js') }}"></script>

    <script>

        var resubscriptionId = {{ existResubscription }};

        $(document).ready(function () {
            {% if is_granted('ROLE_WATCHER') %}
                $( "#adherent_mandateDate" ).attr('disabled', true);
                $( "#adherent_birth_date" ).attr('disabled', true);
                $('.label_adherent_role').removeClass('required');
                $('.label_adherent_role').removeClass('label_adherent_mandateDate');
                $('.label_adherent_role').removeClass('label_adherent_iban');
                $('.label_adherent_role').removeClass('label_adherent_bic');
                $('.adherent_email').removeClass('check-input-required');
                $('.adherent_role_watcher').attr('readonly', true);
                $('.adherent_role_watcher').removeClass('datepicker-here');
                $('.disable_role').addClass('adherent_disabled');
            {% endif %}

            {% if takingList is empty %}
                $('.bloc-taking-list').hide();
                {% else %}
                $('.bloc-taking-list').show();
            {% endif %}
            {% if userId > 0 %}
                {% if(  data['offer']  == "sérénité" ) %}
                   $('#adherent_status').css({'background-color': '#edecec','pointer-events':'none'}) ;
                {% endif %}
                verifyPostalCode();
                $('#adherent_startDate').val({{ data['echeance_start_date']|date("d-m-Y") }});

                {% if (data['regulation'] == "Prélèvement X1" or data['regulation'] == "Prélèvements X4" or data['regulation'] == "Prélèvements X12") %}
                    $('.label_adherent_bic').addClass('required');
                    $('.label_adherent_iban').addClass('required');
                    $('.label_adherent_mandateDate').addClass('required');
                    $('.adherent_bic').addClass('check-input-required');
                    $('.adherent_iban').addClass('check-input-required');
                    $('.adherent_mandateDate').addClass('check-input-required');
                {% else %}
                    $('.label_adherent_bic').removeClass('required');
                    $('.label_adherent_iban').removeClass('required');
                    $('.label_adherent_mandateDate').removeClass('required');
                    $('.adherent_bic').removeClass('check-input-required');
                    $('.adherent_iban').removeClass('check-input-required');
                    $('.adherent_mandateDate').removeClass('check-input-required');
                {% endif %}

                {% if(data['disabled']=="1") %}
                $('.adherent_disabled').removeClass('check-input-required');
                $('.adherent_label').removeClass('required mb-1');
                {% endif %}
                 {% if (data['echeance_start_date']!=null )%}
                    $('#adherent_startDate').val('{{ data['echeance_start_date']|date("d-m-Y") }}');
                {% else %}
                     $('#adherent_startDate').val('');
                {% endif %}
                $('.btn-show-calcul').prop('disabled', true);

            {% endif %}
        });

        $(document).on('click', '.show-regulation-list', function () {
            let popoverRegulatioList = $('.popover-regulation-list');
            if (popoverRegulatioList.css("display") === "block") {
                popoverRegulatioList.css("display", "none");
            } else {
                popoverRegulatioList.css("display", "block");
            }
        });

        // masque la (popover) lorsqu'un clic a lieu en dehors du bouton "Liste des prélèvements" ou de la fenêtre contextuelle elle-même
        $(document).click(function (event) {
            var target = ($(event.target).is('i') && $(event.target).closest(".btn-list-taking").length == 1) ? $(event.target).closest(".btn-list-taking") : $(event.target);
            if (!(target.hasClass('btn-list-taking')))
                $('.popover').css("display", "none");

        });

        $(document).on('keypress','.input-only-numeric', function(e) {
            var charCode = (e.which) ? e.which : event.keyCode;
            return checkNumericInput(charCode);
        });

        // générer une liste d'échéances en fonction de la date de début, de la date de validité et du type de régulation sélectionné.
        function list_prelevement() {
            let listEcheance = [],
                dates = $('#adherent_startDate').val().split('-'),
                startDate = new Date(dates[2] + '-' + dates[1] + '-' + dates[0]),
                endDate = $('#adherent_validiteDate').val(),
                typeRegulation = $('#adherent_regulation').val(),
                dayStart = startDate.getDate(),
                elementDate, yearStart, newMonth, itemDate;

            if (startDate != 'Invalid Date' && endDate != '' && typeRegulation != '') {
                $('.bloc-taking-list').show();
                if (dayStart > 1) {
                    startDate.setMonth(startDate.getMonth() + 2);
                    newMonth = startDate.getMonth();
                    yearStart = startDate.getFullYear();
                    dayStart = 1;
                    startDate = new Date(yearStart + '-' + newMonth + '-' + dayStart);
                }
                let echeance_start_date = moment(startDate, 'DD-MM-YYYY'),
                    echeance_end_date = moment(endDate, 'DD-MM-YYYY'),
                    monthDiff = echeance_end_date.diff(echeance_start_date, 'months') + 1;
                if (typeRegulation == "Prélèvement X1") {
                    $('.bloc-taking-list').show();
                    listEcheance = [];
                    elementDate = moment(new Date(addDaysToDate(startDate, 1))).format('DD-MM-YYYY');
                    listEcheance.push(elementDate);
                } else if (typeRegulation == "Prélèvements X4") {
                    $('.bloc-taking-list').show();
                    listEcheance = [];
                    itemDate = new Date(addDaysToDate(startDate, 1));
                    elementDate = moment(itemDate).format('DD-MM-YYYY');
                    for (let i = 0; i < 4; i++) {
                        listEcheance.push(elementDate);
                        itemDate = new Date(itemDate.setMonth(itemDate.getMonth() + 3));
                        elementDate = moment(itemDate).format('DD-MM-YYYY');
                    }
                } else if (typeRegulation == "Prélèvements X12") {
                    $('.bloc-taking-list').show();
                    listEcheance = [];
                    itemDate = new Date(addDaysToDate(startDate, 1));
                    elementDate = moment(itemDate).format('DD-MM-YYYY');
                    for (let i = 0; i < monthDiff; i++) {
                        listEcheance.push(elementDate);
                        itemDate = new Date(itemDate.setMonth(itemDate.getMonth() + 1));
                        elementDate = moment(itemDate).format('DD-MM-YYYY');
                    }
                } else {
                    $('.bloc-taking-list').hide();
                }
                $('.popover-regulation-list .popover-body').empty();
                // Ajouter des éléments HTML contenant les échéances à un élément avec la classe '.popover-regulation-list .popover-body'
                for (let item in listEcheance) {
                    $('.popover-regulation-list .popover-body').append('<a class="btn btn-primary btn-xs taking-date m-r-5" href="#">' + listEcheance[item] + ' </a>');
                }
            } else {
                $('.bloc-taking-list').hide();
            }
        }

        function verifyDate(date){
            let start_date = moment(date, "DD-MM-YYYY").format('DD-MM-YYYY');
                if (date == '') {
                    $('.adherent_validiteDate').val('')
                } else {
                   let date = moment(start_date, "DD-MM-YYYY").add(1, 'years').subtract(1, 'day').format('DD-MM-YYYY');
                   $('.adherent_validiteDate').val(moment(date, "DD-MM-YYYY").format('DD-MM-YYYY'));
                }
            list_prelevement();
        }

        //ajouter un zéro à gauche si le code postale et de 4 chiffre
        function verifyPostalCode() {
            var postal_code = $(".adherent_zipcode").val();
            if (postal_code.length == 4) {
                postal_code = ('0' + postal_code);
                $(".adherent_zipcode").val(postal_code);
            }
        }

        function checkStartDate(date) {
            valideDate = true;
            {% if userId > 0 %}
                valideDate = true;
            {% else %}
            var currentDate = new Date();
            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(currentDate, "DD-MM-YYYY")).getMonth(),
                currentyear = new Date(moment(currentDate, "DD-MM-YYYY")).getFullYear();
            if (year > currentyear) {
                if (day != 1) {
                    valideDate = false;
                }
            } else if (year == currentyear) {
                if (day != 1 || month <= currentmonth) {
                    valideDate = false;
                }
            } else {
                valideDate = false;
            }
            {% endif %}
            return valideDate
        }

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

        //Vérifier si le num mobile exsite ou nn dans la base
        function checkExistMobile() {
            let mobile = $('.adherent_mobile').val(),
                exist = "";
            {% if userId > 0 %}
            userId = "{{ userId }}";
            {% else %}
            userId = "";
            {% endif %}
            $.ajax({
                url: "{{ api_adherent_internal_link }}/adherent/checkExistMobile",
                method: 'GET',
                async: false,
                data: {
                    mobile: mobile,
                    userId: userId,
                },
                success: function (response) {
                    if (response.data === true) {
                        exist = false;
                    } else {
                        exist = true;
                        showNotify("Avertissement", "Le numéro de mobile existe déjà !", 'warning');
                    }
                }
            });
            return exist;
        }

        // Fonction pour vérifier si une adresse e-mail existe déjà
        function checkExistEmail() {
            let email = $('.adherent_email').val(),
                exist = "";
            // Vérifier si un identifiant d'utilisateur (userId) est disponible
            // pour déterminer si l'opération est une création ou une mise à jour
            {% if userId > 0 %}
            userId = "{{ userId }}";
            {% else %}
            userId = "";
            {% endif %}
            // Effectuer une requête AJAX pour vérifier si l'adresse e-mail existe déjà
            $.ajax({
                url: "{{ api_adherent_internal_link }}/adherent/checkExistEmail",
                method: 'GET',
                async: false,
                data: {
                    email: email,
                    userId: userId,
                },
                success: function (response) {
                    if (response.data === true) {
                        exist = false;
                    } else {
                        exist = true;
                        showNotify("Avertissement", "L'adresse e-mail existe déjà, veuillez saisir une adresse e-mail valide", 'warning');
                    }
                }
            });
            // Retourner la valeur "exist", qui indique si l'adresse e-mail existe déjà ou non
            return exist;
        }

        // Fonction pour vérifier si RUM existe déjà
        function checkExistRum(){
            let rum= $('.adherent_rum').val(),
                existRum="";
            {% if userId > 0 %}
            userId = "{{ userId }}";
            user_login = "{{ data['user_login'] }}";
            {% else %}
            userId = "";
            user_login = "";
            {% endif %}
            if (rum !=="") {
                $.ajax({
                    url: "{{ api_adherent_internal_link }}/adherent/checkExistRum",
                    method: 'GET',
                    async: false,
                    data: {
                        rum: rum,
                        userId: userId,
                        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;
            }

        }

    </script>
    <script>
        var currentDate = new Date();
        // Calculer la date de début du mois suivant
        var startDateFrom = new Date(currentDate.getFullYear(),currentDate.getMonth()+1,1);
        // Tableau des jours de la semaine à désactiver (0 pour dimanche, 1 pour lundi, etc.)
        var eventDates   = [0,1,2,3,4,5,6];
        // Initialiser le datepicker avec des options personnalisées
        $('#adherent_startDate').datepicker({
            dateFormat: 'dd-mm-yyyy',
            minDate: startDateFrom,
            onRenderCell: function (date, cellType) {
                var disabled = false;
                if (cellType == 'day' && date.getDate() != 1 ){
                    // Vérifier si le jour de la semaine est dans le tableau des jours à désactiver
                    disabled = eventDates.indexOf(date.getDay()) != -1;
                }
                // Retourner un objet avec la propriété "disabled" pour désactiver ou activer le jour
                return {disabled: disabled}
            }
        });

        $(document).on('change', '#adherent_regulation', function () {
            list_prelevement();
            let date = $(".adherent_startDate").val();

            verifyDate(date,$(this).val());
            if ($(this).val() == "Prélèvement X1" ||$(this).val() == "Prélèvements X4" || $(this).val() == "Prélèvements X12"){
                $('.label_adherent_bic').addClass('required');
                $('.label_adherent_iban').addClass('required');
                $('.label_adherent_mandateDate').addClass('required');

                $('.adherent_bic').addClass('check-input-required');
                $('.adherent_iban').addClass('check-input-required');
                $('.adherent_mandateDate').addClass('check-input-required');

            } else{
                $('.label_adherent_bic').removeClass('required');
                $('.label_adherent_iban').removeClass('required');
                $('.label_adherent_mandateDate').removeClass('required');

                $('.adherent_bic').removeClass('check-input-required');
                $('.adherent_iban').removeClass('check-input-required');
                $('.adherent_mandateDate').removeClass('check-input-required');
            }
        });

        $(document).on('change', '#adherent_startDate', function () {
            let date = $(".adherent_startDate").val();
            if (date !== "") {
                let validate = checkStartDate(date);
                if (validate) {
                    $('.alert_adherent_startDate').show().text("");
                    $('#adherent_startDate').css('border', '1px solid #E6E8EB');
                    verifyDate(date);
                } else {
                    $('.alert_adherent_startDate').show().text("Date invalide !");
                    $('#adherent_startDate').css('border', '1px solid #dc3545');
                    $('.adherent_validiteDate').val('');
                }
            }

        });

        //generation de la liste de prélevement
        $(document).on('change', '#adherent_regulation', function () {
            list_prelevement();
        });

        //remplissage du champ intitilé automatiquement par le nom et prénom de l'adhérent
        $('.adherent_first_name ,.adherent_last_name').keyup(function () {
            $(".adherent_intitule").val($('.adherent_first_name').val() + ' ' + $('.adherent_last_name').val());
        });

        //MAJ calcul en fonction de l'offre
        $(document).on('change', '.adherent_offer', function () {
            let offerRef = "",
                selectedOfferRef = $(this).val();
            {% for price in offerPrice %}
            offerRef = "{{ price.ref }}";
            if (offerRef == selectedOfferRef){
                $('.adherent_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 == ""){
                $('.adherent_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
        });

        //determiner la date fin contart, maj les montant, maj liste des prélevement,.. selon choix de la date début
        $(".adherent_startDate").datepicker({
            onSelect: function (dateText) {
                // Formatage de la date sélectionnée au format 'DD-MM-YYYY'
                let start_date = moment(dateText, "DD-MM-YYYY").format('DD-MM-YYYY');
                if (start_date !== "") {
                    // Vérification de la validité de la date de début
                    let validate = checkStartDate(start_date);
                    if (validate) {
                        $('.alert_adherent_startDate').show().text("");
                        $('#adherent_startDate').css('border', '1px solid #E6E8EB');
                        let date = moment(start_date, "DD-MM-YYYY").add(1, 'years').subtract(1, 'day').format('DD-MM-YYYY');
                        $('.adherent_validiteDate').val(moment(date, "DD-MM-YYYY").format('DD-MM-YYYY'));
                    }
                    //appeler la fonction pour générer la liste de prélevements
                    list_prelevement();
                } else {
                    // Afficher un message d'erreur si la date de début n'est pas valide
                    $('.alert_adherent_startDate').show().text("Date invalide !");
                    $('#adherent_startDate').css('border', '1px solid #dc3545');
                    $('.adherent_validiteDate').val('');
                }
            }
        });

        //si l'adhérent possède une demande de réabonnement ouvrir un swall
        // pour informer l user de prendre en considération les chagement ou nn
        if (resubscriptionId != 0) {
            adressResubscription = "";
            $(document).on('change', '#adherent_address', function () {
                adressResubscription = $('#adherent_address').val();
            });
            zipcodeResubscription = "";
            $(document).on('change', '#adherent_zipcode', function () {
                zipcodeResubscription = $('#adherent_zipcode').val();
            });
            bicResubscription = "";
            $(document).on('change', '#adherent_bic', function () {
                bicResubscription = $('#adherent_bic').val();
            });
            ibanResubscription = "";
            $(document).on('change', '#adherent_iban', function () {
                ibanResubscription = $('#adherent_iban').val();
            });
            mandateDateResubscription = "";
            $(document).on('change', '#adherent_mandateDate', function () {
                mandateDateResubscription = $('#adherent_mandateDate').val();
            });
            cityResubscription = "";
            $(document).on('change', '#adherent_city', function () {
                cityResubscription = $('#adherent_city').val();
            });
        }

        $(document).on('click', '.btn-validate-action', function () {
            let rum = $('.adherent_rum').val(),
                date = $('.adherent_startDate').val(),
                bool = verifyRequiredFieldsAlert();
            if (date !== "") {
                let valideDate = checkStartDate(date);
                if (!valideDate) {
                    $('#adherent_startDate').css('border', '1px solid #dc3545');
                    $('.alert_adherent_startDate').show().text("Date invalide !");
                    bool = false;
                }
            } else {
                bool = false;
            }
            // Vérification de l'existence de l'email, du numéro de mobile et du RUM
            if (bool) {
                result = checkExistEmail();
                resultMobile = checkExistMobile();
                resultRum=true;
                // Vérification du RUM (s'il n'est pas vide)
                if (rum !== "" || rum !== null){
                    resultRum = checkExistRum();
                }
                if (!result && !resultMobile && !resultRum) {
                    // Création d'un objet FormData pour envoyer les données du formulaire
                    let formData = new FormData(document.getElementById('adherent_post_form'));
                    // Détermination de la région en fonction du code postal
                    if (postal_Code_Ile_France.indexOf($(".adherent_zipcode").val()) !== -1) {
                        formData.set("adherent[region]", 'Ile de France');
                    } else {
                        formData.set("adherent[region]", 'Province');
                    }
                    {% if userId == "" %}
                    let data = document.getElementById("adherent_regulation"),
                        offer_ref = document.getElementById('adherent_offer').value,
                        value = data.options[data.selectedIndex].text;
                    // Détermination du niveau de service en fonction de l'offre sélectionnée
                    if (offer_ref == "SERENITE" || offer_ref == "SERENITE_REDUIT" || offer_ref == "VIP") {
                        formData.set("adherent[level_service]", 4);
                        formData.set("adherent[offer]", "sérénité");
                    } else if (offer_ref=="PROTECTION_OPTIMAL") {
                        formData.set("adherent[level_service]", 3);
                        formData.set("adherent[offer]", "protection optimale");
                    } else if (offer_ref=="VIE_QUOTIDIENNE") {
                        formData.set("adherent[level_service]", 2);
                        formData.set("adherent[offer]", "vie quotidienne");
                    } else if (offer_ref=="CLUB_ACMF") {
                        formData.set("adherent[level_service]", 1);
                        formData.set("adherent[offer]", "club acmf");
                    }else {
                        formData.set("adherent[level_service]", 1);
                        formData.set("adherent[offer]", "adhésion");
                    }
                    if (value == "Prélèvements X12") {
                        formData.set("adherent[nbEcheance]", 12);
                        formData.set("adherent[type_regulation]", "Prélèvement /SEPA");
                    } else if (value == "Prélèvement X1") {
                        formData.set("adherent[nbEcheance]", 1);
                        formData.set("adherent[type_regulation]", "Prélèvement /SEPA");
                    } else if (value == "Prélèvements X4") {
                        formData.set("adherent[nbEcheance]", 4);
                        formData.set("adherent[type_regulation]", "Prélèvement /SEPA");
                    } else if (value == "Chèque") {
                        formData.set("adherent[nbEcheance]", 1);
                        formData.set("adherent[type_regulation]", "Chèque");
                    } else if (value == "Carte bancaire") {
                        formData.set("adherent[nbEcheance]", 1);
                        formData.set("adherent[type_regulation]", "CB");
                    } else {
                        formData.set("adherent[nbEcheance]", 1);
                        formData.set("adherent[type_regulation]", "Autre");
                    }
                    formData.set("adherent[offer_ref]", offer_ref);
                    {% endif %}

                    {% if is_granted('ROLE_WATCHER') %}
                    formData.set("adherent[role]", 1);
                    {% else %}
                    formData.set("adherent[role]", 0);
                    {% endif %}
                    // Définition de la devise, de la référence d'offre et du code pays
                    formData.set("adherent[currency]", "EUR");
                    formData.set("adherent[country_code]", $('.adherent_country').find(':selected').attr('data-code'));

                    {% if userId == "" %}
                        // Envoi des données du nouveau adherent à l'api
                        $.ajax({
                            url: "{{ api_adherent_internal_link }}/adherent/add",
                            method: 'POST',
                            enctype: 'multipart/form-data',
                            data: formData,
                            processData: false,
                            contentType: false,
                            cache: false,
                            success: function (response) {
                                if (response.status === 200) {
                                    showNotify('Succès', response.message, "info");
                                    location.href = ("{{ path('adherent_list') }}");
                                } else if (response.status === 500) {
                                    showNotify('Avertissement', response.message, 'warning');
                                } else {
                                    showNotify("Erreur", 'Merci de contacter l\'admin!', 'danger');
                                }
                            }
                        });
                    {% else %}
                        // Modification d'un adhérent existant
                        let id = {{ data['id'] }};
                        formData.set("adherent[id]", id);
                        $.ajax({
                            url: "{{ api_adherent_internal_link }}/adherent/edit",
                            method: 'POST',
                            enctype: 'multipart/form-data',
                            async: false,
                            data: formData,
                            processData: false,
                            contentType: false,
                            cache: false,
                            success: function (response) {
                                if (response.status === 200) {
                                    showNotify('Succès', response.message, "info");
                                    // Vérification du cas de renouvellement d'adhésion
                                    if (resubscriptionId != 0) {
                                        updateResubscriptionAction(resubscriptionId,adressResubscription,zipcodeResubscription,cityResubscription,bicResubscription,ibanResubscription,mandateDateResubscription,id, "{{ api_adherent_internal_link }}/adherent/update_resubscription" , function (response) {
                                            location.href = ("{{ path('adherent_list') }}");
                                        });
                                    }else{
                                        location.href = ("{{ path('adherent_list') }}");
                                    }
                                } else if (response.status === 500) {
                                    showNotify('Avertissement', response.message, 'warning');
                                } else {
                                    showNotify("Erreur", 'Merci de contacter l\'admin!', 'danger');
                                }
                            }
                        });
                    {% endif %}
                }
            }
        });
    </script>

{% endblock %}