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

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


{% block page_content %}

    <a href="{{ path('app_suivi_osc_format') }}" class="mb-2 mr-2 btn-shadow  btn btn-primary text-right">
        <i class="fa fa-save"></i> {% trans %}chargement.vide{% endtrans %}
    </a>

    {% 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 %}

{% 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 %}