{# Modal Creation Categorie #}
<div class="modal fade" id="modalCreationCategorie" aria-hidden="true" aria-labelledby="..." tabindex="-1">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content container p-3">

			{{form_start(categorieForm)}}
			{{form_row(categorieForm.Reference)}}
			{{form_row(categorieForm.Libelle)}}
			{{form_row(categorieForm.icone)}}


			<div
				class="modal-footer">
				<!-- Toogle to first dialog, `data-bs-dismiss` attribute can be omitted - clicking on link will close dialog anyway -->
				<a class="btn btn-danger" href="#modalCreationProduit" data-bs-toggle="modal" data-bs-dismiss="modal" role="button">Annuler</a>
				{{form_row(categorieForm.submit)}}
				{{form_end(categorieForm)}}


			</div>
		</div>
	</div>
</div>
{# Modal edition icone  Categorie #}
<div class="modal fade" id="editCatIconeModal" aria-hidden="true" aria-labelledby="..." tabindex="-1">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content container p-3">
			{{form_start(editCatIcone)}}
			{{form_widget(editCatIcone)}}


			<div
				class="modal-footer">
				<!-- Toogle to first dialog, `data-bs-dismiss` attribute can be omitted - clicking on link will close dialog anyway -->
				<a class="btn btn-danger" href="#editCatIconeModal" data-bs-toggle="modal" data-bs-dismiss="modal" role="button">Annuler</a>
				<button class="btn btn-success">Modifier</button>
				{{form_end(editCatIcone)}}


			</div>
		</div>
	</div>
</div>

<!-- Modal Supression Categorie -->
<div class="modal fade" id="deleteCategorieModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Supprimer une catégorie</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				{{form_start(deleteCategorie,{ 'action' : path('stock.deleteCate')})}}
				{{form_row(deleteCategorie.categorie)}}

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
				{{form_row(deleteCategorie.submit)}}
				{{form_end(deleteCategorie)}}


			</div>
		</div>
	</div>
</div>


{# Modal Creation Composant #}
<div class="modal fade" id="createComposantModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Creer un composant</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				{{form_start(createComposant)}}


				{{form_row(createComposant.categorie)}}
				{{form_row(createComposant.marque)}}
				{{form_row(createComposant.model)}}
				{{form_row(createComposant.specs)}}
				{{form_row(createComposant.isbn)}}
				{{form_row(createComposant.prix)}}
				{{form_row(createComposant.id_shopify)}}
				{{form_row(createComposant.quantite)}}


			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
				{{form_row(createComposant.submit)}}
				{{form_end(createComposant)}}

			</div>
		</div>
	</div>
</div>

{# Modal ajout qte Composant #}
<div class="modal fade" id="ajoutComposantModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Ajouter un composant</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">

				{{form_start(addComposant,{'action': path('stock.addCompo'),'method': 'POST'})}}

				<div id="component_00">
					<div class="d-flex">
						<input type="text" class="form-control w-100" value="" autocomplete="off" placeholder="Search" name='searchCompo' list="compo">
					</div>
				</div>

				{{form_row(addComposant.quantite)}}

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
				{{form_row(addComposant.submit)}}
				{{form_end(addComposant)}}
			</div>
		</div>
	</div>
</div>

<!-- Modal Supression Composant -->

<div class="modal fade" id="deleteComposantModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Supprimer un composant</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				{{form_start(deleteComposant,{'action': path('stock.deleteCompo'),'method': 'POST'})}}

				<input type="text" class="form-control w-100" value="" autocomplete="off" placeholder="Search" name='searchCompo' list="compo">


			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
				{{form_row(deleteComposant.submit)}}
				{{form_end(deleteComposant)}}


			</div>
		</div>
	</div>
</div>


{# Modal Creation PC #}
<div class="modal fade" id="createPcModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Creer un PC</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				{{form_start(createPc,{'action': path('stock.createPc'),'method': 'POST','id': 'createPcForm'})}}

				{{form_row(createPc.sku)}}
				{{form_row(createPc.modele)}}
				{{form_row(createPc.prix)}}
				{{form_row(createPc.emplacement)}}


				<button class="btn btn-success my-2" type="button" id="addComposantPc">Ajouter Composant</button>
				<div id="pc_components"></div>

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
				{{form_row(createPc.submit)}}
				{{form_end(createPc)}}


			</div>
		</div>
	</div>
</div>

{# Modal Supression PC #}
<div class="modal fade" id="deletePcModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Creer un PC</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				{{form_start(deletePc)}}


				{{form_row(deletePc.pc)}}

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
				{{form_row(deletePc.submit)}}
				{{form_end(deletePc)}}


			</div>
		</div>
	</div>
</div>

{# Modal edit img PC #}
<div class="modal fade" id="editImagePc" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Modifier une image de PC</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<form action="{{path('stock.edit.pc')}}" enctype="multipart/form-data" method="post">
				<div class="modal-body">
					<div class="fetched-data"></div>


				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
					<button class="btn btn-success" type="submit">Modifier</button>


				</div>
			</form>
		</div>
	</div>
</div>

{# Modal duplication PC #}
<div class="modal fade" id="duplicatePcModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Dupliquer un PC</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<form action="{{path('stock.duplicate.pc')}}" method="post">
				<div class="modal-body">
					<div id="body_duplicate_pc">
						<div class="d-flex">
							<input type="text" class="form-control w-100" value="" autocomplete="off" placeholder="Rechercher un Pc" name='pcSearch' list="pc">

						</div>
					</div>
					<label for="sku">SKU</label>
					<input type="text" name="sku" class="form-control" required="required">

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
					<button class="btn btn-success" type="submit">Modifier</button>


				</div>
			</form>
		</div>
	</div>
</div>
{# Modal affichage image #}
<div class="modal fade" id="displayImgModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div>
			<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
  <div class="fetched-data"></div>
  
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>
				

			</div>

		</div>
	</div>
</div>

{# Modal edit image compo #}
<div class="modal fade" id="editImgCompoModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5>Modifier une image</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<form action="{{path('stock.compo.edit')}}" enctype="multipart/form-data" method="post">

				<div class="modal-body">
					<div class="fetched-data"></div>
					<label for="image">Image</label>
					<input type="file" name="image" class="form-control">

					<label for="fiche">Fiche Produit</label>
					<input type="file" name="fiche" class="form-control">

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
					<button class="btn btn-success" type="submit">Modifier</button>
				</div>
			</form>

		</div>
	</div>
</div>


{# Modal create emplacement #}
<div class="modal fade" id="createEmplacement" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

	<div class="search-dialog modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5>Ajouter un emplacement</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>

			<div class="modal-body">
				{{render(path('emplacement_new'))}}

			</div>

		</div>
	</div>
</div>
{# Modal create emplacement #}
<div class="modal fade" id="deleteEmplacement" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

	<div class="search-dialog modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5>Supprimer un emplacement</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>

			<div class="modal-body">
				{{render(path('emplacement_delete_select'))}}


			</div>

		</div>
	</div>
</div>
{# Modal create laptop #}
<div class="modal fade" id="createLaptopModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

	<div class="search-dialog modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5>Créer un laptop</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>

			<div class="modal-body">
				{{render(path('laptop_new'))}}


			</div>

		</div>
	</div>
</div>
{# Modal create TailleEcran #}
<div class="modal fade" id="createTailleEcranModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

	<div class="search-dialog modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5>Créer une taille d'écran</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>

			<div class="modal-body">
				{{render(path('taille_ecran_new'))}}


			</div>

		</div>
	</div>
</div>


{% include 'CRUD/composant/searchModal.html.twig' %}