@extends('admin.layouts.app')

@push('page-header')
<div class="col">
	<h3 class="page-title">Gestion Interventions</h3>
	<ul class="breadcrumb">
		<li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
		<li class="breadcrumb-item active">Aperçu Intervention</li>
	</ul>
</div>
@endpush

@section('content')
<div class="row">
	<div class="col-md-12">
		<div class="profile-header">

				<div class="row">
					<div class="col-sm-6 m-b-20">
						<img alt="Logo" class="inv-logo img-fluid" src="/assets/img/logo.png ">
					</div>
					<div class="col-sm-6 m-b-20">
						<h4 class="text-info"><strong>CLIENT : </strong>{{$intervention->client->name}}</h4>
							<h5 class="text-black text-uppercase">Equipmement : {{$intervention->equipement->modele .'-'.$intervention->equipement->numserie}}</h5>
							<h5 class="text-muted">Sous équipement :
										@if($intervention->sousequipement)
										{{$intervention->sousequipement->designation}}@endif
							</h5>
				</div>

				</div>

		<div class="tab-content profile-tab-cont">

			<!-- Aperçu intervention Tab -->
			<div class="tab-pane fade show active" id="per_details_tab">

				<!-- Aperçu intervention -->
				<div class="row">
					<div class="col-lg-12">
						<div class="card">
							<div class="card-body">
								<div class="d-flex justify-content-between align-items-center mb-3">
									<h4 class="card-title">
										<span class="badge rounded-pill bg-info text-light">APERÇU</span>
									</h4>
									<div>
										<a class="btn btn-link" href="/interventions/{{ $intervention->id }}/edit">
											<i class="fa fa-edit mr-1"></i> Modifier
										</a>
										<a class="btn btn-link" data-toggle="modal" href="#ajout_sousintervention">
											<i class="fa fa-plus mr-1"></i> Ajouter sous-intervention
										</a>
										<a class="btn btn-link" data-toggle="modal" href="#ajout_piece">
											<i class="fa fa-plus mr-1"></i> Ajouter pièce
										</a>
									</div>
								</div>
								<div class="row mb-3">
									<div class="col-sm-4 text-muted text-sm-right">Etat intervention global:</div>
									<div class="col-sm-8">{{$intervention->etat_final_global}}</div>
								</div>

								<div class="row mb-3">
									<div class="col-sm-4 text-muted text-sm-right">Équipement avant visite:</div>
									<div class="col-sm-8">{{$intervention->etat_initial}}</div>
								</div>

								<div class="row mb-3">
									<div class="col-sm-4 text-muted text-sm-right">Description de la Panne:</div>
									<div class="col-sm-8">{{$intervention->description_panne}}</div>
								</div>


								<div class="row mb-3">
									<div class="col-sm-4 text-muted text-sm-right">Heure/Date d'appel client:</div>
									<div class="col-sm-8">{{$intervention->appel_client}}</div>
								</div>

								<div class="row mb-3">
									<div class="col-sm-4 text-muted text-sm-right">Mode d'appel client:</div>
									<div class="col-sm-8">{{$intervention->mode_appel}}</div>
								</div>

								<div class="row mb-3">
									<div class="col-sm-4 text-muted text-sm-right">Priorité:</div>
									<div class="col-sm-8">{{$intervention->priorite}}</div>
								</div>

                                <div class="row mb-3">
									<div class="col-sm-4 text-muted text-sm-right">Intervenant(s):</div>
									<div class="col-sm-8">
										@php
										// Récupération des destinataires de l'intervention principale
										$intervenantIds = is_array($intervention->destinateur) ? $intervention->destinateur : json_decode($intervention->destinateur, true);
										$userNames = is_array($intervenantIds) ? \App\Models\User::whereIn('id', $intervenantIds)->pluck('name')->toArray() : [];

										// Vérification que les sous-interventions existent et ne sont pas nulles
										if (!empty($intervention->sousInterventions)) {
											// Récupération des sous-interventions associées à l'intervention
											$sousInterventions = $intervention->sousInterventions;

											// Récupération des destinataires des sous-interventions
											foreach ($sousInterventions as $sousIntervention) {
												$sousIntervenantIds = is_array($sousIntervention->intervenant) ? $sousIntervention->intervenant : json_decode($sousIntervention->intervenant, true);
												$sousUserNames = is_array($sousIntervenantIds) ? \App\Models\User::whereIn('id', $sousIntervenantIds)->pluck('name')->toArray() : [];

												// Fusion des noms des intervenants principaux et sous-intervenants
												$userNames = array_merge($userNames, $sousUserNames);
											}
										}

										// Affichage des noms des intervenants sans doublons
										$uniqueUserNames = array_unique($userNames);

										// Vérification s'il y a des intervenants
										if (empty($uniqueUserNames)) {
											echo "Intervention avec sous-traitant";
										} else {
											echo implode(', ', $uniqueUserNames);
										}
										@endphp
									</div>
								</div>

								<div class="row mb-3">
									<div class="col-sm-4 text-muted text-sm-right">Sous-traitant:</div>
									<div class="col-sm-8">
										@if($intervention->soustraitant)
											{{$intervention->soustraitant->name}}
										@else
											Aucun sous-traitant
										@endif
									</div>
								</div>

								<div class="row mb-3">
									<div class="col-sm-4 text-muted text-sm-right">Date/Heure de début:</div>
									<div class="col-sm-8">{{$intervention->date_debut}}</div>
								</div>

								<div class="row mb-3">
									<div class="col-sm-4 text-muted text-sm-right">Date/Heure de clôture:</div>
									<div class="col-sm-8">{{$intervention->date_fin_global}}</div>
								</div>

								<div class="row">
									<div class="col-sm-4 text-muted text-sm-right">Description intervention:</div>
									<div class="col-sm-8">{{$intervention->description_intervention}}</div>
								</div>
							</div>



						<!-- Ajout sous intervention -->
						<div class="modal fade" id="ajout_sousintervention" aria-hidden="true" role="dialog">
							<div class="modal-dialog modal-dialog-centered" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<h5 class="modal-title">Ajouter une sous-intervention</h5>
										<button type="button" class="close" data-dismiss="modal" aria-label="Close">
											<span aria-hidden="true">&times;</span>
										</button>
									</div>
									<div class="modal-body">
										<form method="post" enctype="multipart/form-data" action="{{ route('sousinterventions.store', ['intervention_id' => $intervention->id]) }}">
										@csrf
											<div class="row form-row">
												<div class="col-12">
                                                    <div class="form-group">
                                                        <label>Date/Heure début <span class="text-danger">*</span></label>
             											<input type="datetime-local" name="date_debut" class="form-control">
                                                    </div>
												</div> 

												<div class="col-12">
													<div class="form-group">
														<label>Equipement avant visite<span class="text-danger">*</span></label>
														<select  class="select2 form-select form-control" name="etat_initial">
															<option >Sélectionner l'etat initial</option>
															<option value="Fonctionnel">Fonctionnel</option>
															<option value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
															<option value="Panne Intermittente">Panne Intermittente</option>
															<option value=" l'arrêt">A l'arrêt</option>

														</select>
													</div>
												</div>

												<div class="col-12">
													<div class="form-group">
														<label>Intervenant(s)</label>
														<select  class="select2 form-select form-control" name="intervenant[]" multiple>
															<option >Sélectionner l'intervenant(s)</option>
															@foreach($users_sousinterventions as $user_sousintervention)
																<option value="{{ $user_sousintervention->id }}">{{ $user_sousintervention->name }}</option>
															@endforeach
														</select>
													</div>
												</div>

												<div class="col-12">
													<div class="form-group">
														<label>Description Panne</label>
														<input type="text" name="description_panne" class="form-control" placeholder="Saisir la description de la panne">
													</div>
												</div>

												<div class="col-12">
													<div class="form-group">
														<select  class="select2 form-select form-control" name="etat">
															<option >Sélectionner l'état de sous-intervention</option>
															@foreach($etats as $etat)
																<option value="{{ $etat->name }}">{{ $etat->name }}</option>
															@endforeach
														</select>
													</div>
												</div>
											<button type="sousmit" class="btn btn-primary btn-block">Valider</button>
										</form>
									</div>
								</div>
							</div>
						</div>
						<!-- /Ajout sous-intervention -->
						</div>

						<!-- Ajout pièce remplacée-->
						<div class="modal fade" id="ajout_piece" aria-hidden="true" role="dialog">
							<div class="modal-dialog modal-dialog-centered" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<h5 class="modal-title">Ajouter pièce remplacée</h5>
										<button type="button" class="close" data-dismiss="modal" aria-label="Close">
											<span aria-hidden="true">&times;</span>
										</button>
									</div>
									<div class="modal-body">
										<form method="post" enctype="multipart/form-data" action="{{ route('pieces.store', ['intervention_id' => $intervention->id]) }}">
										@csrf
											<div class="row form-row">
												<div class="col-12">
                                                    <div class="form-group">
                                                    <label>Client<span class="text-danger">*</span></label>
														<select id="client" onchange="getEquipements(this.value)" class="select2 form-select form-control" name="client">
															<option value="Sélectionner un Client">Sélectionner un Client</option>
															@foreach ($clients as $client)
																<option value="{{ $client->id }}">{{ $client->name }}</option>
											   				@endforeach
														</select>
                                                    </div>
												</div>
												<div class="col-12">
                                                    <div class="form-group">
													<label for="equipement">Equipement<span class="text-danger">*</span></label>
														<select id="equipement" onchange="getSousequipements(this.value)" class="select2 form-select form-control" name="equipement">
															<option value="Sélectionner un equipement">Sélectionner un equipement</option>
														</select>
													</div>
												</div>
												<div class="col-12">
                                                    <div class="form-group">
													<label for="sousequipement">Sous-equipement<span class="text-danger">*</span></label>
														<select id="sousequipement" class="select2 form-select form-control" name="sousequipement">
															<option value="Sélectionner un equipement">Sélectionner un sous-equipement</option>
														</select>
													</div>
												</div>
												<div class="col-12">
                                                    <div class="form-group">
                                                        <label>Désignation<span class="text-danger">*</span></label>
             											<input type="text" name="designation" class="form-control" placeholder="Saisir la désignation">
                                                    </div>
												</div>
												<div class="col-12">
                                                    <div class="form-group">
                                                        <label>Référence/code<span class="text-danger">*</span></label>
             											<input type="text" name="reference" class="form-control" placeholder="Saisir la reference">
                                                    </div>
												</div>

												<div class="col-12">
													<div class="form-group">
														<label>Numéro de série</label>
														<input type="text" name="numserie" class="form-control" placeholder="Saisir le numéro de serie">
													</div>
												</div>

												<div class="col-12">
													<div class="form-group">
														<label>Date de remplacement<span class="text-danger">*</span></label>
														<input type="date" name="date_remplacement" class="form-control" placeholder="Saisir la date de remplacement">
													</div>
												</div>

												<div class="col-12">
													<div class="form-group">
														<label>Quantité</label>
														<input type="number" name="qte" class="form-control" placeholder="Saisir la quantité">
													</div>
												</div>
											<button type="sousmit" class="btn btn-primary btn-block">Valider</button>
										</form>
									</div>
								</div>
							</div>
						</div>
						<!-- /Ajout pièce remplacée -->
						</div>

				<!-- Index 1ere nterventions -->

				<div class="card">
					<div class="card-body">
						<h4 class="text-uppercase">
							<span class="badge rounded-pill bg-info text-light">1ère Intervention</span>
						</h4>
						<div class="table-responsive">
							<table id="interventions-table" class="table table-bordered">
								<thead>
									<tr class="text-uppercase">
										<th>État intervention</th>
										<th>Date début</th>
										<th>Intervenant(s)</th>
										<th>Description Intervention</th>
										<th>État équipement après visite</th>
										<th>Date/heure fin</th>
										<th>Actions</th>
									</tr>
								</thead>
								<tbody>
									@if ($intervention)
                				<tr>
								<td>{{ $intervention->etat ?? 'Non renseigné' }}</td>
								<td>{{ $intervention->date_debut ? date('d-m-Y h:i A', strtotime($intervention->date_debut)) : 'Non renseigné' }}</td>
								<td>
									@php
										$intervenantIds = is_array($intervention->destinateur) ? $intervention->destinateur : json_decode($intervention->destinateur, true);
										$userNames = is_array($intervenantIds) ? \App\Models\User::whereIn('id', $intervenantIds)->pluck('name')->toArray() : [];
										echo implode(', ', $userNames);
									@endphp
								</td>

								<td>{{ $intervention->description_intervention_first ?? 'Non renseigné' }}</td>
								<td>{{ $intervention->etat_final ?? 'Non renseigné' }}</td>
								<td>{{ $intervention->date_fin ? date('d-m-Y h:i A', strtotime($intervention->date_fin)) : 'Non renseigné' }}</td>
								<td>
									<!-- Edit Button -->
									<button class='btn btn-info edit-intervention' data-toggle="modal" data-target="#editInterventionModal"
											data-id="{{ $intervention->id }}" data-debut="{{ $intervention->date_debut }}"
											data-fin="{{ $intervention->date_fin }}" data-description="{{ $intervention->description_intervention_first }}"
											data-etat="{{ $intervention->etat }}" data-etat-final="{{ $intervention->etat_final }}"
											data-intervenants="{{ json_encode($intervenantIds) }}">
										<i class="fas fa-edit"></i>
									</button>

									<!-- Delete Button -->
									<form action="{{ route('interventions.destroy', $intervention->id) }}" method="POST" onsubmit="return confirm('Voulez-vous vraiment supprimer la demande {{ $intervention->id }} ?')">
										@csrf
										@method('DELETE')
										<button type="submit" class="btn btn-danger">
											<i class="fas fa-trash"></i>
										</button>
									</form>

								</td>

							</tr>
            			@else
               				 <tr>
                    		<td colspan="7">Aucune intervention trouvée.</td>
                			</tr>
           				@endif
						</tbody>
							</table>
						</div>

					</div>
				</div>


			<!-- Index des sous-interventions -->

			@if($intervention->sousinterventions && $intervention->sousinterventions->isEmpty())
			<div class="p-3 mb-2 bg-warning text-light">
				<h6 class="text-center">Pas de sous intervention.</h6>
			</div>
			@elseif($intervention->sousinterventions && !$intervention->sousinterventions->isEmpty())
			<div class="card mt-4">
				<div class="card-body">
					<h4 class="text-uppercase">
						<span class="badge rounded-pill bg-info text-light">Historique des sous-interventions</span>
					</h4>
					<div class="table-responsive">
						<table id="sousinterventions-table" class="table table-bordered">
							<thead>
								<tr class="text-uppercase">
									<th>status</th>
									<th>Date début</th>
									<th>État initial</th>
									<th>Intervenant(s)</th>
									<th>Panne</th>
									<th>État final</th>
									<th>Date fin</th>
									<th>Description Sous intervention</th>
									<th>Actions</th>
								</tr>
							</thead>
							<tbody>

								@foreach ($sousinterventions as $sousintervention)
								<tr>
								<td>{{$sousintervention->etat ??  'Non renseigné'}}</td>
								<td>{{ $sousintervention->date_debut ? date('d-m-Y h:i A', strtotime($sousintervention->date_debut)) : 'Non renseigné' }}</td>
								<td>{{$sousintervention->etat_initial}}</td>
								<td>
									@php
										$userIds = is_array($sousintervention->intervenant) ? $sousintervention->intervenant : json_decode($sousintervention->intervenant, true);
										if (!is_array($userIds)) {
											echo ''; // Return empty string if json_decode fails
										} else {
											$userNames = \App\Models\User::whereIn('id', $userIds)->pluck('name')->toArray();
											echo implode(', ', $userNames);
										}
									@endphp
								</td>
								<td>{{$sousintervention->description_panne}}</td>
								<td>{{$sousintervention->etat_final ??  'Non renseigné'}}</td>
								<td>{{ $sousintervention->date_fin ? date('d-m-Y h:i A', strtotime($sousintervention->date_fin)) : 'Non renseigné' }}</td>
								<td>{{$sousintervention->description_sousintervention ??  'Non renseigné'}}</td>
								<td>
									<!-- Bouton "Edit" pour chaque sous-intervention -->
									<a data-placement="top" title="Modifier" class='btn btn-info edit-link' data-toggle="modal" data-target="#edit_sousintervention_{{$sousintervention->id}}">
										<i class="fas fa-edit"></i>
									</a>

									<!-- Delete Button -->
									<form action="{{ route('sousinterventions.destroy', $sousintervention->id) }}" method="POST" onsubmit="return confirm('Voulez-vous vraiment supprimer la sous-intervention {{ $sousintervention->id }} ?')">
										@csrf
										@method('DELETE')
										<button type="submit" class="btn btn-danger">
											<i class="fas fa-trash"></i>
										</button>
									</form>
								</td>
								</tr>
								@endforeach

							</tbody>
						</table>
					</div>
				</div>
			</div>
			@endif


			<!-- Index des pièces de remplacement -->
			@if($intervention->pieces && $intervention->pieces->isEmpty())
			<div class="p-3 mb-2 bg-warning text-light">
				<h6 class="text-center">Pas de pièces remplacées.</h6>
			</div>
			@elseif($intervention->pieces && !$intervention->pieces->isEmpty())
				<div class="card mt-4">
					<div class="card-body">
						<h4 class="text-uppercase">
							<span class="badge rounded-pill bg-info text-light">Pièces remplacées</span>
						</h4>
						<div class="table-responsive">
							<table id="pieces-table" class="table table-bordered">
								<thead>
									<tr class="text-uppercase">
										<th>Désignation</th>
										<th>Référence</th>
										<th>Numéro de série</th>
										<th>Date de remplacement</th>
										<th>Quantité</th>
										<th>Actions</th>
									</tr>
								</thead>
								<tbody>
									@foreach ($pieces as $piece)
									<tr>
										<td>{{ $piece->designation ?? 'N/A' }}</td>
										<td>{{ $piece->reference ?? 'N/A' }}</td>
										<td>{{ $piece->numserie ?? 'N/A' }}</td>
										<td>{{ $piece->date_remplacement ? date('d-m-Y', strtotime($piece->date_remplacement)) : 'N/A' }}</td>
										<td>{{ $piece->qte ?? 'N/A' }}</td>
										<td>
											<!-- Bouton "Edit" pour chaque pièce -->
											<a data-placement="top" title="Modifier" class='btn btn-info edit-link' data-toggle="modal" data-target="#edit_piece_{{ $piece->id }}">
												<i class="fas fa-edit"></i>
											</a>
												<!-- Delete Button -->
											<form action="{{ route('pieces.destroy', $piece->id) }}" method="POST" onsubmit="return confirm('Voulez-vous vraiment supprimer la pièce : {{ $piece->designation }} ?')">
												@csrf
												@method('DELETE')
												<button type="submit" class="btn btn-danger">
													<i class="fas fa-trash"></i>
												</button>
											</form>
										</td>
									</tr>
									@endforeach
								</tbody>
							</table>
						</div>
					</div>
				</div>
			@endif

			</div>

			<!-- Edit Modal 1 er intervention -->
			<div class="modal fade" id="editInterventionModal" tabindex="-1" role="dialog" aria-labelledby="editInterventionModalLabel" aria-hidden="true">
				<div class="modal-dialog modal-dialog-centered" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title">Modifier 1ère intervention</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
						<form id="editInterventionForm" method="POST" action="{{ route('interventions.update', $intervention->id) }}">
							@csrf
							@method('PUT')
								<div class="col-12">
									<div class="form-group">
										<label>Date début<span class="text-danger">*</span></label>
										<input class="form-control" type="datetime-local" name="date_debut" value="{{$intervention->date_debut}}">
									</div>
								</div>
								<div class="col-12">
									<div class="form-group">
										<label>Date fin<span class="text-danger">*</span></label>
										<input class="form-control" type="datetime-local" name="date_fin" value="{{$intervention->date_fin}}">
									</div>
								</div>

								<div class="col-12">
									<div class="form-group">
										<label>Equipement avant visite</label>
										<select  class="select2 form-select form-control" name="etat_initial">

											@if ( $intervention->etat_initial == "Fonctionnel")
											<option selected value='Fonctionnel'>Fonctionnel</option>
											<option value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
											<option value="Panne Intermittente">Panne Intermittente</option>
											<option value="A l'arrêt">A l'arrêt</option>

											@elseif ($intervention->etat_initial == "Partiellement Fonctionnel")
											<option selected value='Partiellement Fonctionnel'>Partiellement Fonctionnel</option>
											<option value='Fonctionnel'>Fonctionnel</option>
											<option value="Panne Intermittente">Panne Intermittente</option>
											<option value="A l'arrêt">A l'arrêt</option>

											@elseif ($intervention->etat_initial == "Panne Intermittente")
											<option selected value='Panne Intermittente'>Panne Intermittente</option>
											<option value='Partiellement Fonctionnel'>Partiellement Fonctionnel</option>
											<option value='Fonctionnel'>Fonctionnel</option>
											<option value="A l'arrêt">A l'arrêt</option>

											@else
											<option selected value="A l'arrêt">A l'arrêt</option>
											<option value='Panne Intermittente'>Panne Intermittente</option>
											<option value='Partiellement Fonctionnel'>Partiellement Fonctionnel</option>
											<option value='Fonctionnel'>Fonctionnel</option>
											@endif
										</select>
									</div>
								</div>

								<div class="col-12">
									<div class="form-group">
										<label>Intervenant(s)</label>
										<select class="select2 form-select form-control" name="destinateur[]" multiple>
											<option>Sélectionner l'intervenant(s)</option>
											@php
												// Decode 'destinateur' if it's a JSON string, or use it as-is if it's already an array
												$destinateurIds = is_string($intervention->destinateur) ? json_decode($intervention->destinateur, true) : $intervention->destinateur;

												// Ensure $destinateurIds is always an array
												if (!is_array($destinateurIds)) {
													$destinateurIds = [];
												}
											@endphp

											@foreach($users as $user)
												@if(in_array($user->id, $destinateurIds))  <!-- Use user IDs for comparison -->
													<option selected value='{{ $user->id }}'>{{ $user->name }}</option>
												@else
													<option value='{{ $user->id }}'>{{ $user->name }}</option>
												@endif
											@endforeach
										</select>
									</div>

								</div>

								<div class="col-12">
									<div class="form-group">
										<label>Equipement après visite</label>
										<select  class="select2 form-select form-control" name="etat_final">
										@if ( $intervention->etat_final == "Fonctionnel")
											<option selected value="Fonctionnel">Fonctionnel</option>
											<option value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
											<option value="Panne Intermittente">Panne Intermittente</option>
											<option value="A l'arrêt">A l'arrêt</option>
										@elseif ($intervention->etat_final == "Partiellement Fonctionnel")
											<option selected value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
											<option value="Fonctionnel">Fonctionnel</option>
											<option value="Panne Intermittente">Panne Intermittente</option>
											<option value="A l'arrêt">A l'arrêt</option>
										@elseif ($intervention->etat_final == "Panne Intermittente")
											<option selected value="Panne Intermittente">Panne Intermittente</option>
											<option value="Fonctionnel">Fonctionnel</option>
											<option value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
											<option value="A l'arrêt">A l'arrêt</option>
										@elseif ($intervention->etat_final == "A l'arrêt")
											<option selected value="A l'arrêt">A l'arrêt</option>
											<option value="Fonctionnel">Fonctionnel</option>
											<option value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
											<option value="Panne Intermittente">Panne Intermittente</option>
										@else
											<option> Sélectionner l'etat final de l'equipement</option>
											<option value="Fonctionnel">Fonctionnel</option>
											<option value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
											<option value="Panne Intermittente">Panne Intermittente</option>
											<option value="A l'arrêt">A l'arrêt</option>
										@endif
										</select>
									</div>
								</div>

								<div class="col-12">
									<div class="form-group">
										<label>Description intervention</label>
										<input type="text" name="description_intervention_first" class="form-control" value="{{$intervention->description_intervention_first ?? old('description_intervention_first')}}">
									</div>
								</div>

                                <div class="col-12">
									<div class="form-group">
										<label>Etat</label>
                                        <select  class="select2 form-select form-control" name="etat">
											<option >Sélectionner l'état l'intervention</option>
												@foreach ($etats as $etat)
													<option @if($intervention->etat == $etat->name) selected @endif>{{ $etat->name }}</option>
												@endforeach
										</select>
									</div>
								</div>

								<div class="col-12">
									<div class="form-group">
										<label>Rapport</label>
										<input type="file" class="form-control" name='rapport' value="{{$intervention->rapport ?? old('rapport')}}">
									</div>
								</div>

									<button type="sousmit" class="btn btn-primary btn-block">Modifier</button>

							</form>
						</div>
					</div>
				</div>
			</div>

			<!-- /Edit Modal 1er intervention -->

					<!-- Edit Modal des sous-intervention -->
					@foreach($sousinterventions as $sousintervention)
					<div class="modal fade" id="edit_sousintervention_{{$sousintervention->id}}" aria-hidden="true" role="dialog">
						<div class="modal-dialog modal-dialog-centered" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<h5 class="modal-title">Modifier sous-intervention</h5>
									<button type="button" class="close" data-dismiss="modal" aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
								</div>
								<div class="modal-body">

									<form method="post" enctype="multipart/form-data" action="{{route('sousinterventions.update',$sousintervention->id)}}">
										@csrf
										@method("PUT")
										<div class="col-12">
											<div class="form-group">
												<label>Date début<span class="text-danger">*</span></label>
												<input class="form-control" type="datetime-local" name="date_debut" value="{{$sousintervention->date_debut}}">
											</div>
										</div>
										<div class="col-12">
											<div class="form-group">
												<label>Date fin<span class="text-danger">*</span></label>
												<input class="form-control" type="datetime-local" name="date_fin" value="{{$sousintervention->date_fin}}">
											</div>
										</div>

										<div class="col-12">
											<div class="form-group">
												<label>Equipement avant visite</label>
												<select  class="select2 form-select form-control" name="etat_initial">

													@if ( $sousintervention->etat_initial == "Fonctionnel")
													<option selected value='Fonctionnel'>Fonctionnel</option>
													<option value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
													<option value="Panne Intermittente">Panne Intermittente</option>
													<option value="A l'arrêt">A l'arrêt</option>

													@elseif ($sousintervention->etat_initial == "Partiellement Fonctionnel")
													<option selected value='Partiellement Fonctionnel'>Partiellement Fonctionnel</option>
													<option value='Fonctionnel'>Fonctionnel</option>
													<option value="Panne Intermittente">Panne Intermittente</option>
													<option value="A l'arrêt">A l'arrêt</option>

													@elseif ($sousintervention->etat_initial == "Panne Intermittente")
													<option selected value='Panne Intermittente'>Panne Intermittente</option>
													<option value='Partiellement Fonctionnel'>Partiellement Fonctionnel</option>
													<option value='Fonctionnel'>Fonctionnel</option>
													<option value="A l'arrêt">A l'arrêt</option>

													@else
													<option selected value="A l'arrêt">A l'arrêt</option>
													<option value='Panne Intermittente'>Panne Intermittente</option>
													<option value='Partiellement Fonctionnel'>Partiellement Fonctionnel</option>
													<option value='Fonctionnel'>Fonctionnel</option>
													@endif
                                    			</select>
											</div>
										</div>

										<div class="col-12">
											<div class="form-group">
												<label>Intervenant(s)</label>
												<select class="select2 form-select form-control" name="intervenant[]" multiple>
													<option>Sélectionner l'intervenant(s)</option>
														@foreach($users as $user)
														<option value="{{ $user->id }}"
															@if(in_array($user->id, $intervenant ?? [])) selected @endif>
															{{ $user->name }}
														</option>
														@endforeach
												</select>
											</div>

										</div>

										<div class="col-12">
											<div class="form-group">
												<label>Description Panne</label>
												<input type="text" name="description_panne" class="form-control" value="{{$sousintervention->description_panne}}">
											</div>
										</div>

										<div class="col-12">
											<div class="form-group">
												<label>Equipement après visite</label>
												<select  class="select2 form-select form-control" name="etat_final">
												<option >Sélectionner l'etat final de l'equipement</option>
                                                @if ( $sousintervention->etat_final == "Fonctionnel")
                                                    <option selected value="Fonctionnel">Fonctionnel</option>
                                                    <option value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
                                                    <option value="Panne Intermittente">Panne Intermittente</option>
                                                    <option value="A l'arrêt">A l'arrêt</option>
										        @elseif ($sousintervention->etat_final == "Partiellement Fonctionnel")
                                                    <option selected value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
                                                    <option value="Fonctionnel">Fonctionnel</option>
                                                    <option value="Panne Intermittente">Panne Intermittente</option>
                                                    <option value="A l'arrêt">A l'arrêt</option>
										        @elseif ($sousintervention->etat_final == "Panne Intermittente")
                                                    <option selected value="Panne Intermittente">Panne Intermittente</option>
                                                    <option value="Fonctionnel">Fonctionnel</option>
                                                    <option value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
                                                    <option value="A l'arrêt">A l'arrêt</option>
										        @elseif ($sousintervention->etat_final == "A l'arrêt")
                                                    <option selected value="A l'arrêt">A l'arrêt</option>
                                                    <option value="Fonctionnel">Fonctionnel</option>
                                                    <option value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
                                                    <option value="Panne Intermittente">Panne Intermittente</option>
										        @else

                                                    <option value="Fonctionnel">Fonctionnel</option>
                                                    <option value="Partiellement Fonctionnel">Partiellement Fonctionnel</option>
                                                    <option value="Panne Intermittente">Panne Intermittente</option>
                                                    <option value="A l'arrêt">A l'arrêt</option>
										        @endif
												</select>
											</div>
										</div>

										<div class="col-12">
											<div class="form-group">
												<label>Description sous intervention</label>
												<input type="text" name="description_sousintervention" class="form-control" value="{{$sousintervention->description_sousintervention ?? old('description_sousintervention')}}">
											</div>
										</div>

										<div class="col-12">
											<div class="form-group">
												<label>Etat sous-intervention</label>
												<select  class="select2 form-select form-control" name="etat">
													<option >Sélectionner l'état de sous-intervention</option>
														@foreach ($etats as $etat)
															<option @if($sousintervention->etat == $etat->name) selected @endif>{{ $etat->name }}</option>
														@endforeach
												</select>
											</div>
										</div>

										<div class="col-12">
											<div class="form-group">
												<label>Rapport</label>
												<input type="file" class="form-control" name='rapport' value="{{$sousintervention->rapport ?? old('rapport')}}">
											</div>
										</div>
										<button type="sousmit" class="btn btn-primary btn-block">Modifier</button>
									</form>
								</div>
							</div>
						</div>
					</div>
					@endforeach
					<!-- /Edit Modal des sous-intervention -->
            </div>

			<!-- Edit Modal pièce remplacée-->
			@foreach($pieces as $spiece)
			<div class="modal fade" id="edit_piece_{{$piece->id}}" aria-hidden="true" role="dialog">
				<div class="modal-dialog modal-dialog-centered" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title">Modifier pièce remplacée</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">

							<form method="post" enctype="multipart/form-data" action="{{route('pieces.update',$piece->id)}}">
								@csrf
								@method("PUT")
								<div class="col-12">
									<div class="form-group">
										<label>Désignation<span class="text-danger">*</span></label>
										<input class="form-control" type="text" name="designation" value="{{$piece->designation}}">
									</div>
								</div>
								<div class="col-12">
									<div class="form-group">
										<label>Référence/code<span class="text-danger">*</span></label>
										<input class="form-control" type="text" name="reference" value="{{$piece->reference}}">
									</div>
								</div>

								<div class="col-12">
									<div class="form-group">
										<label>Numéro de série</label>
										<input class="form-control" type="text" name="numserie" value="{{$piece->numserie}}">
									</div>
								</div>

								<div class="col-12">
									<div class="form-group">
										<label>Date de remplacement</label>
										<input class="form-control" type="date" name="date_remplacement" value="{{$piece->date_remplacement}}">
									</div>
								</div>

								<div class="col-12">
									<div class="form-group">
										<label>Quantité</label>
										<input type="number" name="qte" class="form-control" value="{{$piece->qte ?? old('qte')}}">
									</div>
								</div>
								<button type="sousmit" class="btn btn-primary btn-block">Modifier</button>
							</form>
						</div>
					</div>
				</div>
			</div>
			@endforeach
			<!-- /Edit Modal des sous-intervention -->
        </div>
    </div>

    @endsection
    @push('page-js')

		<script src="{{asset('assets/plugins/datatables.net/js/jquery.dataTables.min.js')}}"></script>
		<script src="{{asset('assets/plugins/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script>


		<!-- Initialize DataTables -->
		<script>
			$(document).ready(function () {
				// Check if jQuery is loaded
				if (typeof $ !== 'undefined') {
					console.log("jQuery is loaded");

					// Check if DataTables plugin is loaded
					if ($.fn.DataTable) {
						console.log("DataTables is loaded");

						// Initialize DataTables on all the specified tables
						$('#sousinterventions-table').DataTable();
						$('#pieces-table').DataTable();
						$('#interventions-table').DataTable();
					} else {
						console.log("DataTables plugin is not loaded");
					}
				} else {
					console.log("jQuery is not loaded");
				}
			});
		</script>

		<script>
			function getEquipements(clientId) {
				fetch('/getEquipements?client_id=' + clientId)
					.then(response => response.json())
					.then(data => {
						const equipementSelect = document.getElementById('equipement');
						equipementSelect.innerHTML = '<option value="">Selectionner Equipement</option>';
						data.forEach(equipement => {
							const option = document.createElement('option');
							option.value = equipement.id;
							option.text = equipement.modele + " - " + equipement.numserie;
							equipementSelect.appendChild(option);
						});
					})
					.catch(error => console.error('Error fetching equipements:', error));
			}
		</script>

		<script>
			function getSousequipements(equipementId) {
				fetch('/getSousequipements?equipement_id=' + equipementId)
					.then(response => response.json())
					.then(data => {
						const sousequipementSelect = document.getElementById('sousequipement');
						sousequipementSelect.innerHTML = '<option value="">Selectionner Sousequipement</option>';
						data.forEach(sousequipement => {
							const option = document.createElement('option');
							option.value = sousequipement.id;
							option.text = sousequipement.designation;
							sousequipementSelect.appendChild(option);
						});
					})
					.catch(error => console.error('Error fetching sousequipements:', error));
			}
		</script>

		<script>
			$(document).ready(function () {
				// When the edit button is clicked
				$('.edit-intervention').on('click', function () {
					var interventionId = $(this).data('id');
					var dateDebut = $(this).data('debut');
					var dateFin = $(this).data('fin');
					var description = $(this).data('description');
					var etat = $(this).data('etat');
					var etatFinal = $(this).data('etat-final');
					var intervenantIds = $(this).data('intervenants');

					// Populate the modal fields with the data
					$('#editInterventionForm').attr('action', '/interventions/' + interventionId);  // Update form action
					$('#date_debut').val(dateDebut);
					$('#date_fin').val(dateFin);
					$('#description_intervention').val(description);
					$('#etat').val(etat);
					$('#etat_final').val(etatFinal);

					// Set intervenants selected values
					$('#intervenant').val(intervenantIds).trigger('change');
				});
			});
		</script>

    @endpush