{% extends "layout.html.twig" %}

{% block content %}
<div class="container_perso" id="container_local" style='margin-top: 20px; '>
	<div class='row' style="margin-bottom: 0; ">
		<div class="input-field col-4">
			<select id="categorie_materiel_select">
				<option value="tous">Tous</option>
				<option value="epi" selected>EPI electricité</option>
				<option value="apparaux">Apparaux</option>
				<option value="metrologie">Métrologie</option>
				<option value="tst_bt">TST BT</option>
				<option value="collectif">Collectif</option>
			</select>
			<label>CATÉGORIE</label>
		</div>
		<div class="input-field col-4">
			<select id="type_materiel_select"></select>
			<label>MATÉRIEL</label>
		</div>
	</div>
	<div class='row' style="margin-bottom: 0; ">
		<div class='col-lg-12 col-xl-8'>
			{% include "materiel/table.html.twig" %}
		</div>
		<div class='col-lg-12 col-xl-4' style="margin-top: 15px; ">
			<div class="input-field col-12">
				<select id="marque_materiel_select"></select>
				<label>MARQUE</label>
			</div>
			<div class="card">
		    <div id="fiche_mat" class="" aria-labelledby="headingOne" data-parent="#accordionExplication">
		      <div class="card-body">
						<div class="row">
							<h6 class='fz17 gras'>Informations sur la marque
								<i class="fz19" id="title_info_marque"></i>, modèle
								<i class="fz19" id="title_info_modele"></i>
							</h6>
						</div>
						<div class="row">
							<h6 class='fz17 gras'>Description de la marque :</h6>
							<h6 class='fz17' id="description_marque"></h6>
						</div>
						<div class="row" style="margin-bottom: 0">
							<div class="col-6" style="padding: 0"><h6 class='fz17 gras'>Contact :</h6></div>
							<div class="col-6" style="padding: 0"><h6 class='fz17 gras'>Tel :</h6></div>
						</div>
						<div class="row">
							<div class="col-6" style="padding: 0"><h6 class='fz17' id="contact_marque"></h6></div>
							<div class="col-6" style="padding: 0"><h6 class='fz17' id="tel_marque"></h6></div>
						</div>
						<div class="row">
							<h6 class='fz17 gras'>Mail :</h6>
							<h6 class='fz17' id="mail_marque"></h6>
					</div>
						<div class="row">
							<h6 class='fz17 gras'>Adresse :</h6>
							<h6 class='fz17' id="adresse_marque"></h6>
						</div>
						<div class="row" style="margin-bottom: 0">
							<h6 class='fz17 gras'>Description du modèle :</h6>
						</div>
						<div class="row">
							<h6 class='fz17' id="description_modele"></h6>
						</div>
		      </div>
		    </div>
		  </div>
			<div class="row" id="toolbar_marque" style="margin: auto; ">
		    <div class="col-4"><a id="link_to_add_marque_in_admin" target="_blank" href="" style="font-size: 12px; padding-bottom: 37px; " class='btn btn-success btn-sm'>AJOUTER MARQUE</a></div>
		    <div class="col-4"><button style="font-size: 12px; padding-bottom: 37px; " type='button' class='btn btn-success btn-sm' data-toggle='modal' data-target='#addingModeleModal'>AJOUTER MODÈLE</button></div>
		    <div class="col-4"><button style="font-size: 12px; padding-bottom: 37px; " type='button' class='btn btn-success btn-sm' data-toggle='modal' data-target='#updateMarqueModal'>MODIFIER MARQUE</button></div>
		  </div>
		</div>
	</div>
</div>

<div id="container_modal">
	{% include "materiel/adding_modele_modal.html.twig" %}
	{% include "materiel/update_marque.html.twig" %}
</div>
{% endblock %}