@extends('includes.navbarclient')
@section('content')
<style>
	.letra {
		font-size: 10px;	
	}
	.slec{
		background-color:  #797d7f;
	}
</style>
<div class="container">
	<div class="row">
		<div class="col-6">
			<h1>{{ trans( 'messages.servicios' ) }}</h1>
		</div>
		<!--<div class="col-6" align="right">
			<button class="btn btn-danger badge-pill" onclick="vaciaCarrito();">{{ trans( 'messages.eliminar_servicios' ) }}</button>
		</div>-->
	</div>
		@foreach($servicios as $ser)
	<div class="row">
		<div class="col-2">
			<label>ID:</label><strong>{{ $ser[0]['id'] }}</strong>
		</div>
		<div class="col-2">
			<label>{{ trans( 'messages.moneda' ) }}:</label><strong>{{ $ser[0]['moneda'] }}</strong>
		</div>
		<div class="col-4">
			<label>{{ trans( 'messages.tipo_cambio' ) }}:</label><strong>${{ number_format($ser[0]['tcAumentado'],2) }}MXN</strong>
		</div>
	</div>
	<div class="row" style="padding-bottom: 1%;">
		<div class="col-12">
			<div class="card">
				<div class="card-body"> 
					@foreach($ser['servicios'] as $s)
													<div class="row">
								<div class="col-5 col-md-2 abs-center">
									<img class="img-fluid border" style="width: 95%;max-width: 120px;" src="{{ asset('/imagenes/imgservicios/navegacion.jpeg') }}" alt="Foto descripcion">
								</div>
								<div class="col-4 col-md-7 align-self-center">
									<div class="row">
										<div class="col-sm-4">{{ $s['nombreservicio'] }}</div>	
										<div class="col-sm-4">
											<div class="row">
												<label>{{ trans( 'messages.costo' ) }} : <strong>${{ $s['precio_unitario'] }}</strong></label>
											</div>
											<div class="row">
												<label>{{ trans( 'messages.comision' ) }} : <strong>${{ $s['comision_integrity'] }}</strong></label>
											</div>
											<div class="row" style="display:none;">
												<label>{{ trans( 'messages.comision_bancaria' ) }}: $<strong>{{ $s['comision_bancaria'] }}</strong></label>
											</div>
											<div class="row">
												<label>{{ trans( 'messages.impuestos' ) }} : <strong>${{ ($s['iva_comision_bancaria'] + $s['iva_integrity']) }}</strong></label>
											</div>
																					</div>
									</div>	
								</div>
								<div class="col-3 col-md-3 align-self-center">
									<div class="row">
										<label>{{ trans( 'messages.total' ) }} : <strong>${{ $s['precio_total'] }}</strong></label>
									</div>
								</div>	
							</div>	
					@endforeach
				</div>
			</div>
		</div>
	</div>				
	@endforeach
	<div class="row">
		<div class="col-12" align="right">
			<h4>Subtotal : ${{ $SubtotalDeVenta }}<span style="font-size: 15px;"></span></h4>
		</div>
	</div>
		<div class="row">
		<div class="col-12" align="right">
			<h4>{{ trans( 'messages.impuestos' ) }} : ${{ $taxes }}<span style="font-size: 15px;"></span></h4>
		</div>
	</div>
	<div class="row">
		<div class="col-12" align="right">
			<h4>Total : ${{ ($SubtotalDeVenta + $taxes) }}<span style="font-size: 15px;"></span></h4>
		</div>
	</div>
	<div class="row">
		<div class="col-12" align="center">
			<h4>TotalMXN : ${{ $total }}<span style="font-size: 15px;"></span></h4>
			<!--<a href="" class="btb btn-info btn-lg">Pagar</a>-->
		</div>
	</div>
	<div class="row">
		<div class="col-2"></div>
		<div class="col-8">
		<div class="alert alert-warning" role="alert" align="center">
        	{{ trans( 'messages.redireccion' ) }}
    	</div>
		</div>
		<div class="col-2"></div>
	</div>
	<div class="row">
		<div class="col-12" align="center">
			<div class="form-check">
    			<input type="checkbox" class="form-check-input" id="exampleCheck1" onclick="checar();">
    			<a href="{{ url('/terminosycondiciones') }}" class="form-check-label">{{ trans( 'messages.aceptar_politicas' ) }}</a>
  			</div>
		</div>
	</div>
	<br />
	<div class="row" id="wer" style="display:none;">
		<div class="col-4"></div>
		<div class="col-4" align="center">
			<a href="" class="btb btn-info btn-lg btn-block">{{ trans( 'messages.pagar' ) }}</a>
		</div>
		<div class="col-4"></div>
	</div>
	<!--<div class="row">
		<div class="col-12">
			<h6>Subtotal : <span>$1,4949.00</span></h6>
		</div>
	</div>-->

</div>
<script>
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});	
$(document).ready(function() {
	
});
function checar(){
	if( $('#exampleCheck1').prop('checked') ) {
    
    		$('#wer').show('slow')
	}else{
		$('#wer').hide('slow')
	}
}
</script>
@endsection