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

{% block title %}{{parent()}}-Arrêtés-{{arrete.libelle}}{% endblock %}

{% block content %}
    <div class="content-wrapper" style="margin-top:180px;">
		<div class="container-full">
			<div class="content-header">
				<div class="d-flex align-items-center">
					<div class="me-auto">
						<h3 class="page-title">{{arrete.libelle}}</h3>
						<div class="d-inline-block align-items-center">
							<nav>
								<ol class="breadcrumb">
									<li class="breadcrumb-item"><a href="{{path('app_home')}}"><i class="mdi mdi-home-outline"></i></a></li>
                                    <li class="breadcrumb-item" aria-current="page">La législation minière</li>
                                    <li class="breadcrumb-item" aria-current="page">Arrêtés</li>
                                    <li class="breadcrumb-item" aria-current="page">{{arrete.libelle}}</li>
                                    <li class="breadcrumb-item active" aria-current="page">Lecture</li>
								</ol>
							</nav>
						</div>
					</div>
					
				</div>
			</div>

            <section class="content">
				<div class="row">
                    <div class="col-12">
                        {% if arrete.fichier is not null %}
                            <div id="adobe-dc-view" style="height: 750px; width: 100%;">
                            </div>
                        {% else %}
                            <div class="alert alert-danger d-flex align-items-center" role="alert">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-octagon text-white m-3" viewBox="0 0 16 16">
                                    <path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353zM5.1 1 1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1z"/>
                                    <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
                                </svg> Fichier introuvable
                            </div> 
                        {% endif %}
                    </div>
                </div>
            </section>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
	{{parent()}}

    {% if arrete.fichier is not null %}
        <script src="https://acrobatservices.adobe.com/view-sdk/viewer.js"></script>

        <script type="text/javascript">
            window.onload = function () {
                var adobeDCView = new AdobeDC.View({clientId: "67e66bdd2963472da651faf3f6a28cb2", divId: "adobe-dc-view", locale: "fr-FR"});
                    adobeDCView.previewFile({
                        content:{location: {url: "{{asset('upload/arrete/')~arrete.fichier}}"}},
                        metaData:{fileName: "{{arrete.fichier}}"}
                }, { embedMode: "FULL_WINDOW", defaultViewMode: "FIT_PAGE", showAnnotationTools: true, showDownloadPDF: true });
            }
        </script>
    {% endif %}
{% endblock %}