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

{% block title %}Len's Backoffice - Paramètres
{% endblock %}

{% block stylesheets %}
	<link rel="stylesheet" href="/css/settings.css">
{% endblock %}

{% block body %}
	<div class="container absolute mb-3">

		
		<div class="d-flex">

			<a href="{{ path('forfait_index') }}" class="btn btn-info">Gestion des forfaits</a>
			<a href="{{ path('marque_index') }}" class="btn btn-info mx-3">Gestion des marques</a>
			<a href="{{ path('taille_ecran_index') }}" class="btn btn-info mx-3">Gestion des Tailles d'écran</a>
		</div>

		<form action="" id="settings_form" method="post">
			<table class="table">

				<tbody>
					<tr>

						<td>
							<label for="tva">TVA :</label>
						</td>


						<td>
							<div class="input-group w-75">
								<span class="input-group-text" id="basic-addon1">%</span>
								<input type="number" name="tva" pattern="[0-9]" min="0" value="{{tva}}" id="tva_input" class="form-control w-25">

								<button class="btn btn-success" type="submit"><img src="/img/check.svg" alt="check"></button>


							</div>
						</td>

					</tr>

					<tr>
						<td>
							<label for="warningQteCompo">Warning Quantité Composants :</label>
						</td>

						<td>
							<div class="d-flex">
								<input type="number" id="warning_qte_compo_input" name="warningQteCompo" pattern="[0-9]" min="0" value="{{warningQteCompo}}" class="form-control w-25">

								<button class="btn btn-success" type="submit"><img src="/img/check.svg" alt="check"></button>
							</div>
						</td>

					</tr>


					<tr>
						<td>
							<label for="txHeure">Tarif / heure :</label>
						</td>


						<td>
							<div class="input-group ">
								<span class="input-group-text" id="basic-addon1">€</span>
								<input type="number" id="tx_heure_input" name="txHeure" pattern="[0-9]" min="0" value="{{txHeure}}" class="form-control w-25">
								<button class="btn btn-success" type="submit"><img src="/img/check.svg" alt="check"></button>


							</div>
						</td>

					</tr>
					<tr class="mx-3">
						<td>
							<label for="tarifKm">Tarif / Km :</label>
						</td>

						<td>
							<div class="input-group ">
								<span class="input-group-text" id="basic-addon1">€</span>
								<input type="number" id="tarif_km_input" name="tarifKm" min="0" value="{{tarifKm}}" step="0.01" class="form-control w-50">

								<button class="btn btn-success" type="submit"><img src="/img/check.svg" alt="check"></button>


							</div>
						</td>


					</tr>
				</tbody>

			</table>
		</form>


		<table class="table">
			<tbody>
				<tr>
					<td>
						<b>Mails :</b>
					</td>
					<td>
						<select name="model" class="form-select me-3 " id="mailType_select">
							{% for mail in mailType %}
								<option value="{{mail.id}}">{{mail}}</option>
							{% endfor %}

						</select>
					</td>
					<td>
						<button class="btn btn-white" onclick="editMailType()"><img src="/img/edit.svg" alt="edit" width="30"></button>
						<button type="button" data-bs-toggle="modal" data-bs-target="#mailTypeModal" class="btn btn-success"><img src="/img/plus.svg" alt="plus" width="30"></button>
					</td>
				</tr>

				<tr>
					{{form_start(problemeForm)}}
					<td>
						<b>Problèmes :</b>
					</td>


					<td>{{form_row(problemeForm.probleme)}}</td>

					<td>
						<button class="btn btn-success mx-3" type="button" data-bs-toggle="modal" data-bs-target="#createProbleme">Créer</button>
						<button class="btn btn-danger mx-3" type="submit" id="delete_probleme_submit">Supprimer</button>
					</td>
					{{form_end(problemeForm)}}


				</tr>
				<tr>
					{{form_start(operationForm)}}


					<td>
						<b>SAV Opération :</b>
					</td>
					<td>{{form_row(operationForm.operation)}}</td>
					<td>
						<button class="btn btn-success mx-3" type="button" data-bs-toggle="modal" data-bs-target="#createOperation">Créer</button>
						<button class="btn btn-info" type="button" onclick="editOperation('{{path("operations_edit",{id : 1})}}')">Modifier</button>
						<button class="btn btn-danger mx-3" type="submit" id="delete_operation_submit">Supprimer</button>
					</td>

					{{form_end(operationForm)}}

				</tr>
				<tr>{{form_start(transporteurForm)}}
					<td>
						<b>Transporteur:</b>
					</td>

					<td>{{form_row(transporteurForm.transporteur)}}</td>

					<td>
						<button class="btn btn-success mx-3" type="button" data-bs-toggle="modal" data-bs-target="#createTransporteur">Créer</button>


							<a href="{{ path('transporteur_index') }}" class="btn btn-info">Gerer les Transporteurs</a>

					</td>
					{{form_end(transporteurForm)}}

				</tr>
			</tbody>
		</table>
		<a href="{{path('settings_crud_edit',{id : 7})}}" class="btn btn-info">Modifier les marques associés au laptops</a>
		<button class="btn btn-info" data-bs-toggle="modal" data-bs-target="#editImageDefault">Modifier l'image par défaut des pcs</button>

	</div>
	<div class="container mt-5">
		<ul class="nav nav-tabs" id="settingsTab" role="tablist">
			<li class="nav-item" role="presentation">
				<button class="nav-link active" id="users-tab" data-bs-toggle="tab" data-bs-target="#users" type="button" role="tab" aria-controls="users" aria-selected="true">Utilisateurs</button>
			</li>
			<li class="nav-item" role="presentation">
				<button class="nav-link" id="revendeur-tab" data-bs-toggle="tab" data-bs-target="#revendeur" type="button" role="tab" aria-controls="revendeur" aria-selected="false">Revendeur</button>
			</li>
			<li class="nav-item" role="presentation">
				<button class="nav-link" id="stock-tab" data-bs-toggle="tab" data-bs-target="#stock" type="button" role="tab" aria-controls="stock" aria-selected="false">Stock</button>
			</li>
			<li class="nav-item" role="presentation">
				<button class="nav-link" id="stock-tab" data-bs-toggle="tab" data-bs-target="#fournisseur" type="button" role="tab" aria-controls="stock" aria-selected="false">Fournisseur</button>
			</li>
			<li class="nav-item" role="presentation">
				<button class="nav-link" id="stock-tab" data-bs-toggle="tab" data-bs-target="#emplacement" type="button" role="tab" aria-controls="stock" aria-selected="false">Emplacement</button>
			</li>
		</ul>
		<div class="tab-content" id="settingsTabContent">
			<div class="tab-pane fade show active" id="users" role="tabpanel" aria-labelledby="users-tab">
				<section class="my-3">
					<h3>Utilisateurs
						<button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#registerModal"><img src="/img/plus.svg" alt="plus" width="30"></button>
					</h3>
					<table class="table table-striped text-center">
						<thead>
							<tr>
								<td>Nom d'Utilisateur</td>
								<td>Role</td>
								<td></td>
							</tr>
						</thead>
						<tbody>
							{% for user in users %}
								<tr>
									<td>{{user}}</td>
									<td>
										{% for role in user.getRoles %}
											{{role}}
											<br>
										{% endfor %}
									</td>
									<td>
										{% if 'ROLE_ADMIN' not in user.roles %}
											<a onclick="setAdmin('{{user.username}}')" class=" btn btn-dark">Admin</a>
											<label class="switch">
												<input type="checkbox" onchange="toggleActif('{{user.username}}')" {% if 'ROLE_INACTIF' not in user.roles %} checked {% endif %}>
												<span class="slider round"></span>
											</label>


										{% endif %}

										{% if app.user.is('dev') %}
											<a href="{{ path('technicien_edit',{id : app.user.id}) }}" class="btn btn-info">Modifier</a>
										{% endif %}


									</td>

								</tr>
							{% endfor %}
						</tbody>
					</table>
				</section>


			</div>
			<div class="tab-pane fade" id="revendeur" role="tabpanel" aria-labelledby="profile-tab">
				<section class="my-3">
					<h3>Revendeur
						<button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#createRevendeurModal"><img src="/img/plus.svg" alt="plus" width="30"></button>
					</h3>
					<table class="table">
						<thead>
							<tr>
								<td>Nom</td>
								<td>Mail</td>
								<td>Adresse</td>
								<td>Contact</td>
								<td></td>
							</tr>

						</thead>
						<tbody>
							{% for item in revendeurs %}
								<tr id='revendeur_{{item.getId()}}'>
									<td>{{item.nom}}</td>
									<td>{{item.mail}}</td>
									<td>{{item.adresse}}
										<br>
										{{item.cp}}
										{{item.ville}}</td>
									<td>{{item.contact}}</td>
									<td class="d-flex">
										<a href="{{path('settings.revendeur.pcs',{id : item.getId() })}}" class="cmd-icon">
											<img src="/img/pc-tower.svg" alt="pc" width="50"></a>
										<button class="btn btn-white" onclick="deleteRevendeur('{{item.getId()}}', '{{path('settings.revendeur.delete')}}') " class="cmd-icon">

											<img src="/img/trash.svg" alt="trash" width="40">


										</button>
									</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>

				</section>
			</div>
			<div class="tab-pane fade" id="stock" role="tabpanel" aria-labelledby="stock-tab">
				<section class="my-3">
					<h3>Historique Stock</h3>
					<table class="table table-striped text-center">
						<thead>
							<tr>
								<td>Date de la modification</td>
								<td>Article</td>
								<td>Utilisateur</td>
								<td>Modification</td>
								<td>Quantité</td>
							</tr>
						</thead>
						<tbody>
							{% for item in historique %}
								<tr class="align-middle">
									<td>{{item.date}}</td>
									<td>{{item.article}}</td>
									<td>{{item.user}}</td>
									{% if item.modification == 'Retrait' %}
										<td class="bg-danger text-white p-3">{{item.modification}}</td>
									{% else %}
										<td class="bg-success text-white p-3">{{item.modification}}</td>


									{% endif %}
									<td>{{item.quantite}}</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>
				</section>

			</div>
			<div class="tab-pane fade" id="fournisseur" role="tabpanel" aria-labelledby="stock-tab">

				{{render( url('fournisseur_crud_list') )}}
			</div>
			<div class="tab-pane fade" id="emplacement" role="tabpanel" aria-labelledby="stock-tab">

				{{render( url('emplacement_index') )}}
			</div>
		</div>
	</div>
	
	
	{# Register Modal #}<div class="modal fade" id="registerModal" 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 utilisateur</h5>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body">
					{{ form_start(registrationForm) }}
					{{ form_row(registrationForm.username) }}
					{{ form_row(registrationForm.plainPassword, {
            label: 'Password'
        }) }}


				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
					<button type="submit" class="btn btn-success">Register</button>
					{{ form_end(registrationForm) }}


				</div>
			</div>
		</div>
	</div>{# Creation MailType Modal #}<div class="modal fade" id="mailTypeModal" 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 Mail Type</h5>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body">

					{{ render(path('mail_type_new'), options = {} )}}

				</div>
				<div class="modal-footer"></div>
			</div>
		</div>
	</div>{# Creation Revendeur Modal #}<div class="modal fade" id="createRevendeurModal" 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 Revendeur</h5>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body">
					{{form_start(createRevendeur)}}
					{{form_row(createRevendeur.nom)}}
					{{form_row(createRevendeur.SIRET)}}
					<div class="d-flex">
						{{form_row(createRevendeur.mail)}}
						{{form_row(createRevendeur.telephone)}}
					</div>
					{{form_row(createRevendeur.adresse)}}
					<div class="d-flex">
						{{form_row(createRevendeur.cp)}}
						{{form_row(createRevendeur.ville)}}

					</div>
					{{form_row(createRevendeur.contact)}}
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
					<button type="submit" class="btn btn-success">Creer</button>
					{{form_end(createRevendeur)}}


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


{# create probleme  #}
<div class="modal fade" id="createProbleme" 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">Créer un problème</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

      <div class="modal-body">

{{render(path('probleme_new'))}}

      </div>
 

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

{# create operation  #}
<div class="modal fade" id="createOperation" 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">Créer une opération</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

      <div class="modal-body">

{{render(path('operations_new'))}}

      </div>
 

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

{# create transporteur  #}
<div class="modal fade" id="createTransporteur" 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">Créer un transporteur</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

      <div class="modal-body">

{{render(path('transporteur_new'))}}

      </div>
 

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

{# Modal edit image default #}
	<div class="modal fade" id="editImageDefault" 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 l'image</h5>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>

				<div class="modal-body">
					{#	todo : mettre le form pour pouvoir modifier #}
					<form action="{{ path('editImageDefault') }}" method="post" enctype="multipart/form-data">
						<input type="file" accept="image/svg" name="file" required>
						<input type="submit" value="Upload">
					</form>
				</div>


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


	<script>
		function setAdmin(username) {
let confirm = window.confirm("Voulez vous passer cette utilisateur Administrateur");
if (confirm) {
window.location.href = "{{ path('settings.set',{role: 'admin'}) }}?username=" + username;

}
}

function toggleActif(username) {
if (event.target.checked) {
window.location.href = "{{ path('settings.set',{role: 'actif'}) }}?username=" + username;


} else {
window.location.href = "{{ path('settings.set',{role: 'inactif'}) }}?username=" + username;


}
}

function editMailType() {
let select = document.getElementById('mailType_select');
window.location.href = "{{ path('mail_type_edit') }}/?id=" + select.value;
}
	</script>
{% endblock %}
{% block javascripts %}
	<script src="/js/settings.js"></script>
{% endblock %}