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

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

{% block javascripts %}

	<script src="/js/settings.js"></script>
{% endblock %}

{% block body %}
	<div class=" container absolute">
		<h3>{{revendeur}}</h3>
		<fieldset class="my-3">
			<legend>Offres Spéciales :</legend>
			<form action="" method="post">
				<div class="d-flex">
					<textarea name="offre" rows="5" class="form-control">{{revendeur.offre}}</textarea>
					<button type="submit" class="btn btn-success">Modifier</button>
				</div>
			</form>
		</fieldset>

		<table class="table mb-5 ">

			<thead>
				<td>Image</td>
				<td>PC</td>
				<td>Prix</td>
				<td>Quantité</td>
				<td>Delai de livraison</td>
				<td></td>
			</thead>
			<tbody>
				{% for pc in pcs %}
					{% set pcRevendeur = revendeur.getPcRevendeurWithPc(pc) %}
					<tr>
						<td><img src="/img/pc/{{pc.sku}}.jpg" alt="{{pc}}" width="100"></td>
						<td>{{pc}}</td>
						{% if revendeur.havePc(pc) %}
							<td>
								<div id="pcPrice_{{pc.sku}}">
									{{pcRevendeur.prix}}

									<button onclick='editPcRevendeurPrice("{{pc.sku}}")' class="btn btn-white"><img src="{{asset('img/edit.svg')}}" alt="edit"></button>


								</div>
								{% include "stock/component/input.html.twig" with {'id' : 'editPcPrice_'~pc.sku , 'input_value' : pcRevendeur.prix, 'function' : 'updatePcRevendeurPrice("'~pc.sku~'","'~ path('settings.revendeur.edit.pc',{id : revendeur.getId()})~'")'}%}


							</td>

							<td>
								<div id="pcQte_{{pc.sku}}">

									{{pcRevendeur.quantite}}

									<button onclick='editPcQte("{{pc.sku}}")' class="btn btn-white"><img src="{{asset('img/edit.svg')}}" alt="edit"></button>

								</div>
								{% include "stock/component/input.html.twig" with {'id' : 'editPcQte_'~pc.sku , 'input_value' : pcRevendeur.quantite, 'function' : 'updatePcQte("'~pc.sku~'","'~path('settings.revendeur.edit.pc',{id : revendeur.getId()})~'")'}%}


							</td>


						{% else %}
							<td>{{pc.prix}}</td>
							<td>{{pc.quantite}}</td>


						{% endif %}

						<td>
							<div id="pcDelai_{{pc.sku}}">

								{{pc.delai}}


								<button onclick='editPcDelai("{{pc.sku}}")' class="btn btn-white"><img src="{{asset('img/edit.svg')}}" alt="edit"></button>

							</div>
							{% include "stock/component/input.html.twig" with {'id' : 'editPcDelai_'~pc.sku , 'input_value' : pc.delai, 'function' : 'updatePcDelai("'~pc.sku~'","'~path('stock.edit.pc')~'")'}%}


						</td>

						<td>
							<label class="switch">
								<input type="checkbox" {% if revendeur.havePc(pc) %} checked {% endif %} onclick="togglePcToRevendeur('{{revendeur.getId()}}' , '{{pc.getId()}}' , '{{path('settings.revendeur.toggle.pc')}}')">

								<span class="slider round"></span>
							</label>
						</td>
					</tr>
				</tbody>
			{% endfor %}
		</table>

	</div>
{% endblock %}