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

{% block page_title %}Publication des rapports de
	{{app.session.get('_year')}}
{% endblock %}


{% block page_content %}
    {% if year is null  %}
        <div class="row">
		<div class="col-xl-12 col-sm-12 col-12 mb-4">
			<div class="alert alert-danger">
				Veuillez vous assurer que cette année est bien créée. 
			</div>
		</div>
	</div>

    {% elseif year.rapport %}
        <div class="row">
		<div class="col-xl-12 col-sm-12 col-12 mb-4">
			<div class="alert alert-success">
				Vous avez déjà publier les rapports de {{year.name}}. 
			</div>
		</div>
	</div>
    {% else %}
	<div class="row">
		<div class="col-xl-12 col-sm-12 col-12 mb-4">
			<div class="alert alert-danger">
				Vous êtes sur le point de publier les rapports de
				{{year.name}}. Une fois les rapport publiés, les données de
				{{year.name}}
				seront visibles par le grand public et vous ne serez plus en mesure de les modifier. Assurez vous de bien vouloir publier les données.
			</div>
		</div>
	</div>
	{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
		{% block box_body %}
			<form method="POST" action={{ path('app_publier_post')}} role="form" accept-charset="UTF-8" enctype="multipart/form-data" class="publier">
				<div class="form-group">
					<label for="recipient-name" class="col-form-label">Rapport suivi des ODD 
						{{year.name}} *</label>
					<input type="file" class="form-control" name="suivi" required accept="application/pdf"/>
				</div>

				<div class="form-group">
					<label for="recipient-name" class="col-form-label">Rapport des indicateurs
						{{year.name}} *</label>
					<input type="file" class="form-control" name="indicateur" required accept="application/pdf"/>
				</div>

				<div class="form-group row">
					<div class="col-sm-2">
						<a href="{{ path('app_suiodd_dashboard') }}" class="btn btn-block btn-default">{% trans %}basics.cancel{% endtrans %}</a>
					</div>
					<div class="col-sm-offset-2 col-sm-10">
						<button type="submit" class="btn btn-block btn-primary" name="publier" value="publier">Publier</button>
					</div>
				</div>
			</form>
		{% endblock %}

	{% endembed %}
    {% endif %}
{% endblock %}

{% block javascripts %}
	<script src="{{ asset('assets/js/sweetalert2@11.js') }}"></script>
	<script>
		$(document).on('click', "form.publier button", function (e) {
		var _this = $(this);
		e.preventDefault();

		const swalWithBootstrapButtons = Swal.mixin({
		customClass: {
		confirmButton: 'btn btn-success',
		cancelButton: 'btn btn-danger'
		},
		buttonsStyling: false
		})

		swalWithBootstrapButtons.fire({
		title: "Etes-vous sûr de vouloir publier les rapports de {{app.session.get('_year')}} ?",
		text: "",
		icon: 'error',
		showCancelButton: true,
		focusConfirm: false,
		confirmButtonClass: "mb-2 mr-2 btn-hover-shine btn btn-success float-right",
		cancelButtonClass: "mb-2 mr-2 btn-hover-shine btn btn-danger float-left",
		confirmButtonText: 'Publier',
		cancelButtonText: 'Annuler',
		reverseButtons: true
		}).then(function (e) {
		e.value && _this.closest("form").submit();
		})


		});
	</script>
{% endblock %}