{% set planification = equipement.getEquipementPreferencesPlanification %}
<div class="px-2 py-2 bg-white color-primary w-100 h-100 block-infos-container d-flex flex-column preferences_planification {{ nbEquipementsActif == 1 ? 'minim' : '' }}" style="gap:0.7rem;">
    <div class="d-flex flex-wrap justify-content-between"  style="gap:0.7rem;">
        <div class="d-flex align-items-center">
            <label class="me-1">A partir du</label>
            <input type="date"  style="width:115px;" max="{{ planification and planification.getDateEntreDebut ? planification.getDateEntreDebut|date('Y-m-d') : planification and planification.getDateAvantLe ? planification.getDateAvantLe|date('Y-m-d') : ''  }}" data-disable-on-view="" name="date_a_partir_du-{{ equipement.id }}" data-idequipement="{{ equipement.id }}"  class="form-control bg-grey px-0 pref_a_partir_du planification-{{ equipement.id }}" value="{{planification and planification.getDateAPartirDu ? planification.getDateAPartirDu|date("Y-m-d") :  '' }}" form="form_client_update">
        </div>
        <div class="d-flex align-items-center">
            <label class="me-1">Avant le</label>
            <input type="date"  style="width:115px" min="{{ planification and planification.getDateEntreFin ? planification.getDateEntreFin|date('Y-m-d') :  planification and planification.getDateAPartirDu ? planification.getDateAPartirDu|date('Y-m-d') : ''  }}"  data-disable-on-view="" name="date_avant_le-{{ equipement.id }}" data-idequipement="{{ equipement.id }}"  class="form-control bg-grey px-0 pref_avant_le planification-{{ equipement.id }}" value="{{planification and planification.getDateAvantLe ? planification.getDateAvantLe|date("Y-m-d") : '' }}" form="form_client_update">
        </div>
        <div class="d-flex align-items-center" >
            <label class="me-1">Entre</label>
            <input type="date"  style="width:115px"  data-disable-on-view="" min="{{ planification and planification.getDateAPartirDu ? planification.getDateAPartirDu|date('Y-m-d')  : ''  }}" max="{{  planification and  planification.getDateAvantLe? planification.getDateAvantLe|date('Y-m-d')  : ''  }}"  name="date_entre_debut-{{ equipement.id }}" data-idequipement="{{ equipement.id }}"   class="form-control bg-grey px-0 pref_entre_debut planification-{{ equipement.id }}" value="{{planification and planification.getDateEntreDebut ? planification.getDateEntreDebut|date("Y-m-d") : '' }}" form="form_client_update">
            &nbsp;et &nbsp; <input type="date"  style="width:115px"  data-disable-on-view="" max="{{ planification and planification.getDateAvantLe ? planification.getDateAvantLe|date('Y-m-d')  : ''  }}" min="{{ planification and planification.getDateAPartirDu  ? planification.getDateAPartirDu|date('Y-m-d')  : ''  }}"  data-idequipement="{{ equipement.id }}"  name="date_entre_fin-{{ equipement.id }}"  class="form-control bg-grey px-0 pref_entre_fin planification-{{ equipement.id }}" value="{{planification and planification.getDateEntreFin? planification.getDateEntreFin|date("Y-m-d") : '' }}" form="form_client_update">
        </div>
    </div>
    <div class="d-flex flex-wrap justify-content-between" style="gap:0.2rem;">
        <div class="d-flex align-items-center">
            <label  class="me-1">Planifier</label>
            <select class="form-control w-auto planification-{{ equipement.id }}" name="planifier_preference-{{ equipement.id }}" data-disable-on-view="" form="form_client_update">
                <option value="Indifférent" {{ 'Indifférent' == planification.getPlanifierPreference|default('') ? 'selected' : '' }}>Indifférent</option>
                <option value="uniquement" {{ 'uniquement' == planification.getPlanifierPreference|default('') ? 'selected' : '' }}>uniquement</option>
                <option value="jamais" {{ 'jamais' == planification.getPlanifierPreference|default('') ? 'selected' : '' }}>jamais</option>
                <option value="de préférence" {{ 'de préférence' == planification.getPlanifierPreference|default('') ? 'selected' : '' }}>de préférence</option>
            </select>
        </div>
        <div class="d-flex align-items-center">
            <label class="me-1">le</label>
            <select multiple  data-width="100%" class="form-control me-2 w-auto my-select-multiple planification-multiple-{{ equipement.id }}" name="planifier_jour-{{ equipement.id }}[]" style="width:200px;" data-disable-on-view="" form="form_client_update">
                <option value="" {{ '' == planification.getPlanifierJour|default('') ? 'selected' : '' }}></option>
                <option value="Lundi" {{ 'Lundi' in planification.getPlanifierJour|default('') ? 'selected' : '' }}>Lundi</option>
                <option value="Mardi" {{ 'Mardi' in planification.getPlanifierJour|default('') ? 'selected' : '' }}>Mardi</option>
                <option value="Mercredi" {{ 'Mercredi' in planification.getPlanifierJour|default('') ? 'selected' : '' }}>Mercredi</option>
                <option value="Jeudi" {{ 'Jeudi' in planification.getPlanifierJour|default('') ? 'selected' : '' }}>Jeudi</option>
                <option value="Vendredi" {{ 'Vendredi' in planification.getPlanifierJour|default('') ? 'selected' : '' }}>Vendredi</option>
                <option value="Samedi" {{ 'Samedi' in planification.getPlanifierJour|default('') ? 'selected' : '' }}>Samedi</option>
            </select>

            <select class="form-control me-2 w-auto planification-{{ equipement.id }}" name="planifier_partie_journee-{{ equipement.id }}" data-disable-on-view="" form="form_client_update">
                <option value="Indifférent" {{ 'Indifférent' == planification.getPlanifierPartieJournee|default('') ? 'selected' : '' }}>Indifférent</option>
                <option value="Matin" {{ 'Matin' == planification.getPlanifierPartieJournee|default('') ? 'selected' : '' }}>Matin
                <option value="Après midi" {{ 'Après midi' == planification.getPlanifierPartieJournee|default('') ? 'selected' : '' }}>Après midi</option>
            </select>
            <select class="form-control me-2 w-auto planification-{{ equipement.id }}" name="planifier_avant_apres-{{ equipement.id }}" data-disable-on-view="" form="form_client_update">
                <option value="Indifférent" {{ 'Indifférent' == planification.getPlanifierAvantApres|default('') ? 'selected' : '' }}>Indifférent</option>
                <option value="Avant" {{ 'Avant' == planification.getPlanifierAvantApres|default('') ? 'selected' : '' }}>Avant
                <option value="Après" {{ 'Après' == planification.getPlanifierAvantApres|default('') ? 'selected' : '' }}>Après</option>
            </select>

            <!-- Sélecteur d'heures -->
            <select name="planifier_heure-{{ equipement.id }}" class="form-control planification-{{ equipement.id }}" data-disable-on-view="" form="form_client_update" style="width:39px">
                <option value=""></option>
                {% for hour in 0..23 %}
                    <option value="{{ "%02d"|format(hour) }}"  {{ "%02d"|format(hour) == planification.getPlanifierHeure|default('') ? 'selected' : '' }}>{{  "%02d"|format(hour) }}</option>
                {% endfor %}
            </select>&nbsp;:&nbsp;

            <!-- Sélecteur de minutes -->
            <select name="planifier_minute-{{ equipement.id }}"   class="form-control planification-{{ equipement.id }}" data-disable-on-view="" form="form_client_update" style="width:39px">
                <option value=""></option>
                {% for minute in 0..59 %}
                    <option value="{{ "%02d"|format(minute) }}"  {{ "%02d"|format(minute) == planification.getPlanifierMinute|default('') ? 'selected' : '' }}>{{  "%02d"|format(minute) }}</option>
                {% endfor %}
            </select>
        </div>
        {% if client.equipements|length > 1 %}
            <button  class="btn btn-md btn-block btn-success align-self-center ms-auto"  {{ disabled }} data-disable-on-view="" data-poppup-container="body" data-popup-id="popup-preference-plannification-{{ equipement.id }}" data-dxpopup="" data-popup-title="Gestion des préférences de planification" data-popup-width="auto">Gestion</button>
        {% endif %}
        <button title="remettre à 0 les préférences" data-disable-on-view="" data-confirm="1" data-js="$('.planification-{{ equipement.id }}').val('');$('select.planification-multiple-{{ equipement.id }}').val('');$('select.planification-multiple-{{ equipement.id }}').selectpicker('refresh');$('select.planification-{{ equipement.id }}').each(function(e){$(this).find('option:first').prop('selected',true);});" data-message="Etes vous sur de vouloir vider les préférences de plannification?" data-href="" class="align-self-center btn bg-orange" style="font-size: 0.8rem;" ><i class="fa fa-undo bg-orange"> </i></button>
    </div>
</div>