@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="col ml-md-n2 profile-user-info">

					<h4 class="user-name mb-3">Client : {{$intervention->client->name}}</h4>
					<h5 class="user-name mb-3">Equipmement : {{$intervention->equipement->modele .'-'.$intervention->equipement->numserie}}</h5>
                    <h5 class="user-name mb-3">Sous équipement:
                                @if($intervention->sousequipement)
                                {{$intervention->sousequipement->designation}}@endif
                    </h5>
					<h6 class="user-name mb-3">Etat : {{$intervention->etat}}</h6>
				</div>


		</div>
		<div class="profile-menu">
			<ul class="nav nav-tabs nav-tabs-solid">
				<li class="nav-item">
					<a class="nav-link active" data-toggle="tab" href="#per_details_tab">Aperçu</a>
				</li>
			</ul>
		</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">
								<h5 class="card-title d-flex justify-content-between">
									<span>Aperçu</span>
                                    @if(!auth()->user()->role === 'super-admin')
									<a class="edit-link" data-toggle="modal" href="#edit_intervention_details"><i class="fa fa-edit mr-1"></i>Modifier</a>
                                  	@endif
                                    <a class="edit-link" data-toggle="modal" href="#ajout_sousintervention"><i class="fa fa-edit mr-1"></i>Ajouter sous-intervention</a>
									<span class="label label-primary"></span>

								</h5>


                                <div class="row">
									<p class="col-sm-2 text-muted text-sm-right mv-0 mb-sm-3">État initial d'équipement</p>
									<p class="col-sm-10">	{{$intervention->etat_initial}}</p>
								</div>

								<div class="row">
									<p class="col-sm-2 text-muted text-sm-right mb-0 mb-sm-3">Description de la Panne</p>
									<p class="col-sm-10">{{$intervention->description_panne}}</p>
								</div>

                                <div class="row">
									<p class="col-sm-2 text-muted text-sm-right mv-0 mb-sm-3">Heure/Date d'appel client</p>
									<p class="col-sm-10">{{date('d-m-Y h:m A', strtotime($intervention->appel_client))}}</p>
								</div>

                                <div class="row">
									<p class="col-sm-2 text-muted text-sm-right mv-0 mb-sm-3">Mode d'appel client</p>
									<p class="col-sm-10">	{{$intervention->mode_appel}}</p>
								</div>

								<div class="row">
									<p class="col-sm-2 text-muted text-sm-right mb-0 mb-sm-3">Intervenant(s)</p>
									<p class="col-sm-10">
                                        @if (is_array($intervention->destinateur))
                                        {{
                                           implode(', ', $intervention->destinateur)
                                         }}
                                        @endif
                                    </p>
								</div>

                                <div class="row">
									<p class="col-sm-2 text-muted text-sm-right mv-0 mb-sm-3">Sous-traitant</p>
                                    @if($intervention->soustraitant)
                                    <p class="col-sm-10">{{$intervention->soustraitant->name}}@endif</p>
								</div>

                                <div class="row">
									<p class="col-sm-2 text-muted text-sm-right mv-0 mb-sm-3">Date/Heure de début</p>
									<p class="col-sm-10">{{date('d-m-Y h:m A', strtotime($intervention->date_debut))}}</p>
								</div>

                                <div class="row">
									<p class="col-sm-2 text-muted text-sm-right mv-0 mb-sm-3">Date/Heure de fin</p>
									<p class="col-sm-10">{{date('d-m-Y h:m A', strtotime($intervention->date_fin))}}</p>
								</div>

                                <div class="row">
									<p class="col-sm-2 text-muted text-sm-right mv-0 mb-sm-3">Description de l'intervention</p>
									<p class="col-sm-10">{{$intervention->description_intervention}}</p>
								</div>

                                <div class="row">
									<p class="col-sm-2 text-muted text-sm-right mv-0 mb-sm-3">État final d'équipement</p>
									<p class="col-sm-10">	{{$intervention->etat_final}}</p>
								</div>



							</div>
                        <!-- Edit Details Modal -->
						<div class="modal fade" id="edit_intervention_details" 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">Détails 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('interventions.update',$intervention)}}">
											@csrf
											@method("PUT")
											<div class="row form-row">
												<div class="col-12">
                                                    <div class="form-group">
                                                        <label>Client <span class="text-danger">*</span></label>
                                                        <select class="select2 form-select form-control" name="client_id">
                                                            @foreach ($clients as $client)
                                                                @if ($client->id == $intervention->client_id )

                                                                    <option selected value="{{$client->id}}">{{$client->name}}</option>
                                                                @else
                                                                    <option value="{{$client->id}}">{{$client->name}}</option>
                                                                @endif
                                                            @endforeach
                                                        </select>
                                                    </div>
												</div>
												<div class="col-12">
                                                        <div class="form-group">
                                                            <label>Equipement<span class="text-danger">*</span></label>
                                                            <select class="form-control" type="text" name="equipement_name">
															@foreach ($equipements as $equipement)
																@if ($equipement->modele.'--'.$equipement->numserie == $intervention->equipement_name)
																	<option selected value="{{$equipement->modele.'--'.$equipement->numserie}}">{{$equipement->modele.'--'.$equipement->numserie }}</option>
																@else
																	<option value="{{$equipement->modele.'--'.$equipement->numserie}}">{{$equipement->modele.'--'.$equipement->numserie }}</option>
																@endif
																@endforeach
															</select>
                                                        </div>
												</div>

												<div class="col-12">
													<div class="form-group">
														<label>Description Panne</label>
														<input class="form-control select edit_role" name="numserie" value="{{$intervention->description_panne}}">
													</div>
												</div>

												<div class="col-12">
													<div class="form-group">
														<label>Date/Heure Début</label>
														<input type="datetime-local" value="{{$intervention->date_debut}}" class="form-control" name="date_debut">
													</div>
												</div>

											</div>
											<button type="submit" class="btn btn-primary btn-block">Modifier</button>
										</form>
									</div>
								</div>
							</div>
						</div>
						<!-- /Edit Details Modal -->

						<!-- 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>Date/Heure fin <span class="text-danger">*</span></label>
             											<input type="datetime-local" name="date_fin" 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 as $user)
																<option value="{{ $user->name }}">{{ $user->name }}</option>
															@endforeach
														</select>
													</div>
												</div>

												<div class="col-12">
													<div class="form-group">
														<label>Description</label>
														<input type="text" name="description_panne" class="form-control">
													</div>
												</div>
											<button type="submit" class="btn btn-primary btn-block">Valider</button>
										</form>
									</div>
								</div>
							</div>
						</div>
						<!-- /Ajout sous-intervention -->
						</div>

                    <!-- /Aperçu intervention -->

					<!-- index Sous interventions -->
                    @if($intervention->sousinterventions->isEmpty())
                        <div class="p-3 mb-2 bg-warning text-light">
                            <h6 class="text-center">Pas de sous intervention.</h6>
                        </div>
                    @else
                        <div class="card">
                            <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>Date début</th>
                                                    <th>Etat initial</th>
                                                    <th>Intervenant(s)</th>
                                                    <th>Description</th>
                                                    <th>Etat final</th>
                                                    <th>Date fin</th>
                                                    <th>Actions</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @foreach ($sousinterventions as $sousintervention)
                                                    <tr>
                                                    <td>{{$sousintervention->date_debut}}</td>
                                                    <td>{{$sousintervention->etat_initial}}</td>
                                                    <td>
                                                        @if (is_array($sousintervention->intervenant))
                                                        {{
                                                            implode(', ', $sousintervention->intervenant)
                                                        }}
                                                        @endif
                                                    </td>
                                                    <td>{{$sousintervention->description_panne}}</td>
                                                    <td>{{$sousintervention->etat_final}}</td>
                                                    <td>{{$sousintervention->date_fin}}</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>
                                                        <!-- Bouton "Supprimer" pour chaque sous-intervention -->
                                                        <a data-toggle="tooltip" data-placement="top" title="Supprimer" class='btn btn-danger' route='interventions.destroy' onclick="return confirm('Voulez-vous vraiment supprimer la demande {{$sousintervention->id}} ?')">
                                                            <i class="fas fa-trash"></i>
                                                        </a>
                                                    </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                    @endif

					<!-- /index Sous interventions -->

					<!-- 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)
														@if(in_array($user->name, $sousintervention->intervenant))
															<option selected value='{{ $user->name }}'>{{ $user->name }}</option>
														@else
															<option value='{{ $user->name }}'>{{ $user->name }}</option>
														@endif
													@endforeach
												</select>
											</div>
										</div>

										<div class="col-12">
											<div class="form-group">
												<label>Description</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_initial">
                                                @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> 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 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>Rapport</label>
												<input type="file" class="form-control" name='rapport' value="{{$sousintervention->rapport ?? old('rapport')}}">>
											</div>
										</div>
										<button type="submit" class="btn btn-primary btn-block">Modifier</button>
									</form>
								</div>
							</div>
						</div>
					</div>
					@endforeach
					<!-- /Edit Modal des sous-intervention -->
            </div>
        </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>
        <script>
            $(document).ready(function () {
                $('#sousinterventions-table').DataTable();
            });
        </script>
    @endpush