{% set planification = equipement.getEquipementPreferencesPlanification %}
{% set secteur = equipement.getSecteur %}
{% set readonly = consultation_only|default(false) %}
<div id="popup_pref_planification_{{ equipement.id }}" style="display: none;">
    <form  class="form  mt-0 px-2 " id="form-preferences-planification_{{ equipement.id }}" action="{{ path('equipement_maj_preferences_planification', {'id': equipement.id}) }}" method="post" style="width:630px" >
        <div class="color-primary fw-600">Dates</div>
        <div class="border-top-grey  my-2"></div>
        <div class="d-flex ps-4 flex-column">
            <div class="d-flex">
                <div class="d-flex align-items-center me-3" >
                    <label style="margin-right: 1rem">Planifier entre le</label>
                    <input type="text" {{ readonly ? 'disabled' : '' }} style="width:115px;font-size:13px;" data-format="{{ planification and planification.getInclusionRecurrente ? 'dd MM' : 'dd/mm/yy'}}" class="form-control input-datepicker pref_entre_debut"  id="planification_entre_debut"  data-min="{{ planification and not planification.getDateEntreDebut and planification.getDateAPartirDu ? planification.getDateAPartirDu|date('d/m/Y')  : ''  }}" data-max="{{  planification and  planification.getDateEntreFin? planification.getDateEntreFin|date('d/m/Y')  : ''  }}"  name="date_entre_debut"   class="form-control bg-grey px-0 pref_entre_debut planification " value="{{planification and planification.getDateEntreDebut ?  (planification.getInclusionRecurrente ? planification.getDateEntreDebut|format_datetime(locale='fr',pattern="dd MMMM") : planification.getDateEntreDebut|date('d/m/Y'))  : '' }}" >
                    &nbsp;et le &nbsp; <input type="text" {{ readonly ? 'disabled' : '' }} style="width:115px;font-size:13px;" data-format="{{ planification and planification.getInclusionRecurrente ? 'dd MM' : 'dd/mm/yy'}}" class="form-control input-datepicker pref_entre_fin" id="planification_entre_fin"  data-max="{{ planification and not planification.getDateEntreFin and planification.getDateAvantLe ? planification.getDateAvantLe|date('d/m/Y')  : ''  }}" data-min="{{ planification and planification.getDateEntreDebut  ? planification.getDateEntreDebut|date('d/m/Y')  : ''  }}"   name="date_entre_fin"  class="form-control bg-grey px-0 pref_entre_fin planification " value="{{planification and planification.getDateEntreFin ?  (planification.getInclusionRecurrente ? planification.getDateEntreFin|format_datetime(locale='fr',pattern="dd MMMM") : planification.getDateEntreFin|date('d/m/Y')) : '' }}" >
                </div>
                <div class="form-check" style="margin-right:2.5rem;">
                    <input class="form-check-input input_recurrente" {{ readonly ? 'disabled' : '' }} value='oui' id="inclusion_recurrente"  {{  planification and planification.getInclusionRecurrente ? 'checked' : '' }} name="inclusion_recurrente" type="checkbox" value=""  style="margin-top:0.6rem;">
                    <label class="form-check-label me-1 " for="inclusion_recurrente" style="padding-top: 0.4rem;">Dates récurrentes</label>
                </div>
            </div>
            <div class="form-check mb-4" style="margin-right:1rem;">
                <input class="form-check-input" {{ readonly ? 'disabled' : '' }} value='oui'  {{  planification and planification.getUniquementScolaire ? 'checked' : '' }} name="uniquement_scolaire" type="checkbox" value=""  style="margin-top:0.6rem;">
                <label class="form-check-label me-1 " for="uniquement_scolaiuniquement_scolairere" style="padding-top: 0.4rem;">Planifier uniquement pendant les vacances scolaires</label>
            </div>
        </div>
        <div class="ps-4">
            <div class="d-flex align-items-center me-3 mb-3">
                <label class="me-3"> Planifier avant le</label>
                <input type="text" {{ readonly ? 'disabled' : '' }} style="width:115px;font-size:13px;" data-format="{{ planification and planification.getAvantRecurrente ? 'dd MM' : 'dd/mm/yy'}}" class="form-control input-datepicker pref_avant_le"  id="date_avant_le" data-max="{{ planification and planification.getDateEntreFin ? planification.getDateEntreFin|date('d/m/Y') :  planification and planification.getDateAPartirDu ? planification.getDateAPartirDu|date('d/m/Y') : ''  }}"  name="date_avant_le"  class="form-control bg-grey px-0 pref_avant_le planification" value="{{planification and planification.getDateAvantLe ? (planification.getAvantRecurrente ? planification.getDateAvantLe|format_datetime(locale='fr',pattern="dd MMMM") : planification.getDateAvantLe|date('d/m/Y')) : '' }}" >
                <div class="form-check ms-3" style="margin-right:2.5rem;">
                    <input class="form-check-input" {{ readonly ? 'disabled' : '' }} value='oui' id="avant_recurrente" {{  planification and planification.getAvantRecurrente ? 'checked' : '' }}  name="avant_recurrente" type="checkbox" value=""  style="margin-top:0.6rem;">
                    <label class="form-check-label me-1 " for="avant_recurrente" style="padding-top: 0.4rem;">Récurrent</label>
                </div>
            </div>
            <div class="d-flex align-items-center me-3">
                <label class="me-3">Planifier après le</label>
                <input type="text" {{ readonly ? 'disabled' : '' }} style="width:115px;font-size:13px;" data-format="{{ planification and planification.getApresRecurrente ? 'dd MM' : 'dd/mm/yy'}}"  class="form-control input-datepicker pref_a_partir_du"  id="date_apres_le" data-min="{{ planification and planification.getDateEntreDebut ? planification.getDateEntreDebut|date('d/m/Y') : planification and planification.getDateAvantLe ? planification.getDateAvantLe|date('d/m/Y') : ''  }}" name="date_a_partir_du" class="form-control bg-grey px-0 pref_a_partir_du planification" value="{{planification and planification.getDateAPartirDu ? (planification.getApresRecurrente ? planification.getDateAPartirDu|format_datetime(locale='fr',pattern="dd MMMM") : planification.getDateAPartirDu|date('d/m/Y'))  :  '' }}">
                <div class="form-check ms-3" style="margin-right:2.5rem;">
                    <input class="form-check-input" {{ readonly ? 'disabled' : '' }} value='oui' id="apres_recurrente" {{  planification and planification.getApresRecurrente ? 'checked' : '' }}  name="apres_recurrente" type="checkbox" value=""  style="margin-top:0.6rem;">
                    <label class="form-check-label me-1 " for="apres_recurrente" style="padding-top: 0.4rem;">Récurrent</label>
                </div>
            </div>
        </div>

        <div class="color-primary fw-600 mt-4 ">Jour de planification</div>
        <div class="border-top-grey  my-2"></div>
        <div class="d-flex ps-4">
            <div class="d-flex align-items-center">
                <label  class="me-3">Planifier</label>
                <select class="form-control w-auto planification me-3" {{ readonly ? 'disabled' : '' }} name="planifier_preference">
                    <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">
                <div class="form-check" style="margin-right:0.5rem;">
                    <input class="form-check-input" {{ readonly ? 'disabled' : '' }} value='Lundi' id="planifier_jour_lundi" name="planifier_jour[]" {{ 'Lundi' in planification.getPlanifierJour|default('') ? 'checked' : '' }} type="checkbox" value=""  style="margin-top:0.6rem;">
                    <label class="form-check-label me-1 " for="planifier_jour_lundi" style="padding-top: 0.4rem;">Lundi</label>
                </div>
                <div class="form-check" style="margin-right:0.5rem;">
                    <input class="form-check-input" {{ readonly ? 'disabled' : '' }} value='Mardi' id="planifier_jour_mardi" name="planifier_jour[]" type="checkbox" value="" {{ 'Mardi' in planification.getPlanifierJour|default('') ? 'checked' : '' }}  style="margin-top:0.6rem;">
                    <label class="form-check-label me-1 " for="planifier_jour_mardi" style="padding-top: 0.4rem;">Mardi</label>
                </div>
                <div class="form-check" style="margin-right:0.5rem;">
                    <input class="form-check-input" {{ readonly ? 'disabled' : '' }} value='Mercredi' id="planifier_jour_mercredi" name="planifier_jour[]" type="checkbox" value="" {{ 'Mercredi' in planification.getPlanifierJour|default('') ? 'checked' : '' }} style="margin-top:0.6rem;">
                    <label class="form-check-label me-1 " for="planifier_jour_mercredi" style="padding-top: 0.4rem;">Mercredi</label>
                </div>
                <div class="form-check" style="margin-right:0.5rem;">
                    <input class="form-check-input" {{ readonly ? 'disabled' : '' }} value='Jeudi' id="planifier_jour_Jeudi" name="planifier_jour[]" type="checkbox" value="" {{ 'Jeudi' in planification.getPlanifierJour|default('') ? 'checked' : '' }} style="margin-top:0.6rem;">
                    <label class="form-check-label me-1 " for="planifier_jour_Jeudi" style="padding-top: 0.4rem;">Jeudi</label>
                </div>
                <div class="form-check" style="margin-right:0.5rem;">
                    <input class="form-check-input" {{ readonly ? 'disabled' : '' }} value='Vendredi' id="planifier_jour_Vendredi" name="planifier_jour[]" type="checkbox" value="" {{ 'Vendredi' in planification.getPlanifierJour|default('') ? 'checked' : '' }} style="margin-top:0.6rem;">
                    <label class="form-check-label me-1 " for="planifier_jour_Vendredi" style="padding-top: 0.4rem;">Vendredi</label>
                </div>
            </div>
        </div>

        <div class="color-primary fw-600 mt-3 ">Moment de la journée</div>
        <div class="border-top-grey  my-2"></div>
        <div class="d-flex ps-4">
            <div class="d-flex align-items-center">
                <label  class="me-3">Planifier</label>
                <select class="form-control me-2 w-auto planification me-3" {{ readonly ? 'disabled' : '' }} name="planifier_partie_journee" style="width:104px!important">
                    <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>
            </div>
            <div class="form-check" style="margin-right:1rem;">
                <input class="form-check-input" {{ readonly ? 'disabled' : '' }} value='oui' id="premiere_visite" {{  planification and planification.getPremiereVisite ? 'checked' : '' }} name="premiere_visite" type="checkbox" value=""  style="margin-top:0.6rem;">
                <label class="form-check-label  " for="premiere_visite" style="padding-top: 0.4rem;">Première visite </label>
            </div>
            <!-- à gérer selon planning -->
            {% if equipement.getSite.UsePlageHoraire %}
            <div class="color-grey-dark align-self-center me-3">-ou-</div>
            <div class="d-flex align-items-center">
                <label  class="me-3">Plage horaire</label>
                <select class="form-control me-2 w-auto " {{ readonly ? 'disabled' : '' }} name="planifier_plage_horaire" >
                    <option value="" {{ '' ==  planification.getHorairePassage|default('') ? 'selected' : '' }}></option>
                    {% for horaire in equipement.getSite.getHorairePassage %}
                    <option value="{{ horaire.id }}" {{ horaire.id ==  planification.getHorairePassage.id|default('') ? 'selected' : '' }}>{{ horaire.getLisibleHoraires }}</option>
                    {% endfor %}
                </select>
            </div>
            {% endif %}
        </div>
        <div class="color-primary fw-600 mt-3 ">Agent</div>
        <div class="border-top-grey  my-2"></div>
        <div class="d-flex ps-4 flex-column">
            <div class="d-flex align-items-center">
                {% if secteur %}
                <label  class="me-3">Planifier</label>
                <select class="form-control w-auto " {{ readonly ? 'disabled' : '' }} name="planifier_agent">
                    <option value="Indifférent" {{ 'Indifférent' ==  planification.getPlanifierAgent|default('') ? 'selected' : '' }}>Indifférent</option>
                    <option value="uniquement" {{ 'uniquement' ==  planification.getPlanifierAgent|default('') ? 'selected' : '' }}>uniquement</option>
                    <option value="jamais" {{ 'jamais' ==  planification.getPlanifierAgent|default('') ? 'selected' : '' }}>jamais</option>
                    <option value="de préférence" {{ 'de préférence' ==  planification.getPlanifierAgent|default('') ? 'selected' : '' }}>de préférence</option>
                </select>
                <select class="form-control w-auto ms-2 " {{ readonly ? 'disabled' : '' }} name="preference_agent">
                    <option value=""></option>
                        {% for agentSecteur in secteur.agentSecteurs %}
                            {% set utilisateurAgent = agentSecteur.utilisateurAgent %}
                            <option value="{{ utilisateurAgent.id }}">{{ utilisateurAgent.getNomPrenom }}</option>
                        {% endfor %}
                </select>
                {% endif %}
            </div>
            <div class="d-flex">
                <div class="form-check" style="margin-right:1rem;">
                    <input class="form-check-input" {{ readonly ? 'disabled' : '' }} value='oui' id="envoyer_2_agents" name="envoyer_2_agents" {{  planification and planification.getEnvoyer2Agents ? 'checked' : '' }} type="checkbox" value=""  style="margin-top:0.6rem;">
                    <label class="form-check-label me-1 " for="envoyer_2_agents" style="padding-top: 0.4rem;">Toujours envoyer 2 agents</label>
                </div>
                <div class="form-check" style="margin-right:1rem;">
                    <input class="form-check-input" {{ readonly ? 'disabled' : '' }} value='oui' id="envoyer_rts" name="envoyer_rts" {{  planification and planification.getEnvoyerRts ? 'checked' : '' }} type="checkbox" value=""  style="margin-top:0.6rem;">
                    <label class="form-check-label me-1 " for="envoyer_rts" style="padding-top: 0.4rem;">Toujours envoyer le RTS</label>
                </div>
            </div>
        </div>
        {% if not readonly %}
            <div class="form-group  mt-4" >
                <div class="form-actions-row w-100 d-flex justify-content-center">
                    <button  class="btn btn-outline-danger btn-close-popup me-2"  data-dxpopup-id="popup_pref_planification_{{ equipement.id }}" type="button" style="min-width:100px;margin: 0 auto" >Fermer</button>
                    <button  class="btn btn-outline-success me-3 " id="save-pref-planification" type="submit" style="min-width:100px">Valider</button>
                    <button class="btn btn-outline-danger ms-auto" id="reset-preferences" style="min-width: 41px;height:34px;"><i class="fa fa-undo"></i></button>
                </div>
            </div>
        {% endif %}
    </form>
</div>