{# On étend notre layout #}
{% extends "layout.html.twig" %}
{% block style %}
	<style>
	.custom-file-label::after { content: "Parcourir";}
	</style>
{% endblock %}
{% block body %}
<div class="container card">
    <div class="card-body">
        <div class="col-md-8 offset-lg-2">
            <div class="panel panel-default">
				<div class="alert alert-secondary" role="alert">
				   <a href="" class="alert-link">Ajout d'un nouveau catalogue</a>.
				</div>
                <div class="panel-body">
                    {{ form_start(form) }}
                    {{ form_widget(form) }}
                    <div class="form-group">
                        <div class="col-md-6 offset-lg-4">
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-btn fa-sign-in"></i> Valider
                            </button>
                        </div>
                    </div>
                    {{ form_end(form) }}
                </div>
            </div>
        </div>
    </div>
</div>
<br>
{% if is_granted('ROLE_SUPER_ADMIN') %}
<div class="container card">
    <div class="card-body">
        <div class="col-md-8 offset-lg-2">
            <div class="panel panel-default">
				<div class="alert alert-secondary" role="alert">
				   <a href="" class="alert-link">Catalogue de réference</a>.
				</div>
				<a class="btn btn-success" href="{{ asset('excelRef/rv.xls') }}" role="button"><i class="fa fa-file-excel-o" aria-hidden="true"></i> Catalogue Relais Vert</a>
				<a class="btn btn-success" href="{{ asset('excelRef/mini.xls') }}" role="button"><i class="fa fa-file-excel-o" aria-hidden="true"></i> Mini catalogue </a>
				<a class="btn btn-success" href="{{ asset('excelRef/mercurial.xls') }}" role="button"><i class="fa fa-file-excel-o" aria-hidden="true"></i> Catalogue Mercurial</a>
            </div>
        </div>
    </div>
</div>
{% endif %}
{% endblock %}
{% block javascripts %}
<script>
$('.custom-file-input').on('change', function(event) {
  //alert('fichier ajouter');
  let inputFile = event.currentTarget;
  $(inputFile).parent().find('.custom-file-label').html(inputFile.files[0].name);
});
</script>
{% endblock %}