{% extends 'Common/baseAdminPannel.html.twig' %}

    {% block title %}
        Importador de papeleteas
    {% endblock %}

    {% block body %}
        <form action="{{ path('ballot_importer') }}" data-remote="true" data-method="POST" data-callback="showImportFeedback"
              data-url="{{ path('ballot_importer') }}">

            <a href="{{ asset('Template_papeletas.xlsx') }}">Descargar archivo muestra</a>
            <br>
            <div class="col-md-3">

                <div class="form-group">
                    <label class="control-label required" for="importer_campaign">Campaña</label>
                    <select  id="importer_campaign" name="campaign" required="required" class="form-control">
                        <option value="" selected="selected">Selecciona la campaña</option>
                        {% for campaign in campaigns %}
                            <option value="{{ campaign.id }}">{{ campaign.nameLabel }}</option>
                        {% endfor %}
                    </select>
                </div>
            </div>

            <div class="col-md-3">
                <div class="form-group">
                    <label class="control-label required" for="importer_opc">OPC</label>
                    <select  id="importer_opc" name="opc" required="required" class="form-control">
                        <option value="" selected="selected">OPC</option>
                        {% for opc in opcs %}
                            <option value="{{ opc.id}}">{{ opc.nameLabel }}</option>
                        {% endfor %}
                    </select>
                </div>
            </div>

            <div class="col-md-3">
                <div class="form-group">
                    <label class="control-label required" for="file">
                       Archivo
                    </label>
                    <input type="file" id="file" name="file" required="required" class="form-control" >
                </div>
            </div>

            <div class="clearfix"></div>

            <button type="submit" class="btn btn-primary">Importar
                <div class="ripple-container"></div>
            </button>
            <div class="import-result">
                <div class="imported"></div>
                <div class="errors">

                </div>
                <div class="success">

                </div>

            </div>
        </form>

    {% endblock %}