@extends('layouts.main')


@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{{ __('strings.headerViewUserTripComissionInfo',["app"=>"QuiQ"]) }} </h4>
            </div>
            <div class="card-body">
				<div class="card-block">
					<div class="form-body"> 
					
						<div class="row">
							<div class="col-md-12">
								<h3><strong>DATOS DEL USUARIO</strong></h3>
							</div>
						</div>
						
						<div class="row">
							<div class="col-md-6">
								<h4><strong>Usuario:</strong> {{ $trip->userName.' '.$trip->userLast }}</h4>
							</div>
							<div class="col-md-6">
								<h4><strong>Emial del Usuario:</strong> {{ $trip->userEmail }}</h4>
							</div>
						</div>
					
						<div class="row" style="padding-top: 2em">
							<div class="col-md-12">
								<h3><strong>DATOS DEL VIAJE</strong></h3>
							</div>
						</div>
						
						<div class="row">
							<div class="col-md-6">
								<h4><strong>Conductor:</strong> {{ $trip->taxiName.' '.$trip->taxiLast }}</h4>
							</div>
							<div class="col-md-6">
								<h4><strong>Emial del Conductor:</strong> {{ $trip->taxiEmail }}</h4>
							</div>
						</div>
						
						<div class="row">
							<div class="col-md-12">
								<h4><strong>Punto de Partida:</strong> {{ $trip->BEGIN_ADDRESS }}</h4>
							</div>
						</div>
						
						<div class="row">
							<div class="col-md-6">
								<h4><strong>Total:</strong> {{ $trip->TOTAL }}</h4>
							</div>
							<div class="col-md-6">
							</div>
						</div>
						@if( isset( $trip_commissions->trip_commissions ) )
							<div class="row" style="padding-top: 2em">
								<div class="col-md-12">
									<h3><strong>DATOS DEL RECIBO</strong></h3>
								</div>
							</div>
							<div class="row">	
								<div class="col-md-12">
									<h4><strong>Status:</strong> {{ $trip_commissions->status }}</h4>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12">
									<h4><strong>COMISIONES</strong></h4>
								</div>
							</div>
							<div class="table-responsive">
								<table class="table cell-borders">
									<thead class="thead-inverse">
										<tr>
											<th>COMISION</th>
											<th><div align="center">PORCENTAJE<div></th> 
											<th><div align="right">VALOR</div></th>
										</tr>
									</thead>
									<tbody>
										@foreach( $labels as $label)
											<tr>
												<td>{{strtoupper ( $trip_commissions->trip_commissions->$label->NOMBRE )}}</td>
												
												@if( 	$trip_commissions->trip_commissions->$label->PORCENTAJE != '' )
													<td align="center">{{$trip_commissions->trip_commissions->$label->PORCENTAJE}}%</td> 
												@else
													
													<td align="center">{{$trip_commissions->trip_commissions->$label->PORCENTAJE}}</td> 
												@endif
												
												@if( 	$trip_commissions->trip_commissions->$label->NOMBRE == 'PRECIO DE VENTA' ||
														$trip_commissions->trip_commissions->$label->NOMBRE == 'SUBTOTAL'	||
														$trip_commissions->trip_commissions->$label->NOMBRE == 'TOTAL' ) 
													<td align="right">{{$trip_commissions->trip_commissions->$label->VALOR}}</td>
												@else
													<td align="right">-{{$trip_commissions->trip_commissions->$label->VALOR}}</td>
												@endif
												
											</tr>
										@endforeach
										<tr>
											<td colspan="2"></td>
											<td align="right"></td>
										</tr>
									</tbody>
								</table>
							</div>
							
							
							
							@if( $trip_commissions->status == 'PAGADO')
								<div class="row">
									<div class="col-md-12">
										<h3><strong>FACTURACION</strong></h3>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<h4><strong>FACTURA RECIBIDA</strong></h4>
									</div>
								</div>
								<div class="row">	
									<div class="col-md-6">
										<h4><strong>Fecha:</strong> {{$trip_commissions->billing->issued->date}}</h4>
									</div>
									<div class="col-md-6">
										<h4><strong>Folio:</strong> {{$trip_commissions->billing->issued->folio}}</h4>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<h4><strong>FACTURA EMITIDA</strong></h4>
									</div>
								</div>
								<div class="row">	
									<div class="col-md-6">
										<h4><strong>Fecha:</strong> {{$trip_commissions->billing->received->date}}</h4>
									</div>
									<div class="col-md-6">
										<h4><strong>Folio:</strong> {{$trip_commissions->billing->received->folio}}</h4>
									</div>
								</div>
								<br/>
								<div class="row">
									<div class="col-md-12">
										<h4>
											<strong>
												EDITAR FACTURACION <input type="checkbox" name="checkUpdateBilling" id="checkUpdateBilling" onchange="showUpdateFilling()">
											</strong>
										</h4>
									</div>
								</div>
								<form class="form" action="{{route('updateBillingQuiQTripCommission')}}" method="post" id="form">
								{{ csrf_field() }}
								{{ method_field('post') }}
									<input type="hidden" name="idRoute" value="{{$id_route}}">
									<input type="hidden" name="idUser" value="{{$id_user}}">
									<input type="hidden" name="idTripCommission" value="{{$trip_commissions->id}}">
									<div id="updateBilling">
										
									</div>
								</form>
								
							@endif
						
							@if( $trip_commissions->status == 'NO PAGADO')
								<div class="row">
									<div class="col-md-12">
										<h3><strong>CAMBIAR STATUS</strong></h3>
									</div>
								</div>
								
								<div class="row">
									<div class="col-md-12">
										<label for="status">STATUS</label>
										<select class="form-control" name="status" id="status" onchange="showFilling()">
											@if( $trip_commissions->status == 'PAGADO' )
												<option value="NO PAGADO">NO PAGADO</option>
												<option value="PAGADO" selected>PAGADO</option>
											@else if( $trip_commissions->status == 'NO PAGADO' )
												<option value="NO PAGADO" selected>NO PAGADO</option>
												<option value="PAGADO">PAGADO</option>
											@endif
										</select>
									</div>
								</div>
								<br/>
								<form class="form" action="{{route('changeStatusQuiQTripCommission')}}" method="post" id="form">
								{{ csrf_field() }}
								{{ method_field('post') }}
								
									<input type="hidden" name="idRoute" value="{{$id_route}}">
									<input type="hidden" name="idUser" value="{{$id_user}}">
									<input type="hidden" name="idTripCommission" value="{{$trip_commissions->id}}">
									<div id="billing">
										
									</div>
								</form>
							@endif
						@endif
					</div>
				</div>
            </div>
        </div>
        </div>
</div>
@endsection

@push('scripts')
<script type="text/javascript">

	/*
	//	crea los elementos necesarios para el almacenamiento de los datos de la facturacion
	*/
    function showFilling(){
		if( $('#status').val() == 'PAGADO' ){
			
			$(billing).append( 
				'<div id="hiddenBilling">'+
				'<div class="row">'+
				'	<div class="col-md-6">'+
				'		<div class="row">'+
				'			<div class="col-md-12">'+
				'				<h5><strong>FACTURA RECIBIDA</strong></h5>'+
				'			</div>'+
				'		</div>'+
				'		<div class="row">'+
				'			<div class="col-md-6">'+
				'				<label for="issuedDate">Fecha</label>'+
				'				<input type="date" id="issuedDate" class="form-control" name="issuedDate" onchange="ennabledIssue()">'+
				'			</div>'+
				'			<div class="col-md-6">'+
				'				<label for="issuedFolio">Folio</label>'+
				'				<input type="text" id="issuedFolio" class="form-control" name="issuedFolio" required disabled>'+
				'			</div> '+
				'		</div>'+
				'	</div>'+
				'	<div class="col-md-6">'+
				'		<div class="row">'+
				'			<div class="col-md-12">'+
				'				<h5><strong>FACTURA EMITIDA</strong></h5>'+
				'			</div>'+
				'		</div>'+
				'		<div class="row">'+
				'			<div class="col-md-6">'+
				'				<label for="receivedDate">Fecha</label>'+
				'			<input type="date" id="receivedDate" class="form-control" name="receivedDate" onchange="ennabledReceived()">'+
				'			</div>'+
				'			<div class="col-md-6">'+
				'				<label for="receivedFolio">Folio</label>'+
				'				<input type="text" id="receivedFolio" class="form-control" name="receivedFolio" required disabled>'+
				'			</div> '+
				'		</div>'+
				'	</div>'+
				'</div>'+
				'<br/>'+
				'<div class="row">'+
				'	<div class="col-md-12" align="right">'+
				'		<button type="submit" class="btn btn-primary" >Guardar</button>'+
				'	</div>'+
				'</div>'+
				'</div>'
			);
			
			//$("#filling").css("visibility","visible");
		}
		else if( $('#status').val() == 'NO PAGADO' ){
			$("#hiddenBilling").remove();
			//$("#filling").css("visibility","hidden");
		}/**/
	}
	
	/*
	//	crea los elementos necesarios para la actualizacion de la informacion de facturacion
	*/
	function showUpdateFilling(){
		
		if( $('#checkUpdateBilling').is(':checked')  ){
			
			$(updateBilling).append( 
				'<div id="hiddenBilling">'+
				'<div class="row">'+
				'	<div class="col-md-6">'+
				'		<div class="row">'+
				'			<div class="col-md-12">'+
				'				<h5><strong>FACTURA RECIBIDA</strong></h5>'+
				'			</div>'+
				'		</div>'+
				'		<div class="row">'+
				'			<div class="col-md-6">'+
				'				<label for="issuedDate">Fecha</label>'+
				'				<input type="date" id="updateIssuedDate" class="form-control" name="updateIssuedDate" value="" onchange="verifyBilling(\'updateIssuedDate\')">'+
				'			</div>'+
				'			<div class="col-md-6">'+
				'				<label for="issuedFolio">Folio</label>'+
				'				<input type="text" id="updateIssuedFolio" class="form-control" name="updateIssuedFolio" value="" onchange="verifyBilling(\'updateIssuedFolio\')">'+
				'			</div> '+
				'		</div>'+
				'	</div>'+
				'	<div class="col-md-6">'+
				'		<div class="row">'+
				'			<div class="col-md-12">'+
				'				<h5><strong>FACTURA EMITIDA</strong></h5>'+
				'			</div>'+
				'		</div>'+
				'		<div class="row">'+
				'			<div class="col-md-6">'+
				'				<label for="receivedDate">Fecha</label>'+
				'			<input type="date" id="updateReceivedDate" class="form-control" name="updateReceivedDate" value=""  onchange="verifyBilling(\'updateReceivedDate\')">'+
				'			</div>'+
				'			<div class="col-md-6">'+
				'				<label for="receivedFolio">Folio</label>'+
				'				<input type="text" id="updateReceivedFolio" class="form-control" name="updateReceivedFolio" value="" onchange="verifyBilling(\'updateReceivedFolio\')">'+
				'			</div> '+
				'		</div>'+
				'	</div>'+
				'</div>'+
				'<br/>'+
				'<div class="row">'+
				'	<div class="col-md-12" align="right">'+
				'		<button type="submit" class="btn btn-success" >Actualizar</button>'+
				'	</div>'+
				'</div>'+
				'</div>'
			);
		}
		else{
			$("#hiddenBilling").remove();
		}/**/
	}
	
	/*
	//	verifica los compos de la validacion para su guardado
	*/
	function verifyBilling(id){
		
		if( id == "updateIssuedDate" || id == "updateIssuedFolio" ){
			
			if( $('#updateIssuedDate').val() != '' &&  $.trim($('#updateIssuedFolio').val()) == ''){
				$('#updateIssuedFolio').prop('required', true);
			}
			else if( $('#updateIssuedDate').val() == '' &&  $.trim($('#updateIssuedFolio').val()) != '' ){
				$('#updateIssuedDate').prop('required', true);
			}
			else if( $('#updateIssuedDate').val() == '' &&  $.trim($('#updateIssuedFolio').val()) == '' ){
				$('#updateIssuedDate').prop('required', false);
				$('#updateIssuedFolio').prop('required', false);
			}
		}
		else if( id == "updateReceivedDate" || id == "updateReceivedFolio" ){
			
			if( $('#updateReceivedDate').val() != '' &&  $.trim($('#updateReceivedFolio').val()) == '' ){
				$('#updateReceivedFolio').prop('required', true);
			}
			else if( $('#updateReceivedDate').val() == '' &&  $.trim($('#updateReceivedFolio').val()) != '' ){
				$('#updateReceivedDate').prop('required', true);
			}
			else if( $('#updateReceivedDate').val() == '' &&  $.trim($('#updateReceivedFolio').val()) == '' ){
				$('#updateReceivedDate').prop('required', false);
				$('#updateReceivedFolio').prop('required', false);
			}
		}/**/
	}
	
	/*
	//	habilita los folios de la facturacion emitida
	*/
	function ennabledIssue(){
		if( $('#issuedDate').val() != '' ){
			$('#issuedFolio').prop('disabled', false);
		}
		else{
			$('#issuedFolio').prop('disabled', true);
			$('#issuedFolio').val('');
		}
	}
	
	/*
	//	habilita los folios de la facturacion recibida
	*/
	function ennabledReceived(){
		if( $('#receivedDate').val() != '' ){
			$('#receivedFolio').prop('disabled', false);
		}
		else{
			$('#receivedFolio').prop('disabled', true);
			$('#receivedFolio').val('');
		}
	}
	
</script>
@endpush