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

{% block title %}
	COSAP - {% if action == "add" %}{% trans %}Nouvelle{% endtrans %}{% else %}{% trans %}Modifier{% endtrans %}{% endif %} {% trans %}Opportunité{% endtrans %}
{% endblock %}


{% block body %}
	{{ parent() }}

	<section class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
					<h6 style="font-weight:500;">
						{% if action == "add" %}
                            {% trans %}Nouvelle{% endtrans %}
						{% else %}
							{% trans %}Modifier{% endtrans %}
						{% endif %}
						{% trans %}Opportunité{% endtrans %}
					</h6>
					<div class="heading-elements mt-0">
						<a class="btn btn-warning btn-sm" {% if action == "add" %} href="{{ path('opportunity_crm_page', {nature:'mine'}) }}" {% elseif action == "edit" %} href="{{ path('details_opportunity_crm_page',{nature:'mine', id_opportunity:opportunity.id}) }}" {% endif %} title="{% trans %}Retour en arrière{% endtrans %}">
							<i class="fa fa-arrow-circle-left"></i>
						</a>
					</div>
				</div>
				<div class="card-body">
					{{ form_start(form, {'attr' :{'class' : 'form-disable', 'novalidate': 'novalidate', 'role': 'form'}}) }}

					<div class="row" {% set is_commerciale = false %}>

						{% if app.user and is_granted('ROLE_UTILISATEUR_COMMERCIALE') %}
							{% set is_commerciale = true %}
						{% endif %}

						<div class="col-md-12">

							<div class="form-group m-b-40">

								<label>{% trans %}Titre{% endtrans %}</label> : <span class="text-danger">*</span>

								<input type="text" class="form-control" id="opportunity_title" name="{{ form.title.vars.full_name }}" value="{{ form.title.vars.value }}">

								{% if not form.title.vars.valid %}

									{% for error in form.title.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.title.setRendered %}

							</div>

						</div><!-- end div title -->

                        <div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Type{% endtrans %}</label> : <span class="text-danger">*</span>

								{{ form_widget(form.type, {'attr' : {'class':'select2 form-control'}}) }}

								{% if not form.type.vars.valid %}

									{% for error in form.type.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.type.setRendered %}

							</div>

						</div> <!-- end div type -->

						{% if is_commerciale == false %}

							<div class="col-md-3">

								<div class="form-group m-b-40">

									<label>{% trans %}Responsable commercial{% endtrans %}</label> : <span class="text-danger">*</span>

									{{ form_widget(form.responsableCommerciale, {'attr' : {'class':'select2 form-control'}}) }}

									{% if not form.responsableCommerciale.vars.valid %}

										{% for error in form.responsableCommerciale.vars.errors %}

											<span class="text-danger">{{ error.message }}</span>

										{% endfor %}

									{% endif %}

									{% do form.responsableCommerciale.setRendered %}

								</div>

							</div> <!-- end div responsable commercial -->

						{% endif %}

						<div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Client{% endtrans %}</label> : <span class="text-danger">*</span>

								{{ form_widget(form.client, {'attr' : {'class':'select2 form-control'}}) }}

								{% if not form.client.vars.valid %}

									{% for error in form.client.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.client.setRendered %}

							</div>

						</div> <!-- end div client -->

						<div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Source de l'opportunité{% endtrans %}</label> : <span class="text-danger">*</span>

								{{ form_widget(form.source, {'attr' : {'class':'select2 form-control opportunity_source'}}) }}

								{% if not form.source.vars.valid %}

									{% for error in form.source.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.source.setRendered %}

							</div>

						</div> <!-- end div source -->

						<div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Apporteur de l'opportunité{% endtrans %}</label> : <span class="text-danger oblige_apporteur_opportunity d-none">*</span>

								{{ form_widget(form.apporteurOpportunity, {'attr' : {'class':'select2 form-control apporteur_opportunity'}}) }}

								{% if not form.apporteurOpportunity.vars.valid %}

									{% for error in form.apporteurOpportunity.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.apporteurOpportunity.setRendered %}

							</div>

						</div> <!-- end div apporteur d'opportunité -->

                        <div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Partenaire{% endtrans %}</label> : <span class="text-danger oblige_partenaire_opportunity d-none">*</span>

								{{ form_widget(form.contact, {'attr' : {'class':'select2 form-control partenaire_opportunity'}}) }}

								{% if not form.contact.vars.valid %}

									{% for error in form.contact.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.contact.setRendered %}

							</div>

						</div> <!-- end div partenaire -->

						<div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Financement{% endtrans %}</label> :

								{{ form_widget(form.financement, {'attr' : {'class':'select2 form-control'}}) }}

								{% if not form.financement.vars.valid %}

									{% for error in form.financement.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.financement.setRendered %}

							</div>

						</div> <!-- end div financement -->

						<div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Probabilité de concrétisation (en %){% endtrans %}</label> : 

								<div class="input-group">
									
									<input type="number" class="form-control" id="prob_concretisation" name="{{ form.probabiliteConcretisation.vars.full_name }}" value="{{ form.probabiliteConcretisation.vars.value|replace({',':'.'}) }}"><span class="bar"></span>

								</div>
								
								{% if not form.probabiliteConcretisation.vars.valid %}

									{% for error in form.probabiliteConcretisation.vars.errors %}

										<span class="text-danger"> {{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.probabiliteConcretisation.setRendered %}

							</div>

						</div> <!-- end div probabilité de concretisation -->

						<div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Date de soumission{% endtrans %}</label> : <span class="text-danger oblige_date_soumission d-none">*</span>

								<div class="input-group">

									<input type="text" class="form-control" id="opportunity_date_soumission" name="{{ form.dateSoumission.vars.full_name }}" value="{{ form.dateSoumission.vars.value }}">

									<div>
										<a class="btn btn-primary" id="clear_date_soumission" title="{% trans %}Effacer{% endtrans %}">
											<i class="fa fa-window-close" style="color:white;"></i>
										</a>
									</div>

								</div>

								{% if not form.dateSoumission.vars.valid %}

									{% for error in form.dateSoumission.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.dateSoumission.setRendered %}

							</div>

						</div> <!-- end div date de soumission -->	

						<div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Type de soumission{% endtrans %}</label> : <span class="text-danger oblige_type_soumission d-none">*</span>

								{{ form_widget(form.typeSoumission, {'attr' : {'class':'select2 form-control opportunity_type_soumission'}}) }}

								{% if not form.typeSoumission.vars.valid %}

									{% for error in form.typeSoumission.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.typeSoumission.setRendered %}

							</div>

						</div> <!-- end div type soumission -->

						<div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Montant caution{% endtrans %} </label> :

								<div class="input-group">
									
									<input type="number" class="form-control" id="montant_caution" name="{{ form.montantCaution.vars.full_name }}" value="{{ form.montantCaution.vars.value|replace({',':'.'}) }}"><span class="bar"></span>

								</div>
								
								{% if not form.montantCaution.vars.valid %}

									{% for error in form.montantCaution.vars.errors %}

										<span class="text-danger"> {{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.montantCaution.setRendered %}

							</div>

						</div><!-- end div montant caution -->

						<div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Budget{% endtrans %} </label> :

								<div class="input-group">
									
									<input type="number" class="form-control" name="{{ form.budget.vars.full_name }}" value="{{ form.budget.vars.value|replace({',':'.'}) }}"><span class="bar"></span>

								</div>
								
								{% if not form.budget.vars.valid %}

									{% for error in form.budget.vars.errors %}

										<span class="text-danger"> {{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.budget.setRendered %}

							</div>

						</div><!-- end div budget -->

						<div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Montant part SFM{% endtrans %} </label> :

								<div class="input-group">
									
									<input type="number" class="form-control" name="{{ form.montantPartSFM.vars.full_name }}" value="{{ form.montantPartSFM.vars.value|replace({',':'.'}) }}"><span class="bar"></span>

								</div>
								
								{% if not form.montantPartSFM.vars.valid %}

									{% for error in form.montantPartSFM.vars.errors %}

										<span class="text-danger"> {{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.montantPartSFM.setRendered %}

							</div>

						</div><!-- end div montant part SFM -->

						<div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Unité des montants{% endtrans %}</label> : <span class="text-danger">*</span>

								{{ form_widget(form.unity, {'attr' : {'class':'select2 form-control'}}) }}

								{% if not form.unity.vars.valid %}

									{% for error in form.unity.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.unity.setRendered %}

							</div>

						</div> <!-- end div unity -->

						<div class="col-md-3">

							<div class="form-group m-b-40">

								<label>{% trans %}Responsable technique{% endtrans %}</label> :

								{{ form_widget(form.responsableTechnique, {'attr' : {'class':'select2 form-control'}}) }}

								{% if not form.responsableTechnique.vars.valid %}

									{% for error in form.responsableTechnique.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.responsableTechnique.setRendered %}

							</div>

						</div> <!-- end div responsable technique -->

						<div class="col-md-{% if is_commerciale %}6{% else %}3{% endif %}">

							<div class="form-group m-b-40">

								<label>{% trans %}Projet (s){% endtrans %}</label> :

								{{ form_widget(form.projet, {'attr' : {'class':'select2 form-control'}}) }}

								{% if not form.projet.vars.valid %}

									{% for error in form.projet.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.projet.setRendered %}

							</div>

						</div> <!-- end div projet -->

						<div class="col-md-12">

							<div class="form-group m-b-40">

								<label>{% trans %}Intervenants{% endtrans %}</label> : 

								{{ form_widget(form.intervenants, {'attr' : {'class':'select2 form-control'}}) }}

								{% if not form.intervenants.vars.valid %}

									{% for error in form.intervenants.vars.errors %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.intervenants.setRendered %}

							</div>

						</div> <!-- end div intervenants -->

						<!-- debut input files -->
						<div class="col-md-12 mb-1">

							<label for="input3">{% trans %}Pièces jointes{% endtrans %}</label> :
							
							<div class="pl-2 pr-2" style="border:solid 1px black;">

								<div class="listeFiles" id="attaches" data-prototype="{{ form_widget(form.opportunityFiles.vars.prototype)|e }}"></div>
								
								<div class="mb-2 mt-2">
									<button id="AddFiles" type="button" class="btn mr-1 mb-1 btn-outline-success btn-sm" style=" padding: 7px;">
										<i class="fa fa-plus"></i>
										{% trans %}Ajouter fichier{% endtrans %}
									</button>
								</div>
								<!-- start Liste Des Pièces Jointes Enregistrées -->
								{% if opportunity is defined and opportunity.opportunityFiles|length %}

									<div class="table-responsive mb-2" {% set nb_files = opportunity.opportunityFiles|length %}>

										<table class="table table_file table-hover table-bordered mb-0 ps-container ps-theme-default">
											<thead style="background:#e0eeea57;">
												<tr id="header_table_files">

													<th>Label</th>

													<th style="text-align:center;width:100px;min-width:90px;">Affichage</th>

													<th style="text-align:center;width:100px;min-width:90px;">Suppression</th>

												</tr>

											</thead>

											<tbody>

												{% for fichier in opportunity.opportunityFiles %}

													<tr id="row_{{ fichier.id }}" data-id="{{ fichier.id }}">

														<td title="{{ fichier.file }}" style="cursor:pointer;">{{ fichier.file|truncate(110, true, '...') }}</td>

														<td style="width:100px;min-width:100px;text-align:center;">

															{% set extension = fichier.file | split(".") | last | lower %}

															{% if extension in ["doc", "ppt", "xls", "docx", "pptx", "xlsx",'pdf','txt','sql'] %}

																<a class="word btn btn-secondary btn-sm btn-not-load" title="Afficher" style="cursor:pointer;" href="https://docs.google.com/viewerng/viewer?url={{ absolute_url(asset('uploads/opportunities/Opportunity-'~ opportunity.id ~'/'~ fichier.file)) }}&embedded=true">

																	<i class="fa fa-desktop" aria-hidden="true" style="color:white;"></i>

																</a>

															{% elseif extension in ['png','jpg','jpeg','gif'] %}

																<a class="show-fancybox btn btn-secondary btn-sm btn-not-load" title="Afficher" style="cursor:pointer;" href="{{asset('uploads/opportunities/Opportunity-'~ opportunity.id ~'/'~ fichier.file) }}">

																	<i class="fa fa-desktop" aria-hidden="true" style="color:white;"></i>

																</a>

															{% endif %}

															<a class="btn btn-info btn-sm btn-not-load" href="{{ asset('uploads/opportunities/Opportunity-'~ opportunity.id ~'/'~ fichier.file)}}" target="_blank" title="Télécharger" style="cursor:pointer;">

																<i class="fa fa-cloud-download" aria-hidden="true" style="color:white;"></i>

															</a>

														</td>

														<td style="width:100px;min-width:100px; text-align:center;">

															<a class="btn btn-danger btn-sm" id="delete_file" data-id="{{ fichier.id }}" data-nb-files="{{ nb_files }}" data-toggle="modal" data-target="#modal_delete_file_opportunity" title="Supprimer" style="cursor:pointer;">

																<i class="fa fa-trash-o" aria-hidden="true" style="color:white;"></i>

															</a>

														</td>

													</tr>

												{% endfor %}

											</tbody>

										</table>

									</div>

								{% endif %}
								<!-- end Liste Des Pièces Jointes Enregistrées -->
							</div>
							{% do form.opportunityFiles.setRendered %}
						</div> <!-- fin input files -->

						<div class="col-12 mt-1">
							<div class="form-group">

								<label for="input3">Description :</label>
								{{ form_widget(form.description, {'attr' : {'class':'form-control summernote','style':'width:100% !important;max-height: 100px;','id':'description'}})}}

								<span class="bar"></span>

								<span class="help-block" id="msg_description" style="color:#f31313;"></span>

								{% if not form.description.vars.valid %}

									{% for error in form.description.vars.errors %}

										<span class="help-block" id="msg_description" style="color:#f31313;">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.description.setRendered %}

							</div>
						</div>

						<div class="col-md-12 mt-3">

							<a class="btn btn-danger btn-sm waves-effect pull-left text-white" style="padding:7px;"{% if action == "add" %} href="{{ path('opportunity_crm_page', {nature:'mine'}) }}" {% elseif action == "edit" %} href="{{ path('details_opportunity_crm_page',{nature:'mine', id_opportunity:opportunity.id}) }}" {% endif %}>{% trans %}Annuler{% endtrans %}</a>

							{{ form_widget(form.save, {'attr' :{'class':'btn btn-success pull-right btn-sm', 'style':'padding:7px;'}})}}

						</div>
						<!-- end div action -->

					</div>
					<!-- end div row -->

					{{ form_end(form) }}
				</div>
			</div>
		</div>
	</section>

	{% include('CRM/OpportunityCRM/modals/delete_file_opportunity.html.twig') %}

{% endblock %}

{% block javascripts %}
	{{ parent() }}

	<script type="text/javascript">

		$('#opportunity_date_soumission').bootstrapMaterialDatePicker({
			weekStart: 0,
			time: false,
			disabledDays: [],
			lang: 'fr',
			weekStart: 1
		});

		$("#clear_date_soumission").click(function () {

			$('#opportunity_date_soumission').val("");

		});

		$("#opportunity_crm_projet").select2({closeOnSelect:false});

		$("#opportunity_crm_intervenants").select2({closeOnSelect:false});

		$('.summernote').summernote({
            lang: "fr-FR",
            height: 120
        });

		{% for flash_message in app.session.flashBag.get('success') %}

            toastr.success('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('info') %}

            toastr.info('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('warning') %}

            toastr.warning('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('error') %}

            toastr.error('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

	</script>

    {% include('CRM/OpportunityCRM/ajax/manage_type_opportunity.html.twig') %}

	{% include('CRM/OpportunityCRM/ajax/manage_pieces_jointes.html.twig') %}

	{% include('CRM/OpportunityCRM/ajax/add_opportunity.html.twig') %}

	{% include('CRM/OpportunityCRM/ajax/delete_file_opportunity.html.twig') %}

{% endblock %}