@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 expediteur</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="" disabled 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%;" name="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>
					  
				<div class="row">
				<div class="col-md-6">
						<div class="form-group">
						<label for="exampleInputEmail1">Nom expediteur</label>
						<input type="text" class="form-control" name="nom_expediteur" id="nom_expediteur" placeholder="Enter nom d'expediteur" value="{{ $demande->nom_expediteur }}">
					  </div>
				</div>
				<div class="col-md-6">
					  <div class="form-group">
						<label for="exampleInputPassword1">Téléphone expediteur</label>
						<input type="text" name="tel_expediteur" class="form-control" id="tel_expediteur" placeholder="Entrer téléphone d'expediteur" value="{{ $demande->tel_expediteur }}">
					  </div>
				</div>
				</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" placeholder="Entrer adresse d'expediteur" value="{{ $demande->adresse_expediteur }}">
					  </div>
				</div>
				<div class="col-md-6">
					  <!--<div class="form-group">
						<label for="exampleInputEmail1">Date d'expedition</label>
						<div class="input-group date" id="reservationdate" data-target-input="nearest">
							<input name="activation_date" type="text" class="form-control datetimepicker-input" data-target="#reservationdate" value="{{ $demande->date_expedition }}"/>
							<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 class="form-group">
						<label for="exampleInputPassword1">Ville ramassage</label>
						<select class="form-control select2" style="width: 100%;" 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>
				</div>
				
				<!--<div class="row">
				<div class="col-md-6">
					  <div class="form-group">
						<label for="exampleInputEmail1">Lieu d'expedition</label>
						<input type="text" name="lieu_expedition" class="form-control" id="lieu_expedition" placeholder="Enter lieu d'expedition" value="{{ $demande->lieu_expedition }}">
					  </div>
				</div>
				<div class="col-md-6">	  
					  <div class="form-group">
						<label for="exampleInputPassword1">Ville ramassage</label>
						<select class="form-control select2" style="width: 100%;" name="ville_ramassage" id="ville_ramassage">
							<option value="">Choisir la ville de ramassage</option>	
							@foreach($villes as $ville)
							<option value="{{ $ville->id }}">{{ $ville->libelle }}</option>
							@endforeach
						</select>
					  </div>
				</div>
				</div>-->
				
				<!--<div class="row">
				<div class="col-md-6">
					  <div class="form-group">
						<label for="exampleInputEmail1">Quartier ramassage</label>
						<input type="text" class="form-control" name="quartier_ramassage" id="quartier_ramassage" placeholder="Enter quartier ramassage (int)" value="{{ $demande->quartier_ramassage }}">
					  </div>
				</div>
				<div class="col-md-6">
					  <div class="form-group">
						<label for="exampleInputEmail1">Adresse ramassage</label>
						<input type="text" class="form-control" name="adresse_ramassage" id="adresse_ramassage" placeholder="Enter adresse ramassage" value="{{ $demande->adresse_ramassage }}">
					  </div>
				</div>
				</div>-->
				
				<!--<div class="row">
				<div class="col-md-6">				
					  <div class="form-group">
						<label for="exampleInputEmail1">Date ramassage</label>
						<input type="text" class="form-control" name="date_ramassage" id="date_ramassage" placeholder="Enter date ramassage" value="{{ $demande->date_ramassage }}">
					  </div>
				</div>
				<div class="col-md-6">
					  <div class="form-group">
						<label for="exampleInputEmail1">Heure ramassage</label>
						<input type="text" class="form-control" name="heure_ramassage" id="heure_ramassage" placeholder="Enter heure ramassage" value="{{ $demande->heure_ramassage }}">
					  </div>
				</div>
				</div>-->
				
				<!--<div class="row">
				<div class="col-md-6">				
					  <div class="form-group">
						<label for="exampleInputEmail1">Date livraison</label>
						<input type="text" class="form-control" name="date_livraison" id="date_livraison" placeholder="Enter date livraison" value="{{ $demande->date_livraison }}">
					  </div>
				</div>
				<div class="col-md-6">
					  <div class="form-group">
						<label for="exampleInputEmail1">Heure livraison</label>
						<input type="text" class="form-control" name="heure_livraison" id="heure_livraison" placeholder="Enter heure livraison" value="{{ $demande->heure_livraison }}">
					  </div>
				</div>
				</div>-->
				
				<!--<div class="row">
				<div class="col-md-12">
					  <div class="form-group">
						<label for="exampleInputPassword1">Ville livraison</label>
						<select class="form-control select2" style="width: 100%;" name="ville_livraison" id="ville_livraison">
							<option value="">Choisir la ville de livraison</option>	
							@foreach($villes as $ville)
							<option value="{{ $ville->id }}">{{ $ville->libelle }}</option>
							@endforeach
						</select>
					  </div>
				</div>
				<div class="col-md-12">	  
					  <div class="form-group">
						<button class="btn btn-primary" id="suivant1" type="button">Suivant</button>
					  </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 expedition</h5><br/>
					</div>
					</div>
					
					<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%;" 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">Type</label>
						<select class="form-control select2" style="width: 100%;" name="type" id="type">
							<option value="" @if($demande->type_demande == '') selected  @endif>Choisir le type</option>	
							<option value="1" @if($demande->type_demande == 1) selected  @endif>Immediate</option>
							<option value="2" @if($demande->type_demande == 2) selected  @endif>Flexible</option>
							<option value="3" @if($demande->type_demande == 3) selected  @endif>Planifier</option>
						</select>
					  </div>
					</div>
					</div>
					
				
					
					<div class="row">
					<div class="col-md-6">
					@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="form-group">
						<label for="exampleInputEmail1">Date d'expedition</label>
						<input type="text" name="date_exp" class="form-control" id="date_exp" placeholder="Enter date d'expedition">
						</div>-->
						<div class="form-group">
						<label for="exampleInputEmail1">Date d'expedition (ramassage)</label>
						<!--<input type="text" class="form-control" name="date_ramassage" id="date_ramassage" placeholder="Enter date ramassage">-->
						<div class="input-group date" id="reservationdate" data-target-input="nearest" data-date-format="DD-MM-Y">
							<input name="date_ramassage" type="text" class="form-control datetimepicker-input" data-target="#reservationdate" value="{{ $correct_format_date_ramassage }}"/>
							<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-6">
					@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="form-group">
						<label for="exampleInputEmail1">Date livraison</label>
						<!--<input type="text" class="form-control" name="date_livraison" id="date_livraison" placeholder="Enter date livraison">-->
						<div class="input-group date"  id="date_livraison" data-target-input="nearest" data-date-format="DD-MM-Y">
							<input name="date_livraison" type="text" class="form-control datetimepicker-input" data-target="#date_livraison" value="{{ $correct_format_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>
					

					
					
					  
					<div class="row">
					<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" placeholder="Enter nombre de colis" value="{{ $demande->nombre_colis }}">
					  </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" placeholder="Enter le prix souhaité" value="{{ $demande->prix_souhaite }}">
					  </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 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 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" placeholder="Enter nom destinataire" value="{{ $demande->nom_destinateur }}">
					  </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" placeholder="Enter téléphone destinataire" value="{{ $demande->tel_destinateur }}">
					  </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%;" 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>
					
					<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" placeholder="Enter l'adresse du destinataire" value="{{ $demande->adresse_destinateur }}">
					  </div>
					</div>
					
				  </div>
				  
				  
				  
				  <div class="row">
					<div class="col-md-6">
						<div class="form-group">
						<label for="exampleInputEmail1">Tarif transporteur</label>
						<input type="text" name="traif_transporteur" class="form-control" id="traif_transporteur" placeholder="Enter le tarif transporteur" value="">
					  </div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
						<label for="exampleInputEmail1">Tarif reference</label>
						<input type="text" name="traif_reference" class="form-control" id="traif_reference" placeholder="" value="{{ $prix_reference }}">
					  </div>
					</div>
					</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" placeholder="Enter l'adresse du destinataire" value="{{ $demande->adresse_destinateur }}">
					  </div>
					</div>
					  
					<div class="col-md-6">
					  <div class="form-group">
						<label for="exampleInputEmail1">Distance (km)</label>
						<input type="text" name="distance" class="form-control" id="distance" placeholder="Enter la distance" value="{{ $demande->distance }}">
					  </div>
					</div>
				  </div>-->
				
				  <!--<div class="row">
					<div class="col-md-12">
					  <div class="form-group">
						<label for="exampleInputEmail1">durée (min)</label>
						<input type="text" name="duree" class="form-control" id="duree" placeholder="Enter la durée" value="{{ $demande->duree }}">
					  </div>
					</div>
				  </div>-->
				  
				  <div class="row">
					<div class="col-md-6">
						<div class="form-group">
						<label for="exampleInputEmail1">Le reste pour 24 heures (secondes)</label>
						@if(strtotime('now') - (strtotime($demande->date_demande) + 86400) < 0)
							<input type="text" name="timer" class="form-control" id="timer" placeholder="" value="{{ strtotime('now') - (strtotime($demande->date_demande) + 86400) }}" disabled>
						@else
							<input type="text" name="timer" class="form-control" id="timer" placeholder="" value="0" disabled>
						@endif
						
					  </div>
					</div>
				  </div>
					  
					  <div class="form-group">
						<button onclick="history.back();" class="btn btn-primary">Retour</button>
						<button onclick="participer();" class="btn btn-primary" @if(strtotime($demande->date_demande) + 86400 < strtotime("now")) disabled @endif>Je participe</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");
		});
		
		
		

	});
	
	
	
	function participer(){
					
			//alert(id_flotte);
			//alert({{ $id_demande }});
			
		
			var tag = $("#popmodal");				 
			//console.log("url: " + url);
			$.ajax({
				url: '{{ route('addDemandeFlottetransporteur.set') }}',
				//async : false,
				type: 'POST',
				data: {id_flotte: {{ $id_flotte }},id_demande: {{ $demande->id }},prix_transporteur: $("#traif_transporteur").val() },
				success: function( data ) {
				 
					console.log(data);
					//jQuery( "#popmodal" ).dialog( "close" );
					//jQuery("#grid_flotte").trigger("reloadGrid",[{jqgrid_page:1,current:true}]);
					history.back();
				},
				error: function(xhr, status, error){
					console.error(xhr);
				}
			});					
		}
		
	</script>
@endsection