{% extends 'Default/base.html.twig' %}

{% block title %} Import Candidat {{ type }}{% endblock %}
{% block breadcrumb1 %} Import {% endblock %}
{% block breadcrumb2 %} Candidat {{ type }} {% endblock %}
    {% block stylesheet %}
        {{ parent() }}
        <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" crossorigin="anonymous">
    {% endblock %}
{% block content %}
    <div class="row">

        <div class="col-md-3 swMain"></div>
        <div class="col-md-6 swMain">
            <div class="row">
                <div class="col-md-12">
                    {% if error%}
                    <div class="alert alert-danger">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <ul>
                            {% for err in error %}
                                <li><b>{{ err }}</b></li>
                            {% endfor %}
                        </ul>
                    </div>
                    {% endif %}
                    <fieldset>
                        <legend>
                            Import Candidates
                        </legend>
                        <form method="POST" action="" enctype="multipart/form-data" class="formImportCsv">
                            <div class="form-group">
                                <p>
                                    Séléctionnez votre fichier <span class="symbol required"></span>
                                </p>
                                <input id="input-id" name="filecsv" type="file" class="file" data-preview-file-type="text">
                                <div class="form-group pull-right">
                                    <button class="btn btn-primary" type="submit" name="add" style="margin-top: 20px">
                                        Importer
                                    </button>
                                </div>
                            </div>
                        </form>
                    </fieldset>
                </div>
            </div>
        </div>
    </div>

{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/js/plugins/piexif.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/js/plugins/sortable.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/js/plugins/purify.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/js/fileinput.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/js/locales/fr.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/js/locales/fr.js"></script>
    <script src="{{ asset('assets/total-task/app/medias/media.js') }}"></script>
    <script type="text/javascript">
        // initialize with defaults
        $("#input-id").fileinput();
        // with plugin options
        $("#input-id").fileinput({'showUpload':false, 'previewFileType':'any'});
    </script>
{% endblock %}