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

{% block titre_enfant %}
	Rendez-vous
{% 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 d'un rendez-vous de l'agenda commercial</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 mt-3">
							<div class="col-lg-3">
								{{form_label(form.dateRdv, "Date du rendez-vous", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.dateRdv, {'attr': {'class': 'form-control form-control-sm mb-3'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.personne, "Personne", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.personne, {'attr': {'class': 'form-control form-control-sm mb-3'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.entreprise, "Entreprise", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.entreprise, {'attr': {'class': 'form-control form-control-sm mb-3'}})}}
							</div>
						</div>

						<div class="row mt-3">
							<div class="col-lg-3">
								{{form_label(form.heureDebut, "Heure de début", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.heureDebut, {'attr': {'class': 'form-control form-control-sm mb-3'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.heureFin, "Heure de fin", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.heureFin, {'attr': {'class': 'form-control form-control-sm mb-3'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.motifRdv, "Motif du rendez-vous", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
								{{form_widget(form.motifRdv, {'attr': {'class': 'form-control form-control-sm mb-3'}})}}
							</div>
						</div>

						<div class="row mt-3">
							<div class="col-lg-3">
								{{form_label(form.commentaire, "Commentaire", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
								{{form_widget(form.commentaire, {'attr': {'class': 'form-control form-control-sm mb-3'}})}}
							</div>
							<div class="col-lg-2">
								<div class="custom-control custom-checkbox mt-4">
									{{form_label(form.realise, "Realisé", {'label_attr': {'class': 'custom-control-label col-form-label col-form-label-sm mt-0'}})}}<br/>
									{{form_widget(form.realise, {'attr': {'class': 'custom-control-input'}})}}
								</div>
							</div>
							<div class="col-lg-3">
								{{form_label(form.typeRdv, "Type rendez-vous", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}
								{{form_widget(form.typeRdv, {'attr': {'class': 'custom-select custom-select-sm mb-3'}})}}
								<input type="text" id="autre_type_rendez_vous" name="autre_type_rendez_vous" class="form-control form-control-sm" style="display: none"/>
							</div>
							<div class="col-lg-3">
								<div class="custom-control custom-checkbox mt-4">
									<input type="checkbox" id="autre_type_rendez_vous_checkbox" name="autre_type_rendez_vous_checkbox" class="custom-control-input"/>
									<label for="autre_type_rendez_vous_checkbox" class="custom-control-label col-form-label col-form-label-sm mt-0">Autre type de rendez-vous</label>
								</div>
							</div>
						</div>

						{% if edit is defined and edit == true %}
							<div class="row mt-3">
								<div class="col-lg-12">
									<div class="custom-control custom-checkbox mt-4">
										<input type="checkbox" id="suivi_client" name="suivi_client" class="custom-control-input"/>
										<label for="suivi_client" class="custom-control-label col-form-label col-form-label-sm mt-0">Renseignez le suivi client pour ce rendez-vous ?</label>
									</div>
								</div>
							</div>
						{% endif %}
						<div class="row" style="display:none" id="suivi_client_inputs">
							<div class="col-lg-12">
								<label for="observations" class="col-form-label col-form-label-sm">Observations</label><br/>
								<textarea id="observations" name="observations" class="form-control form-control-sm text-justify" style="height: 200px;overflow:auto;"></textarea><br/>
								<label for="propositions" class="col-form-label col-form-label-sm">Propositions</label><br/>
								<textarea type="text" id="propositions" name="propositions" class="form-control form-control-sm text-justify" style="height: 200px;overflow:auto"></textarea><br/>
							</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_agenda_rdv_list')}}">
									<i class="fa fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Annuler
								</a>
								<button class="btn btn-new btn-sm">
									<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 () {
			$('#autre_type_rendez_vous_checkbox').change(function(){
				if($(this).is(':checked')){
					$('#rdv_commercial_typeRdv').hide();
					$('#autre_type_rendez_vous').show();
				}else{
					$('#rdv_commercial_typeRdv').show();
					$('#autre_type_rendez_vous').hide();
				}
			});
			$('#suivi_client').change(function(){
				if($(this).is(':checked')){
					$('#suivi_client_inputs').show();
				}else{
					$('#suivi_client_inputs').hide();
				}
			});
		});
	</script>
{% endblock %}