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

<div class="col py-3">
	<section id="" class="my-5">

		<div class="container">

			<div class="row">
				<div class="col-9">

					<p class="text-start">
						<i class="fs-5 bi-speedometer2"></i>
						<span class="ms-1 d-none d-sm-inline submenu">
							DASHBOARD
						</span>
					</p>
				</div>
				<div class="col-3">
					<span class="ms-1 d-none d-sm-inline submenu">
						JANVIER 2023 - DÉCEMBRE 2023
					</span>

				</div>

			</div>
		</div>

	</section>
	{# container #}
	<section id="" class="my-5">

		<div class="container">
			<div class="row g-3">

				<div class="col-6">

					<div class="card border-0">
						<div class="card-body">
							<p class="text-start title">
								<span class="ms-1  d-sm-inline submenu">
									PRESTATIONS ANNUELLES
								</span>
							</p>

							<h6 class="card-subtitle mb-2 text-body-secondary text-gray-400">
								jan. 2023 - déc. 2023
							</h6>
							<div class="row card-text">
								<div class="col-md-2 text-end">
									<i class="fi fi-rr-sack-dollar dashboard-soft-success"></i>

								</div>
								<div class="col-md-4 text-end">
									<h5 class="card-title dashboard-soft-success ">{{ cabystatutpaid|format_currency('EUR', locale='fr')}}</h5>

								</div>
								<div class="col-md-2">
									<span class="badge rounded-pill bg-soft-success  ">PAYÉS 💰</span>

								</div>
							</div>
							<div class="row card-text">
								<div class="col-md-2 text-end ">
									<i class="fi fi-rr-sack-dollar dashboard-soft-info"></i>

								</div>
								<div class="col-md-4 text-end">
									<h5 class="card-title dashboard-soft-info ">{{ cabystatutsent|format_currency('EUR', locale='fr')}}</h5>

								</div>
								<div class="col-md-2">
									<span class="badge rounded-pill bg-soft-info  ">ENVOYÉS</span>

								</div>
							</div>
							<div class="row card-text">
								<div class="col-md-2 text-end">
									<i class="fi fi-rr-sack-dollar dashboard-soft-warning"></i>

								</div>
								<div class="col-md-4 text-end">
									<h5 class="dashboard-soft-warning ">{{ cabystatutdraft|format_currency('EUR', locale='fr')}}</h5>

								</div>
								<div class="col-md-2">
									<span class="badge rounded-pill bg-soft-warning  ">BROUILLON</span>

								</div>
							</div>
							<div class="row card-text">
								<div class="col-md-2 text-end">
									<i class="fi fi-rr-calendar-clock"></i>
								</div>
								<div class="col-md-4 text-end">
									<h5 class="card-title ">{{ sumquantity}}
										j / 216 j</h5>
									<h5 class="card-title ">{{ sumquantityheure}}
										h
										<small class="text-muted">d'astreintes</small>
									</h5>


								</div>
								<div class="col-md-2">
									<h5 class="card-title "></h5>

								</div>
							</div>

							<div class="row card-text">
								<div class="col-md-2"></div>


								<div class="col-md-4"></div>
							</div>

						</div>
					</div>


				</div>

				<div class="col-6">
					<div class="card border-0">
						<div class="card-body">
							<p class="text-start title">
								<span class="ms-1  d-sm-inline submenu">
									EXERCICE EN COURS
								</span>
							</p>


							<h6 class="card-subtitle mb-2 text-body-secondary text-gray-400">
								juin. 2023 - mai. 2024
							</h6>
							<div class="row card-text">
								<div class="col-md-2 text-end">
									<i class="fi fi-rr-sack-dollar dashboard-soft-success"></i>

								</div>
								<div class="col-md-4 text-end">
									<h5 class="card-title dashboard-soft-success ">{{ eccabystatutpaid|format_currency('EUR', locale='fr')}}</h5>

								</div>
								<div class="col-md-2">
									<span class="badge rounded-pill bg-soft-success  ">PAYÉS 💰</span>

								</div>
							</div>
							<div class="row card-text">
								<div class="col-md-2 text-end ">
									<i class="fi fi-rr-sack-dollar dashboard-soft-info"></i>

								</div>
								<div class="col-md-4 text-end">
									<h5 class="card-title dashboard-soft-info ">{{ eccabystatutsent|format_currency('EUR', locale='fr')}}</h5>

								</div>
								<div class="col-md-2">
									<span class="badge rounded-pill bg-soft-info  ">ENVOYÉS</span>

								</div>
							</div>
							<div class="row card-text">
								<div class="col-md-2 text-end">
									<i class="fi fi-rr-sack-dollar dashboard-soft-warning"></i>

								</div>
								<div class="col-md-4 text-end">
									<h5 class="dashboard-soft-warning ">{{ eccabystatutdraft|format_currency('EUR', locale='fr')}}</h5>

								</div>
								<div class="col-md-2">
									<span class="badge rounded-pill bg-soft-warning  ">BROUILLON</span>

								</div>
							</div>
							<div class="row card-text">
								<div class="col-md-2 text-end">
									<i class="fi fi-rr-calendar-clock"></i>

								</div>
								<div class="col-md-4 text-end">
									<h5 class="card-title ">{{ ecsumquantity}}
										j / 216 j</h5>
								</div>
								<div class="col-md-2">
									<h5 class="card-title "></h5>

								</div>
							</div>

							<div class="row card-text">
								<div class="col-md-2"></div>
								<div class="col-md-4"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-11">
					<div class="card border-0">
						<div class="card-body">
							<p class="text-start title">
								<span class="ms-1  d-sm-inline submenu">
									CRA
								</span>
							</p>


							<div class="row card-text">
								<table class="table align-middle table-sm table-borderless">

									<tbody class="tablebody">
										<tr>
											<td>
												<p class="h6">
													<i class="fi fi-rr-calendar-clock"></i>
												</p>


											</td>
											{% for cras in cramensuel %}
												{% if cras.cra > 0 %}
													{% set foo = (cras.cra / cras.jo  )* 100 %}
												{% else %}
													{% set foo = 0 %}
												{% endif %}


												<td align="right">
													{% if cras.mois == 1  %}
														janv.
													{% elseif cras.mois == 2 %}
														févr.
													{% elseif cras.mois == 3 %}
														mars
													{% elseif cras.mois == 4 %}
														avr.
													{% elseif cras.mois == 5 %}
														mai
													{% elseif cras.mois == 6 %}
														juin
													{% elseif cras.mois == 7 %}
														juill.
													{% elseif cras.mois == 8 %}
														août
													{% elseif cras.mois == 9 %}
														sept.
													{% elseif cras.mois == 10 %}
														oct.
													{% elseif cras.mois == 11 %}
														nov.
													{% elseif cras.mois == 12 %}
														déc.
													{% endif %}


													<p class="h6">{{cras.cra|round }}j</p>


												</td>
											{% endfor %}

										</tr>

									</tbody>
								</table>
							</div>


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





	{# début modal#}

	{% if cible == "modalentreprise" %}
		<div class="modal fade" id="modalentreprise" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
			<div class="modal-dialog modal-fullscreen">
				<div class="modal-content">
					<div class="modal-header title">
						<p class="text-start inputwithoutmargintop">
							<span class="submenu">
								MODIFICATION DE L'ENTREPRISE
							</span>
						</p>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body bg-secondary-subtle">
						<div class="container">
							<div class="row g-3">
								<div class="col-2"></div>
								<div class="col-8 p-5">

									{{ form_start(form, {'action': path('app_entreprise_edit', {'id': entreprise.id}), 'method': 'POST'}) }}
									{{ form_row(form._token) }}

									<div class="row g-3 p-4">


										<p class="text-start title">
											<span class="ms-1  d-sm-inline submenu">
												L'ENTREPRISE
											</span>
										</p>


										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">entreprise :</label>
											<div class="col-sm-7">
												{{ form_widget(form.entreprise, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<p class="text-start title">
											<span class="ms-1  d-sm-inline submenu">
												RENSEIGNEMENTS JURIDIQUES
											</span>
										</p>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">statut juridique :</label>
											<div class="col-sm-7">
												{{ form_widget(form.naturejuridique, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">siren :</label>
											<div class="col-sm-3">
												{{ form_widget(form.siren, {'attr': {'placeholder': ' '}}) }}
											</div>

											<div class="col-sm-1"></div>

											<label class="col-sm-2 col-form-label submenu">siret :</label>
											<div class="col-sm-3">
												{{ form_widget(form.siret, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>


										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">ape :</label>
											<div class="col-sm-3">
												{{ form_widget(form.idape, {'attr': {'placeholder': ' '}}) }}

											</div>

											<div class="col-sm-1"></div>

											<label class="col-sm-2 col-form-label submenu">tva :</label>
											<div class="col-sm-3">
												{{ form_widget(form.idtva, {'attr': {'placeholder': ' '}}) }}

											</div>

										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">nda :</label>
											<div class="col-sm-9">
												{{ form_widget(form.idnda, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">rcs :</label>
											<div class="col-sm-7">
												{{ form_widget(form.rcs, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">capital :</label>
											<div class="col-sm-7">
												{{ form_widget(form.capital, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<p class="text-start title">
											<span class="ms-1  d-sm-inline submenu">
												ADRESSE & CONTACTS
											</span>
										</p>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">adresse :</label>
											<div class="col-sm-9">
												{{ form_widget(form.adresse, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">code postal :</label>
											<div class="col-sm-4">
												{{ form_widget(form.codepostal, {'attr': {'placeholder': ' '}}) }}
											</div>

											<label class="col-sm-2 col-form-label submenu">ville :</label>
											<div class="col-sm-3">
												{{ form_widget(form.ville, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">pays:</label>
											<div class="col-sm-4">
												{{ form_widget(form.pays, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">contact:</label>
											<div class="col-sm-7">
												{{ form_widget(form.contact, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">mobile:</label>
											<div class="col-sm-4">
												{{ form_widget(form.mobile, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">e-mail:</label>
											<div class="col-sm-9">
												{{ form_widget(form.email, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>


										<p class="text-start title">
											<span class="ms-1  d-sm-inline submenu">
												INFORMATIONS BANCAIRES
											</span>
										</p>


										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">iban :</label>
											<div class="col-sm-7">
												{{ form_widget(form.iban, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">banque :</label>
											<div class="col-sm-4">
												{{ form_widget(form.banque, {'attr': {'placeholder': ' '}}) }}
											</div>

											<label class="col-sm-2 col-form-label submenu ">bic :</label>
											<div class="col-sm-3">
												{{ form_widget(form.bic, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>

										<p class="text-start title">
											<span class="ms-1  d-sm-inline submenu">
												EXERCICE COMPTABLE EN COURS
											</span>
										</p>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">début d'exercice :</label>
											<div class="col-sm-3">
												{{ form_widget(form.startaccountingperiod, {'attr': {'placeholder': ' '}}) }}
											</div>

											<label class="col-sm-3 col-form-label submenu ">fin d'exercice :</label>
											<div class="col-sm-3">
												{{ form_widget(form.endaccountingperiod, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>

										<p class="text-start title">
											<span class="ms-1  d-sm-inline submenu">
												NOTES
											</span>
										</p>


										<div class="row mx-3 mb-3">
											<div class="col-sm-12">
												{{ form_widget(form.notes, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

									</div>
								</div>
								<div class="col-2"></div>
							</div>
						</div>

					</div>
					<div class="modal-footer">
						<button type="submit" class="btn btn-primary">{{ button_label|default('MODIFIER') }}</button>
					</div>
					{{ form_end(form) }}
				</div>
			</div>
		</div>
		{% block scriptoffcanvasmodifier %}

			<script>
				var myOffcanvas = document.getElementById('modalentreprise')
var bsOffcanvas = new bootstrap.Modal(myOffcanvas)
bsOffcanvas.toggle()
			</script>

		{% endblock %}
	{% endif %}

	{# fin modal#}
</div></div></div></div></body>