{% set  minerals = [
			{
				name: "Cobalt",
				icon: "⚡",
				price: "24 350",
				unit: "USD/t",
				exchange: "LME",
				grade: "99.8%",
				saleMode: "Spot",
				change: +1.2,
			},
			{
				name: "Cuivre",
				icon: "🔶",
				price: "8 920",
				unit: "USD/t",
				exchange: "LME",
				grade: "99.99%",
				saleMode: "Contrat",
				change: -0.4,
			},
			{
				name: "Coltan",
				icon: "⬛",
				price: "42 000",
				unit: "USD/t",
				exchange: "Gré à gré",
				grade: "30% Ta₂O₅",
				saleMode: "Spot",
				change: +2.8,
			},
			{
				name: "Or",
				icon: "🥇",
				price: "2 635",
				unit: "USD/oz",
				exchange: "COMEX",
				grade: "999.9‰",
				saleMode: "Spot",
				change: +0.6,
			},
			{
				name: "Diamant",
				icon: "💎",
				price: "135",
				unit: "USD/ct",
				exchange: "AWDC",
				grade: "Gem Quality",
				saleMode: "Enchère",
				change: -1.1,
			},
			{
				name: "Étain",
				icon: "🪨",
				price: "25 800",
				unit: "USD/t",
				exchange: "LME",
				grade: "99.9%",
				saleMode: "Contrat",
				change: +0.9,
			},
			{
				name: "Lithium",
				icon: "🔋",
				price: "13 500",
				unit: "USD/t",
				exchange: "Fastmarkets",
				grade: "Li₂CO₃ 99.5%",
				saleMode: "Contrat",
				change: +3.4,
			},
			{
				name: "Manganèse",
				icon: "⚙️",
				price: "4 200",
				unit: "USD/t",
				exchange: "CRU",
				grade: "44% Mn",
				saleMode: "Spot",
				change: -0.3,
			},
			{
				name: "Zinc",
				icon: "🔩",
				price: "2 480",
				unit: "USD/t",
				exchange: "LME",
				grade: "99.995%",
				saleMode: "Contrat",
				change: +0.7,
			},
			{
				name: "Tungstène",
				icon: "🔧",
				price: "315",
				unit: "USD/kg",
				exchange: "Metal Bulletin",
				grade: "WO₃ 65%",
				saleMode: "Spot",
				change: +1.5,
			},
		]
	%}
<header class="fixed-top">
	<nav class="navbar navbar-mine py-2">
		<div class="container d-flex align-items-center justify-content-between">
			<a class="navbar-brand d-flex align-items-center gap-2 mb-0" href="/">
				<img src="{{asset('images/ctcpm.png')}}" alt="CTCPM - Ministère des Mines" style='height: 50px;'/>
			</a>

			<div class="d-flex align-items-center gap-2">
				<form method="POST" action="{{path('app_emine_operateur_search_sous')}}">
					<div class="search-wrapper d-none d-md-flex">
						<svg class="search-icon" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" strokewidth="2" strokelinecap="round" strokelinejoin="round">
							<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>
						</svg>
						<input class="search-input" type="search" placeholder="Rechercher..." name="data" aria-label="Rechercher"/>
						<kbd class="search-kbd">⌘K</kbd>
					</div>
				</form>

				{% if app.user is not null %}
					<div class="dropdown">
						<button class="btn btn-sm btn-user dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" title="Mon profil">
							<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
								<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" /><circle cx="12" cy="7" r="4" />
							</svg>
						</button>
						<ul class="dropdown-menu dropdown-menu-end dropdown-menu-dark-mine">
							<li><a class="dropdown-item" href="{{path('app_user_edit', {id: app.user.id})}}">👤 Profil</a></li>
							{% if is_granted('ROLE_DIVISION_MINE') or is_granted('ROLE_SEAMAPE') or is_granted('ROLE_INSPECTEUR') or is_granted('ROLE_CEEC') or is_granted('ROLE_CABINET_MINE') or is_granted('ROLE_ENCODEUR') %}
								<div><hr class="dropdown-divider" /></div>
								<li><a class="dropdown-item" href="{{path('sonata_admin_dashboard')}}">🛡️ ⁠Accès Adminstration</a></li>
							{% endif %}

							{% if is_granted('ROLE_AUTORITE') %}
								<div><hr class="dropdown-divider" /></div>
								<li><a class="dropdown-item" href="{{path('app_emine_production_reporting', {menu: 'autorite'})}}">🏛️ ⁠⁠Accès Autorités</a></li>
							{% endif %}

							{% if is_granted('ROLE_ADMIN') %}
								<div><hr class="dropdown-divider" /></div>
								<li><a class="dropdown-item" href="{{path('app_reporting_dashbord_soumission', {menu: 'ctcpm'})}}">🏢 ⁠⁠Accès CTCPM</a></li>

								<li><hr class="dropdown-divider" /></li>
								<li><a class="dropdown-item" href="{{path('app_edf', {menu: 'ceef'})}}">⁠🔍  ⁠Accès CEEF</a></li>

								<li><hr class="dropdown-divider" /></li>
								<li><a class="dropdown-item" href="{{path('app_emine_production_cpcm', {menu: 'cpcm'})}}">⁠⚖️ ⁠Accès CPCM</a></li>
							{% endif %}

							<li><hr class="dropdown-divider" /></li>
							<li><a class="dropdown-item" href="{{path('app_logout')}}">🚪 Déconnexion</a></li>
						</ul>
					</div>
				{% else %}
					<a href="{{path('app_login')}}" class="btn btn-sm btn-user">Connexion</a>
				{% endif %}


				<button class="navbar-toggler border-0 d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#menuBar" aria-controls="menuBar" aria-expanded="false" aria-label="Menu">
					<span class="navbar-toggler-icon"></span>
				</button>
			</div>
		</div>
		<div class="d-flex justify-content-center w-100 py-2" style='background: var(--dark-card); borderTop: 1px solid rgba(255,255,255,0.05);'>
			<span class="text-center w-100 d-block" style="font-size: 0.95rem; letterSpacing: 0.08em; color: #000; font-weight: 600; text-transform: uppercase;">
				{% if sp == 'prive' %}
					Interface privée dédiée pour le contrôle et suivi des activités minières
				{% else %}
					Bienvenue dans l'entrepôt des données du secteur des mines de la Rép. Dém. du Congo
				{% endif %}
			</span>
		</div>
	</nav>

	<nav class="navbar navbar-expand-lg navbar-mine-menu py-0">
		<div class="container-fluid px-2">
			<div class="collapse navbar-collapse" id="menuBar">
				<ul class="navbar-nav mx-auto flex-wrap justify-content-center w-100 gap-1" style='font-size: 0.9rem;'>

					<li class="nav-item">
						<a class="nav-link {% if page == 'home' %}active-link{% endif %}" href="{{path('app_home')}}">
							Accueil
						</a>
					</li>

					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle {% if page == 'operateur' %}active-link{% endif %}" href="#" role="button" data-bs-toggle="dropdown">Registre des opérateurs</a>
						<ul class="dropdown-menu dropdown-menu-dark-mine">
							<li>
								<a class="dropdown-item" href="{{path('app_emine_operateur_operateur_index')}}">Tous les opérateurs</a>
							</li>
							{% for item in categories %}
								<li><hr class="dropdown-divider"/></li>
								<li>
									<a class="dropdown-item" href="{{path('app_emine_operateur_operateur_bureau_etude', {id: item.id})}}">
										{{item.nom}}
									</a>
								</li>
							{% endfor %}
							<li><hr class="dropdown-divider"/></li>
							<li>
								<a class="dropdown-item" href="{{path('app_emine_operateur_mandataire_index')}}">Mandataires en mines</a>
							</li>
						</ul>
					</li>

					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle {% if page == 'contrat' %}active-link{% endif %}" href="#" role="button" data-bs-toggle="dropdown">Contrats miniers</a>
						<ul class="dropdown-menu dropdown-menu-dark-mine">
							<li>
								<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_contrat_principal_index', {sp: 'tc'})}}">Liste de tous les contrats miniers</a>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li>
								<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_contrat_principal_contrat_base', {sp: 'fc'})}}">Les contrats de base</a>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li>
								<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_contrat_principal_contrat_avenant_annexes', {sp: 'aa'})}}">Les avenants et annexes</a>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li>
								<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_contrat_principal_stat', {sp: 'statc'})}}">Les statistiques des contrats</a>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li class="dropend">
								<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Partenariat</a>
								<ul class="dropdown-menu dropdown-menu-dark-mine">
									<li>
										<a class="dropdown-item" href="{{path('app_emine_actionnariat_actionnaire_index', {sp: 'part'})}}">Actionnaires</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_actionnariat_investisseur_index', {sp: 'part'})}}">Investisseurs</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_operateur_operateur_part_etat')}}">Parts de l'Etat dans les entreprises</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_contrat_partenariat', {id: 45})}}">Partenariats RDC-CHINE</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_contrat_partenariat', {id: 0})}}">Partenariats RDC-UE</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_contrat_partenariat', {id: 231})}}">Partenariats RDC-USA</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="#rdc-chine">Partenariats RDC-CANADA</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_contrat_partenariat', {id: 201})}}">Partenariats RDC-RSA</a>
									</li>
								</ul>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li>
								<a class="dropdown-item" href="{{path('app_emine_operateur_proprietaire_reel_index')}}">Propriétaires effectifs</a>
							</li>
						</ul>
					</li>

					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle {% if page == 'actif' %}active-link{% endif %}" href="#" role="button" data-bs-toggle="dropdown">Actifs miniers</a>
						<ul class="dropdown-menu dropdown-menu-dark-mine">
							<li>
								<a class="dropdown-item" href="{{path('app_emine_activite_titre_minier_index')}}">Liste des titres miniers et des carrières</a>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li class="dropend">
								<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Opérations sur les titres</a>
								<ul class="dropdown-menu dropdown-menu-dark-mine">
									<li>
										<a class="dropdown-item" href="{{path('app_emine_autres_amodiation_index')}}">Amodiations</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_activite_cession_index')}}">Cessions</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_activite_option_index')}}">Options</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="#">Transformations</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="#">Transferts</a>
									</li>
								</ul>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li>
								<a class="dropdown-item" href="{{path('app_emine_activite_projet_index', {sp: 'tproj'})}}">Liste des projets miniers</a>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li>
								<a class="dropdown-item" href="{{path('app_emine_autres_zea_index', {sp: 'zea'})}}">Liste des ZEA</a>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li>
								<a class="dropdown-item" href="{{path('app_emine_activite_mine_index', {sp: 'mine'})}}">Liste des mines</a>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li class="dropend">
								<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Liste des réserves</a>
								<ul class="dropdown-menu dropdown-menu-dark-mine">
									<li>
										<a class="dropdown-item" href="{{path('app_emine_activite_reserve_prouvee_index')}}">Prouvées</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_activite_reserve_probable_index')}}">Probables</a>
									</li>
								</ul>
							</li>

							<li><hr class="dropdown-divider"/></li>
							<li class="dropend">
								<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Liste des ressources</a>
								<ul class="dropdown-menu dropdown-menu-dark-mine">
									<li>
										<a class="dropdown-item" href="{{path('app_emine_activite_ressource_indiquee')}}">Indiquées</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_activite_ressource_inferee')}}">Inférées</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_activite_ressource_mesuree')}}">Mesurées</a>
									</li>
								</ul>
							</li>
						</ul>
					</li>

					<li class="nav-item">
						<a class="nav-link {% if page == 'arrete' %}active-link{% endif %}" href="{{path('app_emine_cadre_juridique_arrete_index')}}">Arrêtés</a>
					</li>
					<li class="nav-item">
						<a class="nav-link {% if page == 'stat' %}active-link{% endif %}" href="{{path('app_emine_production_exportation_stat')}}">Statistiques</a>
					</li>

					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle {% if page == 'obliga' %}active-link{% endif %}" href="#" role="button" data-bs-toggle="dropdown">Obligations des entreprises</a>
						<ul class="dropdown-menu dropdown-menu-dark-mine">
							<li class="dropend">
								<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Environnementales</a>
								<ul class="dropdown-menu dropdown-menu-dark-mine">
									<li>
										<a class="dropdown-item" href="{{path('app_emine_impact_environemental_index')}}">Les résumés EIES</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_impact_plan_environnemental_index')}}">Les PGES</a>
									</li>
								</ul>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li class="dropend">
								<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">La dotation de 0,3% du CA</a>
								<ul class="dropdown-menu dropdown-menu-dark-mine">
									<li>
										<a class="dropdown-item" href="{{path('app_emine_operateur_dot_index')}}?annee={{'now'|date('Y')}}">Liste des DOTS</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_operateur_projet_dot_index')}}">Les projets des DOTS</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_obligation_information_financiere_stat')}}">Volume total de la DOT</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_operateur_employe_projet_dot_stat')}}">Emplois créés par les DOTS</a>
									</li>
								</ul>
							</li>

							<li><hr class="dropdown-divider"/></li>
							<li class="dropend">
								<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Les cahiers des charges</a>
								<ul class="dropdown-menu dropdown-menu-dark-mine">
									<li>
										<a class="dropdown-item" href="{{path('app_emine_operateur_cahier_de_charge_index')}}">Liste des cahiers des charges</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_operateur_projet_cahier_de_charge_index')}}">Les projets des cahiers des charges</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_operateur_cahier_de_charge_volume')}}">Le volume total</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_operateur_employe_projet_cahier_de_charge_stat')}}">Emplois créés par les cahiers des charges</a>
									</li>
								</ul>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li class="dropend">
								<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">La redevance minière</a>
								<ul class="dropdown-menu dropdown-menu-dark-mine">
									<li>
										<a class="dropdown-item" href="{{path('app_emine_obligation_redevance_index')}}">La redevance minière</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_autres_etd_index')}}">ETD principales</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_autres_etd_secondaire_index')}}">ETD secondaires</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_autres_projet_etd_index')}}">Les projets des ETDs</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_operateur_projet_fomin_index')}}">Les projets de Fomin</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_operateur_operateur_redevance_stat_etd')}}">La redevance versée aux ETDs</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_autres_employe_projet_etd_stat')}}">Emplois créés par les ETDs</a>
									</li>
								</ul>
							</li>
						</ul>
					</li>

					<li class="nav-item">
						<a class="nav-link {% if page == 'quota' %}active-link{% endif %}" href="{{path('app_emine_production_quota_exportation_cobalt_index')}}">Exportations du cobalt</a>
					</li>

					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Plus +</a>
						<ul class="dropdown-menu dropdown-menu-end dropdown-menu-dark-mine">
							<li>
								<a class="dropdown-item {% if page == 'prix' %}active-link{% endif %}" href="#">Traçabilité</a>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li>
								<a class="dropdown-item {% if page == 'prix' %}active-link{% endif %}" href="{{path('app_emine_autres_cours_moyens_des_metaux_index')}}">Prix des métaux</a>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li class="dropstart-mine">
								<a class="dropdown-item dropdown-toggle {% if page == 'legis' %}active-link{% endif %}" href="#" data-bs-toggle="dropdown">
									Législation minière
								</a>

								<ul class="dropdown-menu dropdown-menu-dark-mine">
									<li>
										<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_legislation_index', {type: 'Codes miniers'})}}">Codes miniers</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_legislation_index', {type: 'Réglements miniers'})}}">Règlements miniers</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_legislation_index', {type: 'Ordonnances'})}}">Ordonnances</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_legislation_index', {type: 'Décrets'})}}">Décrets</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_legislation_index', {type: 'Notes Circulaires'})}}">Notes circulaires</a>
									</li>
									<li><hr class="dropdown-divider"/></li> 
									<li>
										<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_legislation_index', {type: 'Protocols d\'accord'})}}">Protocoles d'accord</a>
									</li> 
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_legislation_index', {type: 'Décisions'})}}">Décisions</a>
									</li> 
									<li><hr class="dropdown-divider"/></li> 
									<li>
										<a class="dropdown-item" href="{{path('app_emine_cadre_juridique_legislation_index', {type: 'Rapports'})}}">Rapports</a>
									</li> 
								</ul>
							</li>
							
							{% if is_granted('ROLE_AUTORITE') %}
								<li><hr class="dropdown-divider"/></li>
								<li class="dropstart-mine">
									<a class="dropdown-item dropdown-toggle {% if page == 'strat' %}active-link{% endif %}" href="#" data-bs-toggle="dropdown">Métaux stratégiques</a>
									<ul class="dropdown-menu dropdown-menu-dark-mine">
										<li>
											<a class="dropdown-item" href="{{path('app_emine_operateur_commodite_index')}}">Métaux stratégiques et localisations</a>
										</li>
										<li><hr class="dropdown-divider"/></li>
										<li>
											<a class="dropdown-item" href="{{path('app_estat_autres_reserve_entreprise_strategie')}}">Réserves et ressources</a>
										</li>
										<li><hr class="dropdown-divider"/></li>
										<li>
											<a class="dropdown-item" href="{{path('app_emine_production_exportation_strategique')}}">Exportations par pays</a>
										</li>
										<li><hr class="dropdown-divider"/></li>
										<li class="dropstart-mine">
											<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Les projections</a>
											<ul class="dropdown-menu dropdown-menu-dark-mine">
												<li>
													<a class="dropdown-item" href="{{path('app_estat_projection_projection_production')}}">Production</a>
												</li>
												<li><hr class="dropdown-divider"/></li>
												<li>
													<a class="dropdown-item" href="{{path('app_estat_projection_projection_ventre')}}">Vente</a>
												</li>
												<li><hr class="dropdown-divider"/></li>
												<li>
													<a class="dropdown-item" href="{{path('app_estat_projection_projection_exportation')}}">Exportation</a>
												</li>
											</ul>
										</li>
										<li><hr class="dropdown-divider"/></li>
										<li>
											<a class="dropdown-item" href="{{path('app_emine_partenariat_strategie_index')}}">Stratégies minières nationales</a>
										</li>
									</ul>
								</li>
								<li><hr class="dropdown-divider"/></li>
								<li>
									<a class="dropdown-item {% if page == 'comm' %}active-link{% endif %}" href="{{path('app_commission_commission_index')}}">Commissions</a>
								</li>
							{% endif %}

							<li><hr class="dropdown-divider"/></li>
							<li class="dropstart-mine">
								<a class="dropdown-item dropdown-toggle {% if page == 'partena' %}active-link{% endif %}" href="#">Partenariat</a>
								<ul class="dropdown-menu dropdown-menu-dark-mine">
									<li><a class="dropdown-item" href="{{path('app_emine_partenariat_p_t_f_index')}}">Partenaires Techniques et Financiers</a></li>
									<li><hr class="dropdown-divider"/></li>
									<li><a class="dropdown-item" href="{{path('app_emine_partenariat_accord_index')}}">Accords Internationaux</a></li>
									<li><hr class="dropdown-divider"/></li>
									<li><a class="dropdown-item" href="{{path('app_emine_partenariat_projet_p_t_f_index')}}">Projets financés par les PTF</a></li>
								</ul>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li class="dropstart-mine">
								<a class="dropdown-item dropdown-toggle {% if page == 'gisement' %}active-link{% endif %}" href="#">Gisements</a>
								<ul class="dropdown-menu dropdown-menu-dark-mine">
									<li><a class="dropdown-item" href="{{path('app_emine_autres_gisement_index')}}">Liste de gisements</a></li>
									<li><hr class="dropdown-divider"/></li>
									<li><a class="dropdown-item" href="{{path('app_emine_autres_gisement_stat')}}">Les statistiques des gisements</a></li>
								</ul>
							</li>
							<li><hr class="dropdown-divider"/></li>
							<li class="dropstart-mine">
								<a class="dropdown-item dropdown-toggle {% if page == 'analyse' %}active-link{% endif %}" href="#" data-bs-toggle="dropdown">Analyses</a>
								<ul class="dropdown-menu dropdown-menu-dark-mine">
									<li class="dropstart-mine">
										<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Revenu du secteur des mines</a>
										<ul class="dropdown-menu dropdown-menu-dark-mine">
											<li>
												<a class="dropdown-item" href="{{path('app_emine_obligation_taxe_analyse')}}">Taxes minières</a>
											</li>
											<li><hr class="dropdown-divider"/></li>
											<li>
												<a class="dropdown-item" href="{{path('app_emine_obligation_paiement_impot')}}">Impôts</a>
											</li>
											<li><hr class="dropdown-divider"/></li>
											<li>
												<a class="dropdown-item" href="{{path('app_emine_obligation_paiement_droit')}}">Droits</a>
											</li>
											<li><hr class="dropdown-divider"/></li>
											<li>
												<a class="dropdown-item" href="{{path('app_emine_operateur_operateur_redevance_stat')}}">Redevances minières</a>
											</li>
										</ul>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li>
										<a class="dropdown-item" href="{{path('app_emine_autres_contribution_analyse')}}">La contribution du secteur minier</a>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li class="dropstart-mine">
										<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Les besoins des opérateurs</a>
										<ul class="dropdown-menu dropdown-menu-dark-mine">
											<li>
												<a class="dropdown-item" href="{{path('app_emine_autres_besoin_energetique_analyse')}}">Besoins énergétiques</a>
											</li>
											<li><hr class="dropdown-divider"/></li>
											<li>
												<a class="dropdown-item" href="{{path('app_emine_autres_besoin_intrant_analyse')}}">Besoins en intrant</a>
											</li>
										</ul>
									</li>
									<li><hr class="dropdown-divider"/></li>
									<li class="dropstart-mine">
										<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Les projections</a>
										<ul class="dropdown-menu dropdown-menu-dark-mine">
											<li>
												<a class="dropdown-item" href="{{path('app_estat_projection_projection_production')}}">Production</a>
											</li>
											<li><hr class="dropdown-divider"/></li>
											<li>
												<a class="dropdown-item" href="{{path('app_estat_projection_projection_ventre')}}">Vente</a>
											</li>
											<li><hr class="dropdown-divider"/></li>
											<li>
												<a class="dropdown-item" href="{{path('app_estat_projection_projection_exportation')}}">Exportation</a>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
					</li>

				</ul>
			</div>
		</div>
	</nav>

	<div class="mineral-ticker-wrap">
		<div class="mineral-ticker-track">
			{% for m in minerals %}
				<div class="mineral-ticker-item" key={{loop.index0}}>
					<span class="mineral-ticker-icon">{{m.icon}}</span>
					<span class="mineral-ticker-name">{{m.name}}</span>
					<span class="mineral-ticker-price">{{m.price}}
						<small>{{m.unit}}</small>
					</span>
					<span class='{% if m.change >= 0 %}mineral-ticker-change up{% else %}mineral-ticker-change down{% endif %}'>
						{% if m.change >= 0 %}▲{% else %}▼
						{% endif %}
						{{ m.change|abs }}%
					</span>
					<span class="mineral-ticker-meta">{{m.exchange}}</span>
					<span class="mineral-ticker-meta">{{m.grade}}</span>
					<span class="mineral-ticker-sale">{{m.saleMode}}</span>
				</div>
			{% endfor %}
		</div>
	</div>
</header>