{%  set disabled = 'disabled' %}
{% set hasNext = agent.getNextAffectation ? true : false %}
{%  if hasNext %}
    <div class="d-flex justify-content-end mb-2">
        <button  class="btn btn-outline-danger" data-confirm="1" data-ajax="1" data-target-html="#result-prog-quitter" data-href="{{ path('agent_cancel_affectation', {id: agent.getNextAffectation.id}) }}" >Annuler le changement</button>
    </div>
{% endif %}
    <form action="{{ path('agent_programmer_changement', {'id' : agent.id}) }}" data-no-reset = "noreset"  id="form-prog-agent" class="form-ajax" data-target-html="#result-prog-quitter" method="post" data-turbo="false">
        <div class="d-flex  color-orange position-relative">
            <div class="position-absolute" style="left: 48.8%;top: 5px"><img width="34" height="34" src="{{ asset('build/images/fleche-droite.png') }}"></div>
            <div class=" bg-grey-light d-flex align-items-center justify-content-center" style="width:48.5%">
                <span class="color-orange">Depuis le {{ affectation ? affectation.debutEffet|date("d/m/Y") : '' }}</span>
            </div>
            <div style="width:3%"></div>
            <div class=" bg-grey-light d-flex align-items-center color-orange justify-content-center" style="width:48.5%">
                <span class="me-2 color-orange">A partir de</span>
                {% set dateValue = (agent.getNextAffectation) ? agent.getNextAffectation.debutEffet|date("Y-m-d") : '' %}
                <input type="date" name="date_debut_programme" required class="form-control bg-grey" style="width:150px;" min="{{"now"|date_modify("+1 day")|date("Y-m-d") }}" value="{{ dateValue }}">
            </div>
        </div>
        <div class="d-flex justify-content-between flex-wrap position-relative">
            <div class="d-flex flex-column h-auto" style="width:48.5%">
                <div class="px-2 py-2  border-grey-medium w-100 h-100" style="color:white">
                    {%  set type = 'show' %}
                    {% set programmation = 'oui' %}
                    {{ include('agent/_affectation.html.twig') }}
                </div>
            </div>
            <div class="d-flex flex-column h-auto" style="width:48.5%" >
                <div class="px-2 py-2 w-100 h-100 border-grey-medium">
                    {%  set disabled = '' %}
                    {%  set type = 'edit' %}
                    {% set programmation = 'oui' %}
                    {% set styleBlock = 'width:760px;' %}
                    {{ include('agent/_affectation.html.twig') }}
                </div>
            </div>
        </div>
        <div class="form-group d-flex justify-content-center mt-4">
            <div class="form-actions-row">
                <button  class="btn btn-outline-danger btn-close-popup me-3"  data-dxpopup-id="popup-programmer-changement" type="button" >Annuler</button>
                <button  class="btn btn-outline-success  " type="submit" form="form-prog-agent">Valider</button>
            </div>
        </div>
    </form>