@extends('layouts.admin')

@section('content')
	
	
<!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Detail demande</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{ url('/') }}">Accueil</a></li>
              <li class="breadcrumb-item active">Detail demande</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
	
<div class="content">
<div class="container-fluid">













        <div class="row">
          <div class="col-lg-12">
            <!-- general form elements -->
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Detail demande</h3>
              </div>
			  
			  @if ($errors->any())
				<div class="alert alert-danger alert-dismissible">
                  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                  <h5><i class="icon fas fa-ban"></i> Alert!</h5>
                  <ul>
						@foreach ($errors->all() as $error)
						  <li>{{ $error }}</li>
						@endforeach
					</ul>
                </div>
				@endif
              <!-- /.card-header -->
              <!-- form start -->
			  
			  
			 
			  
              <!--<form role="form" method="post" action="#">-->
                <div class="card-body">
				@csrf
				
				<!--<ul class="nav nav-tabs">
				  <li class="nav-item">
					<a class="btnm nav-link active" href="#" id="tab-item-exp">Expedition</a>
				  </li> 
				  <li class="nav-item">
					<a class="btnm nav-link " href="#" id="tab-item-colis">Colis</a>
				  </li>
				  <li class="nav-item">
					<a class="btnm nav-link " href="#" id="tab-item-dest">Destination</a>
				  </li>
				</ul>-->
				
				<!--<br/>-->
				
				<div id="block-exp" style="width:100%" class="blockm">
				
				<div class="row">
					<div class="col-md-12">
						<h5 style="color:#007bff">Info demande</h5><br/>
					</div>
				</div>
				
				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							<label for="exampleInputEmail1">Numéro demande</label>
							<input type="text" class="form-control" name="num_demande" id="num_demande" placeholder="" value="{{ $demande->numero_demande }}">
						  </div>
					</div>
					<div class="col-md-6">
						 <div class="form-group">
							<label for="exampleInputPassword1">Client</label>
							<select class="form-control select2" style="width: 100% !important;" name="client" id="client">
								<option value="">Choisir le client</option>	
								@foreach($clients as $client)
								@if($client->id == $demande->client_id)
								<option value="{{ $client->id }}" selected>{{ $client->raison_social }}</option>
								@else
								<option value="{{ $client->id }}">{{ $client->raison_social }}</option>	
								@endif
								@endforeach
							</select>
						  </div>
					</div>
				</div>
					
				<!-- add -->
				<div class="row">
					<div class="col-md-6">
							<div class="form-group">
							<label for="exampleInputEmail1">Contact client</label>
							<input type="text" class="form-control" name="contact_client" id="contact_client" value="{{ $demande->contact_client }}" placeholder="">
						  </div>
					</div>
					<div class="col-md-6">
						  <div class="form-group">
							<label for="exampleInputPassword1">Téléphone contact</label>
							<input type="text" name="tel_contact" class="form-control" id="tel_contact" value="{{ $demande->telephone_contact_client }}" placeholder="">
						  </div>
					</div>
				</div>
				<!-- end add -->
				
				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
						<label for="exampleInputEmail1">Mode</label>
						<select class="form-control select2" style="width: 100% !important;" name="mode" id="mode">
							<option value="" @if($demande->mode_demande == '') selected @endif>Choisir le mode</option>	
							<option value="1" @if($demande->mode_demande == 1) selected @endif>Mutualisé</option>
							<option value="2" @if($demande->mode_demande == 2) selected @endif>dédié</option>
						</select>
					  </div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
						<label for="exampleInputEmail1">Prix souhaité</label>
						<input type="text" name="prix_souhaite" class="form-control" id="prix_souhaite" value="{{ $demande->prix_souhaite }}" placeholder="Enter le prix souhaité">
					  </div>
					</div>
				</div>
					
					
				
				  </div>
				  
				  <div id="block-colis" style="width:100%" class="blockm">
					
					<br/>
					<div class="row">
					<div class="col-md-12">
						<h5 style="color:#007bff">Info chargement</h5><br/>
					</div>
					</div>
					
					<div class="row">
						<div class="col-md-6">
							  <div class="form-group">
								<label for="exampleInputEmail1">Expediteur</label>
								<input type="text" class="form-control" name="nom_expediteur" id="nom_expediteur" value="{{ $demande->nom_expediteur }}" placeholder="Enter nom d'expediteur">
							  </div>
						</div>
						<div class="col-md-6">
							  <div class="form-check" style="margin-top:31px;text-align:center">
								<input type="checkbox" class="form-check-input" id="client_lui_meme" name="client_lui_meme" value="1" checked>
								<label class="form-check-label" for="exampleCheck1">Le client lui même</label>
							  </div>
						</div>
					</div>
					
					
					
					<div class="row">
						<div class="col-md-6">
						  
						  <div class="form-group">
							<label for="exampleInputPassword1">Ville expedition (ramassage)</label>
							<select class="form-control select2" style="width: 100% !important;" name="ville_ramassage" id="ville_ramassage">
								<option value="">Choisir la ville de ramassage</option>	
								@foreach($villes as $ville)
								@if($ville->id == $demande->ville_ramassage)
								<option value="{{ $ville->id }}" selected>{{ $ville->libelle }}</option>
								@else
								<option value="{{ $ville->id }}">{{ $ville->libelle }}</option>	
								@endif
								@endforeach
							</select>
						  </div>
						</div>
						
						<!-- add -->
						<div class="col-md-6">
						  
						  <div class="form-group">
							<label for="exampleInputPassword1">Localite (zone)</label>
							<select class="form-control select2" style="width: 100% !important;" name="expediteur_zone" id="expediteur_zone">
								<option value="">Choisir la localite d'exedition</option>
								@foreach($zones as $zone)
								@if($zone->id == $demande->expediteur_zone)
								<option value="{{ $zone->id }}" selected>{{ $zone->libelle }}</option>
								@else
								<option value="{{ $zone->id }}">{{ $zone->libelle }}</option>	
								@endif
								@endforeach
							</select>
						  </div>
						</div>
						<!-- end add -->
					</div>
					
					<div class="row">
						<div class="col-md-6">
							  <div class="form-group">
								<label for="exampleInputPassword1">Adresse expediteur</label>
								<input type="text" name="adresse_expediteur" class="form-control" id="adresse_expediteur" value="{{ $demande->adresse_expediteur }}" placeholder="Entrer adresse d'expediteur">
							  </div>
						</div>
						
						<!-- add -->
						<div class="col-md-3">
							  <div class="form-group">
								<label for="exampleInputPassword1">Localisation x</label>
								<input type="text" name="expiditeur_localisation_gps_x" class="form-control" id="expiditeur_localisation_gps_x" value="{{ $demande->expiditeur_localisation_gps_x }}" placeholder="Entrer la localisation gps">
							  </div>
						</div>
						
						<div class="col-md-3">
							  <div class="form-group">
								<label for="exampleInputPassword1">Localisation y</label>
								<input type="text" name="expiditeur_localisation_gps_y" class="form-control" id="expiditeur_localisation_gps_y" value="{{ $demande->expiditeur_localisation_gps_y }}" placeholder="Entrer la localisation gps">
							  </div>
						</div>
						<!-- end add -->
					</div>
					
					<div class="row">
						<div class="col-md-6">
							  <div class="form-group">
								<label for="exampleInputEmail1">Contact chargement</label>
								<!--<input type="text" class="form-control" name="nom_expediteur" id="nom_expediteur" placeholder="Enter nom d'expediteur">-->
								<input type="text" class="form-control" name="contact_chargement" id="contact_chargement" value="{{ $demande->contact_chargement }}" placeholder="Enter nom d'expediteur">
							  </div>
						</div>
						<div class="col-md-6">
							  <div class="form-group">
								<label for="exampleInputPassword1">Téléphone contact</label>
								<input type="text" name="tel_expediteur" class="form-control" id="tel_expediteur" value="{{ $demande->tel_expediteur }}" placeholder="Entrer téléphone d'expediteur">
							  </div>
						</div>
					</div>
					
					<div class="row">
						<div class="col-md-6" id="block_date_expedition">
							
							<div class="form-group">
							<label for="exampleInputEmail1">Date d'expedition (ramassage)</label>
							
							@php
							$array_date_ramassage = explode('-',$demande->date_ramassage);
							$correct_format_date_ramassage = $array_date_ramassage[2]."-".$array_date_ramassage[1]."-".$array_date_ramassage[0];
							@endphp
							<div class="input-group date" id="reservationdate" data-target-input="nearest" data-date-format="DD-MM-Y" data-date="2021-04-18T15:25:00Z">
								<input name="date_ramassage" id="date_ramassage" type="text" class="form-control datetimepicker-input" value="{{ $correct_format_date_ramassage }}" data-target="#reservationdate" />
								<div class="input-group-append" data-target="#reservationdate" data-toggle="datetimepicker">
									<div class="input-group-text"><i class="fa fa-calendar"></i></div>
								</div>
							</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="form-check" style="margin-top:31px;text-align:center">
								<input type="checkbox" class="form-check-input" id="flexibilite" name="flexibilite" value="1" >
								<label class="form-check-label" for="exampleCheck1">Flexibilite</label>
							  </div>
						</div>
						<div class="col-md-3">
						
						<!-- code pen -->
						<div style="margin-top:31px;text-align:center">
						<button id="btn_one_moin" type="button" disabled>-</button><input type="text" name="counter_one" id="counter_one" value="0" style="width:40px" disabled/><button id="btn_one_plus" type="button" disabled>+</button>
						</div>
						<!-- end code pen -->
						
						</div>
					</div>
					
				
					<div class="row">
						<div class="col-md-6">				
						  <div class="form-group">
							<label for="exampleInputEmail1">Date livraison</label>
							
							@php
							$array_date_livraison = explode('-',$demande->date_livraison);
							$correct_format_date_livraison = $array_date_livraison[2]."-".$array_date_livraison[1]."-".$array_date_livraison[0];
							@endphp
							<div class="input-group date"  id="date_livraison" data-target-input="nearest" data-date-format="DD-MM-Y" data-date="2021-04-18T15:25:00Z">
								<input name="date_livraison" id="date_livraison_id" type="text" class="form-control datetimepicker-input" value="{{ $correct_format_date_livraison }}" data-target="#date_livraison"/>
								<div class="input-group-append" data-target="#date_livraison" data-toggle="datetimepicker">
									<div class="input-group-text"><i class="fa fa-calendar"></i></div>
								</div>
							</div>
						  </div>
						</div>
						
						<div class="col-md-3">
							<div class="form-check" style="margin-top:31px;text-align:center">
								<input type="checkbox" class="form-check-input" id="flexible" name="flexible" value="1" >
								<label class="form-check-label" for="exampleCheck1">Flexible</label>
							  </div>
						</div>
						<div class="col-md-3">
						
						<!-- code pen -->
						<div style="margin-top:31px;text-align:center">
						<button id="btn_two_moin" type="button" disabled>-</button><input type="text" name="counter_two" id="counter_two" value="0" style="width:40px" disabled /><button id="btn_two_plus" type="button" disabled>+</button>
						</div>
						<!-- end code pen -->
						
						</div>
					</div>
					
					
					  <!--<div class="form-group">
						<button class="btn btn-primary" id="suivant2" type="button">Suivant</button>
					  </div>-->
				  </div>
				  
				  
				  
				  <div id="block-dest" style="width:100%" class="blockm">
				  
				  <br/>
				  <div class="row">
					<div class="col-md-12">
						<h5 style="color:#007bff">Info colis</h5><br/>
					</div>
				</div>
				
				  <div class="row">

				
					
					<div class="col-md-6">
						  
						  <div class="form-group">
							<label for="exampleInputPassword1">Nature colis</label>
							<select class="form-control select2" style="width: 100% !important;" name="nature_colis" id="nature_colis">
								<option value="">Choisir la nature du colis</option>	
								@foreach($nature_colis as $nature_coli)
								<option value="{{ $nature_coli->id }}" @if($nature_coli->id == $demande->nature_colis_id) selected @endif>{{ $nature_coli->nature_colis }}</option>
								@endforeach
							</select>
						  </div>
					</div>
					
					
					<div class="col-md-6">
					  <div class="form-group">
						<label for="exampleInputEmail1">Nombre de colis</label>
						<input type="text" name="nombre_colis" class="form-control" id="nombre_colis" value="{{ $demande->nombre_colis }}" placeholder="Enter nombre de colis">
					  </div>
					</div>
					
					</div>
				  
				  <div class="row">
					<div class="col-md-12">
					  <div class="form-group" id="table-colis">
						{!! $grid_demandes_detail !!}
					  </div>
					</div>
					</div>
				  

				  </div>
				  
				  
				  
				  
				  <div id="block-dest" style="width:100%" class="blockm">
				  
				  <br/>
				  <div class="row">
					<div class="col-md-12">
						<h5 style="color:#007bff">Info destinataire</h5><br/>
					</div>
				</div>
				
				  
				  <div class="row">
					<div class="col-md-6">
					  <div class="form-group">
						<label for="exampleInputEmail1">Nom destinataire</label>
						<input type="text" name="nom_destinataire" class="form-control" id="nom_destinataire" value="{{ $demande->nom_destinateur }}" placeholder="Enter nom destinataire">
					  </div>
					</div>
					
					<div class="col-md-6">  
					  <div class="form-group">
						<label for="exampleInputEmail1">Téléphone destinataire</label>
						<input type="text" name="tel_destinataire" class="form-control" id="tel_destinataire" value="{{ $demande->tel_destinateur }}" placeholder="Enter téléphone destinataire">
					  </div>
					</div>
				  </div>
				  
				  
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
							<label for="exampleInputPassword1">Ville destinataire (livraison)</label>
							<select class="form-control select2" style="width: 100% !important;" name="ville_livraison" id="ville_livraison">
								<option value="">Choisir la ville de livraison</option>	
								@foreach($villes as $ville)
								@if($ville->id == $demande->ville_livraison)
								<option value="{{ $ville->id }}" selected>{{ $ville->libelle }}</option>
								@else
								<option value="{{ $ville->id }}" >{{ $ville->libelle }}</option>	
								@endif
								@endforeach
							</select>
							</div>
						</div>
						
						<!-- add -->
						<div class="col-md-6">
							<div class="form-group">
							<label for="exampleInputPassword1">Localite (zone)</label>
							<select class="form-control select2" style="width: 100% !important;" name="destinataire_zone" id="destinataire_zone">
								<option value="">Choisir la localite</option>	
								@foreach($zones as $zone)
								@if($zone->id == $demande->destinataire_zone)
								<option value="{{ $zone->id }}" selected>{{ $zone->libelle }}</option>
								@else
								<option value="{{ $zone->id }}" >{{ $zone->libelle }}</option>	
								@endif
								@endforeach
							</select>
							</div>
						</div>
						<!-- end add -->
					</div>
				  
				  
				  
				  
				  <div class="row">
					
					
					<div class="col-md-6">
					  <div class="form-group">
						<label for="exampleInputEmail1">Adresse destinataire</label>
						<input type="text" name="adresse_destinataire" class="form-control" id="adresse_destinataire" value="{{ $demande->adresse_destinateur }}" placeholder="Enter l'adresse du destinataire">
					  </div>
					</div>
					
					<!-- add -->
					<div class="col-md-3">
						  <div class="form-group">
							<label for="exampleInputPassword1">Localisation x</label>
							<input type="text" name="destinataire_localisation_gps_x" class="form-control" id="destinataire_localisation_gps_x" value="{{ $demande->destinataire_localisation_gps_x }}" placeholder="Entrer la localisation gps">
						  </div>
					</div>
					
					<div class="col-md-3">
						  <div class="form-group">
							<label for="exampleInputPassword1">Localisation y</label>
							<input type="text" name="destinataire_localisation_gps_y" class="form-control" id="destinataire_localisation_gps_y" value="{{ $demande->destinataire_localisation_gps_y }}" placeholder="Entrer la localisation gps">
						  </div>
					</div>
					<!-- end add -->
					
				  </div>
				  
				  
				  
				  <div class="row" id="block_duree_distance" style="">
					<div class="col-md-12">
						<div class="form-group">
							<label for="exampleInputEmail1">Duree (min)</label>
							<input type="text" class="form-control" id="duree" name="duree" value="{{ $demande->duree }}" placeholder="Durée">
						</div>
					</div>
				  </div>
				  
					  
				  <div class="row" id="block_prix_reference">
					<div class="col-md-12">
						<div class="form-group">
							<label for="exampleInputEmail1">Prix reference (formule)</label>
							<textarea class="form-control" id="prix_reference" placeholder="Prix reference">{{ $demande->prix_reference }}</textarea>
						</div>
					</div>
				  </div>
					  
					  <div class="form-group">
						<button onclick="history.back();" class="btn btn-primary">Retour</button>
					  </div>
				  </div>
				  
                </div>
                <!-- /.card-body -->

                <!--<div class="card-footer">
                  <button type="submit" class="btn btn-primary">Suivant</button>
                </div>-->
              <!--</form>-->
            </div>
            


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

<script type="text/javascript">
	/*
		CUSTOM TOOLBAR BUTTON
		---------------------
		caption: (string) the caption of the button, can be a empty string.
		buttonicon: (string) is the ui icon name from UI theme icon set. If this option is set to 'none' only the text appear.
		onClickButton: (function) action to be performed when a button is clicked. Default null.
		position: ('first' or 'last') the position where the button will be added (i.e., before or after the standard buttons).
		title: (string) a tooltip for the button.
		cursor : string (default pointer) determines the cursor when we mouseover the element
		id : string (optional) - if set defines the id of the button (actually the id of TD element) for future manipulation
	*/
	$(document).ready(function(){
		
		/*jQuery(".btnm").click(function(){			
			jQuery(".blockm").css("display","none");
			jQuery("#"+jQuery(this).attr("attack")).css("display","block");
						
			jQuery(".btnm").removeClass("active");
			jQuery(this).addClass("active");
			return false;
		});*/
		
		/*jQuery("#nombre_colis").change(function(){
			alert(jQuery(this).val());
		});*/
		
		jQuery("#nombre_colis").on('input',function(e){
			//alert(jQuery(this).val());
			var rowNumber = jQuery(this).val();
			if(rowNumber >= 1){
				textapp = "<table class='table table-bordered'>";
				textapp += "<tr><td>Colis</td><td>Poids (kg)</td><td>Volume (m3)</td><td>Type</td><td>Nature</td></tr>";
				for (let step = 1; step <= rowNumber; step++) {
				  // Runs 5 times, with values of step 0 through 4.
				  console.log('Walking east one step');
				  textapp += "<tr><td>Colis "+step+"</td><td><input type='text' name='colis_poids_"+step+"'/></td><td><input type='text' name='colis_volume_"+step+"'/></td><td><select name='colis_type_"+step+"'>{!! $type_colis_html !!}</select></td><td><select name='colis_nature_"+step+"'>{!! $nature_colis_html !!}</select></td></tr>";
				}
				textapp += "</table>";
			}
			//$("#table-colis").append(textapp);
			$("#table-colis").html(textapp);
		});
		
		jQuery("#suivant1").click(function(){
			//alert("yes");
			jQuery(".blockm").css("display","none");
			jQuery("#block-colis").css("display","block");
			jQuery(".btnm").removeClass("active");
			jQuery("#tab-item-colis").addClass("active");
		});
		
		jQuery("#suivant2").click(function(){
			//alert("yes");
			jQuery(".blockm").css("display","none");
			jQuery("#block-dest").css("display","block");
			jQuery(".btnm").removeClass("active");
			jQuery("#tab-item-dest").addClass("active");
		});
		

	});
	</script>
@endsection