{# {% extends "baseMapV2.html.twig" %} #}
{% extends "baseMapZone.html.twig" %}

{% block title %}Map:edit{% endblock %}

{% block body %}

	<!-- Button trigger modal -->
	<div class="standsList" data-stands = "{{ exhibitionStandList }}" >
	<div class="hall" data-hall="{{ hall }}">
	<div class="mapid" data-mapid="{{ map_id }}">
	<div class="mapfilename" data-map-filename="{{ map_filename }}">

	</div>


	<div class="row d-flex">

		<div class="d-flex mt-2">
					 
					 <div class="input-group">
  						<span class="input-group-text">Stands sans POI</span>
  						
						<select id="stands" class="form-select">
							<option value="" disabled selected>Choisir un stand</option>
						</select>  
							
					</div>


      				<div class="input-group ml-3">
  						<span class="input-group-text">Commence par</span>
  						<input class="text-lg w-75" id="inputfilter" type="text" class="form-control">
							
					</div>
					

					<div class="container d-flex flex-row justify-content-around">

					<div>
						<button id="btnsallestand"  type="button" class="btn btn-primary ml-3" style="">Associer une salle à un stand</button>
					</div>
						
					<div>
						<button id="btnnewstand"  type="button" class="btn btn-primary ml-3" style="">Créer un nouveau stand avec une salle</button>
					</div>
		</div>
				
					

	</div> 
		
		{# <div class="row d-flex"> #}
	

			
		{# </div> #}

		<div id="group1" class="container d-none mt-2">
			{# <div>  #}
				<div class="input-group">

					<span class="input-group-text">Salles</span>
					<select id="salles" class="form-select">
							<option value="" disabled selected>-</option>
					</select>  

					<span class="input-group-text ml-2">Tous les stands</span>
					<select id="all-stands" class="form-select">
								<option value="" disabled selected>-</option>
					</select>  

				
								
				</div>
						
				{# <div>
					<button id="removestandsalle" type="button" class="btn btn-danger ml-3 d-none" style="">Supprimer</button>
				</div>  #}

				<div>
					<button id="addstandsalle" type="button" class="btn btn-primary ml-3" style="">Associer</button>
				</div> 
			{# </div> #}

		</div>

		{# <div class="row d-flex"> #}
		<div id="group2" class="container d-none mt-2">

			<div class="input-group">
  				<span class="input-group-text">Salles sans stand</span>
  				<select id="salles-sans-stand" class="form-select">
					<option value="" disabled selected>-</option>
				</select>  

				<span class="input-group-text">Halls</span>
  				<select id="halls" class="form-select">
					<option value="" disabled selected>-</option>
				</select>  
							
			</div>

					

			<div>
				<button id="createstandsalle" type="button" class="btn btn-primary ml-3" style="">Créer un stand</button>
			</div> 

		</div>
				
		{# </div> #}
		

		<div class="mt-2">
			<div id="message-alert" class="alert alert-success" role="alert">
					<strong id="message">Pas de message</strong>
			</div>
		</div> 

		
	<div class ="border" id="mapid" style="width: 100%; height: 85vh;"></div>

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

		<script src="{{ asset('build/leaflet/leaflet.js') }}"></script>
		<script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>

{% endblock %}