{# @author: Benjamin AMOUZOU <benkokouamouzou@gmail.com> #}
{% extends "commercial/template-commercial.html.twig" %}

{% block titre_enfant %}
	Matière première
{% endblock %}

{% block contenu_principal_commercial %}
	<div class="container-fluid">
		{% include('template-message.html.twig') %}
		<div class="row">
			<div class="col-12">
				<h5 class="mt-3">Edition matière première</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12">
				<div class="edit-border">
					<form method="post">

						<div class="row">
							<div class="col-lg-3">
								{{form_label(form.denomination,"Dénomination", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.denomination, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>

							<div class="col-lg-3">
								{{form_label(form.familleMatiere,"Famille de matière", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
								{{form_widget(form.familleMatiere, {'attr': {'class': 'custom-select custom-select-sm'}})}}
							</div>

							<div class="col-lg-3">
								<div class="custom-control custom-checkbox">
									<input type="checkbox" id="rachat_fournisseur_formel" name="matiere_premiere[byToFournisseurFormel]" class="custom-control-input" {% if form.prixKiloFormel is not null %}checked value="1"{% endif %}/>
									<label for="rachat_fournisseur_formel" class="custom-control-label col-form-label col-form-label-sm mt-0">Rachat fournisseur formel ?</label>
								</div>
								<div id="container_input_formel" {% if form.prixKiloFormel is null %}style="display: none"{% endif %}>
									{{form_label(form.prixKiloFormel,"Informel: prix max d'achat du kg (FCFA)", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
									{{form_widget(form.prixKiloFormel, {'attr': {'class': 'form-control form-control-sm'}})}}
								</div>
							</div>

							<div class="col-lg-3">
								<div class="custom-control custom-checkbox">
									<input type="checkbox" id="rachat_fournisseur_informel" name="matiere_premiere[byToFournisseurInformel]" class="custom-control-input" {% if form.prixKiloInformel is not null %}checked value="1"{% endif %}/>
									<label for="rachat_fournisseur_informel" class="custom-control-label col-form-label col-form-label-sm mt-0">Rachat fournisseur informel ?</label>
								</div>
								<div id="container_input_informel" {% if form.prixKiloInformel is null %}style="display: none"{% endif %}>
									{{form_label(form.prixKiloInformel,"Formel: prix d'achat du kg (FCFA)", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
									{{form_widget(form.prixKiloInformel, {'attr': {'class': 'form-control form-control-sm'}})}}
								</div>
							</div>
						</div>

						{{ form_row(form._token) }}

						<div class="row mt-3">
							<div class="col-lg-12">
								<a class="btn btn-discard btn-sm" href="{{path('app_famille_matiere_list')}}">
									<i class="fa fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Annuler</a>
								<button class="btn btn-sm btn-new">
									<i class="fa fa-floppy-o fa-lg" color="white"></i>&nbsp;&nbsp;Enrégistrer</button>
							</div>
						</div>

					</form>
				</div>
			</div>
		</div>
	</div>
{% endblock %}

{% block script %}
	<script>
		$(document).ready(function(){
			$('#rachat_fournisseur_formel').change(function(){
				if($(this).is(':checked')){
					$('#container_input_formel').css('display','');
					$('#rachat_fournisseur_formel').attr('value', '1');
				}else{
					$('#container_input_formel').css('display', 'none');
					$('#container_input_formel :input').attr('value', '');
					$('#rachat_fournisseur_formel').attr('value', '0');
				}
			});
			$('#rachat_fournisseur_informel').change(function(){
				if($(this).is(':checked')){
					$('#container_input_informel').css('display','');
					$('#rachat_fournisseur_informel').attr('value', '1');
				}else{
					$('#container_input_informel').css('display', 'none');
					$('#container_input_formel :input').attr('value', '');
					$('#rachat_fournisseur_informel').attr('value', '0');
				}
			});
		});
	</script>
{% endblock %}