{% extends '@AdminLTE/layout/suiodd-layout.html.twig' %}

{% block page_title %}{% trans %}upload.pta.title{% endtrans %}{% endblock %}


{% block page_content %}
    {% if etat %}

    <div class="row">
        <div class="col-sm-6">
            {% if not is_granted('ROLE_MANAGER') %}
            <div class="text-left">
                <a href="{{ path('app_suivi_pta_format') }}" class="mb-2 mr-2 btn-shadow  btn btn-primary text-right {{etat  ? '' : 'disabled'}}">
                    <i class="fa fa-save"></i> {% trans %}chargement.vide{% endtrans %}
                </a>
            </div>
            {% endif %}
        </div>
        <div class="col-sm-6">
            <div class="text-right">
                <a href="{{ path('app_suiviPTA') }}" class="mb-2 mr-2 btn-shadow  btn btn-warning text-right">
                    <i class="fa fa-check"></i> Suivi du PTA
                </a>
            </div>
        </div>
    </div>
    
    {% if is_granted('ROLE_MANAGER') %}
    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            {{ form_start(formFormat) }}
                <div class="card-body">    
                    
                    {{ form_widget(formFormat) }}

                    <div class="form-group row">
                        <div class="col-sm-2"></div>
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-block btn-primary">Télécharger format vide</button>
                        </div>
                    </div>
                </div>
            {{ form_end(formFormat) }}
        {% endblock %}
    {% endembed %}
    {% endif %}


    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            {{ form_start(form) }}
                <div class="card-body">    
                    
                    {{ form_widget(form) }}

                    <div class="form-group row">
                        <div class="col-sm-2"></div>
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-block btn-primary">{% trans %}basics.charge{% endtrans %}</button>
                        </div>
                    </div>
                </div>
            {{ form_end(form) }}
        {% endblock %}
    {% endembed %}

    {% else %}
        <div class="alert alert-info">
            Vous ne pouvez pas charger les activités du PTA. Veuillez contacter la DGCS-ODD.
      </div>
    {% endif %}

{% endblock %}

{% block javascripts %}
<script>
    $(document).on('change', '.custom-file-input', function() {
        let fileName = $(this).val().replace(/\\/g, '/').replace(/.*\//, '');
        $(this).parent('.custom-file').find('.custom-file-label').text(fileName);
    });
</script>
{% endblock %}