{% extends 'page.html.twig' %}

{% block title %}Imports - Nouveau{% endblock %}

{% block style %}
    <link rel="stylesheet" type="text/css" is="custom-style"
          href="{{ app.request.getBaseURL() }}/assets/css/imports/tarifs.css">
{% endblock %}

{% block page %}
    <script src="{{ app.request.getBaseURL() }}/assets/js/imports/new.js"></script>
    {% set actions = {1: {'libelle': 'Retour', 'lien': path('import_index') }} %}
    {% set liens = {'Accueil': path('home_index'), 'Imports': path('import_index'), 'Importer tarifs': '#'} %}
    {% include 'breadcrumb.twig' with {'liens': liens, 'actions': actions} %}

    <paper-card>
        <h5>Importer des tarifs</h5>

        {{ form_start(form, {action : pathAction, 'enctype': "multipart/form-data"}) }}
            {{ form_widget(form.composant) }}
            {{ form_row(form.roles) }}
            {{ form_widget(form.fichier) }}
            <div class="bouton-envoi">
                {{ form_widget(form.submit, {'attr': {'onclick': 'activerSpinner(this)'}}) }}
                <paper-spinner id="spinner"></paper-spinner>
            </div>
        {{ form_end(form) }}


    </paper-card>
{% endblock %}