@extends('includes.navbarclient')
@section('content')
<style>
	.letra {
		font-size: 10px;	
	}
	.slec{
		background-color:  #797d7f;
	}
</style>
<div class="container-fluid">
	<div class="row" style="height: 100%;">
		<!--<div class="col-md-2 col-0" style="background-color: #93a6b7">
			<div class="row">
				<div class="col-12">
					<h1>{{ trans( 'messages.ventas' ) }} </h1>
				</div>
			</div>
			<hr>

		</div>	-->
		<div class="col-md-12 col-12">
			<div class="row"> 
				<div class="col-1" id="btn-pagos" style="display: none;">
					<a  class="btn btn-primary btn-block" onclick="viewVentas();">{{ trans( 'messages.regresar' ) }}</a>
				</div>
				<div class="col-4">
					<a class="btn btn-primary bt-block" onclick="viewPendientes();">{{ trans( 'messages.pagos_pendientes' ) }} </a><span class="badge badge-pill badge-danger">{{ $total }}</span>
				</div>
			</div>
			<div class="container-fluid" id="ventasDiv">

				<input type="hidden" id="comision_bancaria_eur" value="{{ $comisiones[0]['comision_bancaria_eur'] }}" readonly>
				<input type="hidden" id="comision_bancaria_usd" value="{{ $comisiones[0]['comision_bancaria_usd'] }}" readonly>
				<input type="hidden" id="comision_cliente_porcen" value="{{ $comisionesIAS[0]['comision'] }}" readonly>
				<div class="row" style="display: none;">
					<div class="col-4">
						<label>{{ trans( 'messages.selecciona_moneda' ) }}</label>
						<select id="monedaVenta" class="form-control" onchange="getTipoCambio();">
							<option value="MXN">MXN</option>
							<option value="USD">USD</option>
							<option value="EUR" selected>EUR</option>
						</select>
					</div>
					<div class="col-4">
						<label>{{ trans( 'messages.tipo_cambio' ) }}</label>
						<input id="setTipoCambio" class="form-control" type="text" readonly="">
						<input id="setTipoCambioID" class="form-control" type="hidden" readonly="">
						<input id="setTipoCambioPORCE" class="form-control" type="hidden" readonly="">
					</div>
				</div>
			<div class="row">
				@foreach($servicios as $serv)
				<div class="col-6 col-md-3" style="padding: 2%;" onclick="previeServise({{ $serv['idServicio'].",'".$serv['nombre']."','".number_format($serv['precio_total'],2)."','".$serv['nombre']."'" }});">
					<!--<div class="card" style="width: 10rem;">
					  <img class="card-img-top" src="{{ asset('/imagenes/imgservicios/servicios.png') }}" alt="Card image cap">
					  <div class="card-body">
					    <p class="letra">{{ $serv['nombre'] }}</p>
					  </div>
					</div>-->
					<div class="card" style="width: 20rem;cursor: pointer;">
					  <img class="card-img" src="{{ asset('/imagenes/imgservicios/navegacion.jpeg') }}" alt="Card image cap">
					  <div class="card-body">
					     	<div class="row align-items-center">
					  		<div class="col-6">
					  			<h4 class="card-title">{{ $serv['nombre'] }}</h4>
					  		</div>
					  		<div class="col-6" align="right">
					  			<button class="btn btn-primary badge-pill btn-lg btn-block" align="right" style="font-size:12px;">{{ trans( 'messages.paga_ahora' ) }}</button>
					  		</div>
					  	</div>
					    <!--<p class="card-text">${{ number_format($serv['precio_total'],2) }}</p>-->
					    <!--<a href="#" class="btn btn-primary">Go somewhere</a>-->
					  </div>
					</div>
				</div>
				@endforeach	
				<!--<div class="col-6 col-md-3" style="padding: 2%;" onclick="previeServise();">
					<div class="card" style="width: 10rem;">
					  <img class="card-img-top" src="{{ asset('/imagenes/imgservicios/servicios.png') }}" alt="Card image cap">
					  <div class="card-body">
					    <p class="letra">Some quick example</p>
					  </div>
					</div>
				</div>
				<div class="col-6 col-md-3" style="padding: 2%;" onclick="previeServise();">
					<div class="card" style="width: 10rem;">
					  <img class="card-img-top" src="{{ asset('/imagenes/imgservicios/servicios.png') }}" alt="Card image cap">
					  <div class="card-body">
					    <p class="letra">Some quick example</p>
					  </div>
					</div>
				</div>
				<div class="col-6 col-md-3" style="padding: 2%;" onclick="previeServise();">
					<div class="card" style="width: 10rem;">
					  <img class="card-img-top" src="{{ asset('/imagenes/imgservicios/servicios.png') }}" alt="Card image cap">
					  <div class="card-body">
					    <p class="letra">Some quick example</p>
					  </div>
					</div>
				</div>
				<div class="col-6 col-md-3" style="padding: 2%;" onclick="previeServise();">
					<div class="card" style="width: 10rem;">
					  <img class="card-img-top" src="{{ asset('/imagenes/imgservicios/servicios.png') }}" alt="Card image cap">
					  <div class="card-body">
					    <p class="letra">Some quick example</p>
					  </div>
					</div>
				</div>
				<div class="col-6 col-md-3" style="padding: 2%;" onclick="previeServise();">
					<div class="card" style="width: 10rem;">
					  <img class="card-img-top" src="{{ asset('/imagenes/imgservicios/servicios.png') }}" alt="Card image cap">
					  <div class="card-body">
					    <p class="letra">Some quick example</p>
					  </div>
					</div>
				</div>
				<div class="col-6 col-md-3" style="padding: 2%;" onclick="previeServise();">
					<div class="card" style="width: 10rem;">
					  <img class="card-img-top" src="{{ asset('/imagenes/imgservicios/servicios.png') }}" alt="Card image cap">
					  <div class="card-body">
					    <p class="letra">Some quick example</p>
					  </div>
					</div>
				</div>-->
	</div>
			</div>
			<div class="container-fluid" id="divPendientes" style="display: none;">
				<br>
				<div class="row">
					<div class="col-12">
						<p>Pagos Pendientes</p>
					</div>
				</div>
				<div class="row">
					<div class="col-12" align="right" id="botonPagar" style="display: none;">
						<button class="btn btn-primary badge-pill" onclick="pagarPendientes();">Pagar</button>
					</div>
				</div>
				<br>
				<div class="row">
					<div class="col-12">
						<div class="table-responsive">
						  <table class="table table-striped">
						      <thead>
							    <tr>
							      <th scope="col">ID</th>
							      <th scope="col">Total</th>
							      <th scope="col">{{ trans( 'messages.resumen' ) }}</th>
							      <th scope="col">Sel</th>
							    </tr>
							  </thead>
							    <tbody>
    								@foreach ($pendientes as $pendi)
    								<tr id="fila-{{ $pendi['id'] }}" class="">
    									<td>{{ $pendi['id'] }}</td>
    									<td>${{ number_format($pendi['total'],2) }}</td>
    									<td align="left"><a href="{{ url('/customers/transactions/'.$pendi["id"]).'/factura' }}" target="_blank" class="btn btn-success badge-pill" >Ver Factura</a></td>
    									<td><input type="checkbox" id="check-{{ $pendi['id'] }}" class="checksRows" onclick="selecciona2({{ $pendi['id'] }})" value="{{ $pendi['id'] }}"></td>
    								</tr>
    								@endforeach
    							</tbody>	
						  </table>
						</div>
					</div>


					@foreach ($pendientes as $pendi)
					<!--<div class="col-md-6 col-12" style="padding-bottom: 2%;" onclick="selecciona({{ $pendi['id'] }})">
						<div class="card" id="1">
							<div class="card-body">
								<div class="row">
									<div class="col-3">
										<img class="img-fluid" src="{{ asset('/imagenes/imgservicios/servicios.png') }}" alt="Card image cap" style="width: 100%;">
									</div>
									<div class="col-5 align-self-center">
										<p class="card-text">Referencia : {{ $pendi['id'] }}</p>
										<p class="letra">Cantidad : 1</p>
										<p class="card-text">${{ number_format($pendi['total'],2) }}</p>
									
									</div>
									<div class="col-4 align-self-center">
										<p class="card-text"></p>
										<a href="{{ url('/transactions/'.$pendi["id"].'/factura') }}" target="_blank" class="btn btn-success btn-block badge-pill" >Ver Factura</a>
										<a href="#" class="btn btn-primary btn-block badge-pill" >Pagar</a>
										<button class="btn btn-info btn-block badge-pill" id="btnSel-1" onclick="verProductos({{ $pendi['id'] }});">Resumen</button>
									</div>								
								</div>							
							</div>
						</div>
					</div>-->
					@endforeach
					<!--<div class="col-md-6 col-12" style="padding-bottom: 2%;" onclick="selecciona(2)">
						<div class="card" id="2">
							<div class="card-body">
								<div class="row">
									<div class="col-3">
										<img class="img-fluid" src="{{ asset('/imagenes/imgservicios/servicios.png') }}" alt="Card image cap" style="width: 100%;">
									</div>
									<div class="col-5 align-self-center">
										<p class="card-text">Card title</p>
										<p class="letra">Cantidad : 1</p>
										<p class="letra">12/12/20</p>
										
									</div>
									<div class="col-4 align-self-center">
										<p class="card-text">$150.00 USD</p>
										<button class="btn btn-primary btn-block badge-pill">Pagar</button>
										<button class="btn btn-info btn-block badge-pill" id="btnSel-2">Seleccionar</button>
									</div>								
								</div>							
							</div>
						</div>
					</div>
					<div class="col-md-6 col-12" style="padding-bottom: 2%;" onclick="selecciona(3)">
						<div class="card" id="3">
							<div class="card-body">
								<div class="row">
									<div class="col-3">
										<img class="img-fluid" src="{{ asset('/imagenes/imgservicios/servicios.png') }}" alt="Card image cap" style="width: 100%;">
									</div>
									<div class="col-5 align-self-center">
										<p class="card-text">Card title</p>
										<p class="letra">Cantidad : 1</p>
										<p class="letra">12/12/20</p>
										
									</div>
									<div class="col-4 align-self-center">
										<p class="card-text">$150.00 USD</p>
										<button class="btn btn-primary btn-block badge-pill">Pagar</button>
										<button class="btn btn-info btn-block badge-pill" id="btnSel-3">Seleccionar</button>
									</div>								
								</div>							
							</div>
						</div>
					</div>-->
				</div>
			</div>
		</div>

	</div>

</div>


<div class="modal fade" id="modalPay">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				
				<h4 class="modal-title">{{ trans( 'messages.payment' ) }}</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="col-12">
						<div class="row">
							<div class="col-12" align="center">
								Total
							</div>
						</div>
						<div class="row">
							<div class="col-12" align="center">
								<h2 id="hTotal"></h2>
							</div>
						</div>
						<iv class="row">
							<div class="col-12" id="btnContentPay" align="center">
								
							</div>
						</iv>
					</div>
				</div>
				<br>
				<div class="row">
					<div class="col-12">
						<table class="table table-bordered table-inverse table-hover">
							<thead>
								<tr>
									<th>ID</th>
									<th>{{ trans( 'messages.fecha' ) }}</th>
									<th>Total</th>
									<th>{{ trans( 'messages.moneda' ) }}</th>
								</tr>
							</thead>
							<tbody id="tbodyPendientes">

							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">{{ trans( 'messages.cerrar' ) }}</button>
				<!--<button type="button" class="btn btn-primary">Save changes</button>-->
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="previewModal">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<input type="hidden" id="modalServiceID">
				<h4 class="modal-title" id="titleServ">Fuel Injections</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="col-6">
						<div class="row">
							<div class="col-12">
								<img class="card-img-top" src="{{ asset('/imagenes/imgservicios/navegacion.jpeg') }}" alt="Card image cap">
							</div>
						</div>
						<!--<div class="row">
							<div class="col-12">
								<p class="letra">loreeopejoeofjefjoef ofjeofjofjeofjoefjejfeo</p>
							</div>
						</div>-->
					</div>
					<div class="col-6">
						<div class="row">
							<div class="col-12">
								<label>{{ trans( 'messages.costo' ) }} </label>
								<input id="costoServicio" type="text" class="form-control" onfocus="get_rangos_comision()" onkeyup="calculaTotal();">
							</div>
						</div>
						<div class="row">
							<div class="col-12">
								<label>{{ trans( 'messages.comision' ) }}  : <strong id="serComisionIasLabel"></strong></label>
								<input id="serComisionIas" type="hidden" readonly>
	
							</div>
						</div>
						<div class="row" style="display: none;">
							<div class="col-12">
								<label>{{ trans( 'messages.comision_bancaria' ) }} : <strong id="comisionLabel"></strong></label>
								<input id="serComisionBanc" type="hidden" readonly="">
							</div>
						</div>
						<hr>
						<div class="row">
							<div class="col-12">
								<label>Subtotal:<strong id="subtotalServicio"></strong></label>
								<input id="subtotalServiciohidden" type="hidden" readonly="">
							</div>	
						</div>
						<div class="row">
							<div class="col-12">
								<label>{{ trans( 'messages.impuestos' ) }}  <strong id="impuestosServicio"></strong></label>
								<input id="impuestosServiciohidden" type="hidden" readonly="">
								<input id="ivaIASHiden" type="hidden" readonly="">
								<input id="ivaBANHiden" type="hidden" readonly="">
							</div>	
						</div>
		
						
						<!--<div class="row">
							<div class="col-12">
								<label>Cantidad</label>
								<select id="cantidadModal" class="form-control">
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
									<option value="6">6</option>
									<option value="7">7</option>
									<option value="8">8</option>

								</select>
							</div>
						</div>-->
						<br>

					</div>
				</div>
				<div class="row">
					<div class="col-12" align="center">
						<label>Total</label>
							<h3 id="totalServicio"></h3>
							<input id="totalServiciohidden" type="hidden" readonly>
					</div>	
				</div>
			</div>
			<div class="modal-footer">
				<button class="btn btn-primary badge-pill" onclick="addCart();">{{ trans( 'messages.agregar' ) }}</button>
			</div>
		</div>
	</div>
</div>


<div class="modal fade" id="productosPendientesModal">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">{{ trans( 'messages.servicios' ) }}</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="col-12">
						<table class="table table-bordered table-hover">
							<thead>
								<tr>
									<th>{{ trans( 'messages.servicio' ) }}</th>
									<th>{{ trans( 'messages.costo' ) }}</th>
									<th>{{ trans( 'messages.comision' ) }}</th>
									<!--<th>Comision Ban.</th>-->
									<th>{{ trans( 'messages.impuestos' ) }}</th>
								</tr>
							</thead>
							<tbody id="tabMoPrBo">
								
							</tbody>
						</table>
					</div>
				</div>
				<div class="row">
					<div class="col-12" align="right">
						<h4 id="comibaModal"></h4>
					</div>
				</div>
				<div class="row">
					<div class="col-12" align="right">
						<h4 id="subtoModal"></h4>
					</div>
				</div>
				<div class="row">
					<div class="col-12" align="right">
						<h4 id="impuestosModal"></h4>
					</div>
				</div>
				<div class="row">
					<div class="col-12" align="right">
						<h4 id="totalModal"></h4>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">{{ trans( 'messages.cerrar' ) }}</button>
				<button type="button" class="btn btn-primary">{{ trans( 'messages.pagar' ) }}</button>
			</div>
		</div>
	</div>
</div>
<script>

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
	
/*var ventas = {
	rangos : null,
	previeServise: function(idServicio,nombre,precio,desc){
		$('#cantidadModal').val(1)
		$('#modalServiceID').val(idServicio);
		$('#titleServ').html(nombre);
		$('#costServ').html('$'+precio);
		$('#previewModal').modal()
	},
	viewVentas: function(){
		$('#ventasDiv').show()
		$('#divPendientes').hide()
	},
	viewPendientes: function(){
		$('#divPendientes').show()
		$('#ventasDiv').hide()
	},
	selecciona: function(id){
		if($("#"+id).hasClass("slec")){
			$("#"+id).removeClass("slec");
			$('#btnSel-'+id).html()
			$('#btnSel-'+id).html('Seleccionar')
		}else{
			$("#"+id).addClass("slec");
			$('#btnSel-'+id).html()
			$('#btnSel-'+id).html('Quitar')
		}
	},
	addCart: function(){
		var servicio = $('#modalServiceID').val();
		var cantidad = $('#cantidadModal').val();
		var costo = $('#costoServicio').val();
		var subtotal = $('#subtotalServiciohidden').val();
		var impuestos = $('#impuestosServiciohidden').val();
		var IVAIas = $('#ivaIASHiden').val();
		var IVABanc = $('#ivaBANHiden').val();
		var total = $('#totalServiciohidden').val();
		var comiIAS = $('#serComisionIas').val()
		var comiBan = $('#serComisionBanc').val()
		var moneda = $('#monedaVenta').val()
		
		var porComIas = $('#comision_cliente_porcen').val();
		var porComBanc = $('#comision_bancaria').val();
		var tipoCambio = $('#setTipoCambio').val();
		var idTC = $('#setTipoCambioID').val()
		$.ajax({
			url: 'add_cart_item',
			type: 'POST',
			dataType: 'json',
			data: {
				idSer: servicio,
				cant:1,
				costo : costo,
				subtotal : subtotal,
				impuestos : impuestos,
				IVAIas : IVAIas,
				IVABanc : IVABanc,
				total : total,
				comiIAS : comiIAS,
				comiBan : comiBan,
				moneda : moneda,
				tipoCambio : tipoCambio,
				porComIas : porComIas,
				porComBanc : porComBanc,
				idTC : idTC
			},
		})
		.done(function(resp) {
			console.log("success");
			if(resp.result==1){
				alert(resp.msj);
				$('#previewModal').modal('hide')
			}
		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});		
	},
	verProductos: function(idVenta){
		$.ajax({
			url: 'get_venta_info',
			type: 'POST',
			dataType: 'json',
			data: {idVenta: idVenta},
		})
		.done(function(resp) {
			console.log(resp);
			html = '';
			total = parseFloat(0);
			$.each(resp.result, function(index, val) {
				html +='<tr>'
				html +='<td>'+val.nombre+'</td>'
				html +='<td>'+val.cantidad+'</td>'
				html +='<td>$'+parseFloat(val.precio_unitario).toFixed(2)+'</td>'
				html +='<td>$'+parseFloat(val.precio_total).toFixed(2)+'</td>'
				html +='</tr>'
				total += parseFloat(val.precio_total);
			});

			$('#totalModal').html('Total : $'+parseFloat(total).toFixed(2))
			$('#tabMoPrBo').empty()
			$('#tabMoPrBo').append(html)
			$('#productosPendientesModal').modal();
		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});
	},
	pagarPendiente: function(idVenta){
		$.ajax({
			url: 'pagarPendiente',
			type: 'POST',
			dataType: 'html',
			data: {idVenta: 5},
		})
		.done(function(resp) {
			console.log("success");
		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});
	},
	calculaTotal: function(){
		$.each(rangos, function(index, val) {
			 alert(index)
		});

		costo = parseFloat($('#costoServicio').val()); 	
		comiIASPorcen = 10; 
		comiBancPorcen = parseFloat($('#comision_bancaria').val()); 

		if(costo==''){
			costo = 0;
		}
		if(comiIASPorcen==''){
			comiIASPorcen = 0;
		}
		if(comiBancPorcen==''){
			comiBancPorcen = 0;
		}

		console.log("porcentajeIAS="+comiIASPorcen)
		console.log("porcentajeBanco="+comiBancPorcen)

		console.log('costo='+costo)
		comisionIAS =  (costo * comiIASPorcen) / 100; /// = 10
		console.log('comision Integrity='+comisionIAS)
		totalSinComisionBancaria = costo + comisionIAS; /// = 110

		comisionBanc = ( totalSinComisionBancaria * comiBancPorcen) / 100; /// = 3.19
		console.log('comision Banco='+comisionBanc)
		ivaComisionIAS = comisionIAS * 0.16; /// = 1.6
		console.log('IVA Comision='+ivaComisionIAS)
		
		ivaComisionBancaria = comisionBanc * 0.16; // 0.5104
		console.log('IVA Banco='+ivaComisionBancaria)

		subtotal = costo + comisionIAS + comisionBanc 
		impuestos = ivaComisionIAS + ivaComisionBancaria;
		total = subtotal + impuestos;
		console.log(total);
		coin = $('#monedaVenta').val()
		$('#subtotalServicio').html('$'+parseFloat(subtotal).toFixed(2));
		$('#subtotalServiciohidden').val(parseFloat(subtotal).toFixed(2));


		$('#impuestosServicio').html('$'+parseFloat(impuestos).toFixed(2));
		$('#impuestosServiciohidden').val(parseFloat(impuestos).toFixed(2));
		$('#ivaIASHiden').val(parseFloat(ivaComisionIAS).toFixed(2))
		$('#ivaBANHiden').val(parseFloat(ivaComisionBancaria).toFixed(2))

		$('#totalServicio').html('$'+parseFloat(total).toFixed(2)+'<span style="size: 5px;">'+coin+'</span>');
		$('#totalServiciohidden').val(parseFloat(total).toFixed(2));

		$('#serComisionIas').val(parseFloat(comisionIAS).toFixed(2))
		$('#serComisionIasLabel').html('$'+parseFloat(comisionIAS).toFixed(2))
		
		$('#serComisionBanc').val(parseFloat(comisionBanc).toFixed(2))
	},
	getTipoCambio: function(){
		var moneda = $('#monedaVenta').val();
		
		$.ajax({
			url: 'trae_tipocambio',
			type: 'POST',
			dataType: 'json',
			data: {moneda: moneda},
		})
		.done(function(res) {
			console.log(res);
			$('#setTipoCambio').val(res.tp)
			$('#setTipoCambioID').val(res.id)
			$('#setTipoCambioPORCE').val(res.porce)
		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});
	},
	get_rangos_comision: function(){
		alert('dede')
		$.ajax({
			url: 'trae_rangos',
			type: 'POST',
			dataType: 'json',
			//data: {moneda: moneda},
		})
		.done(function(res) {
			console.log(res.rangos)
			var rangos = res.rangos;
			var matriz = 'peroooo';
			
			
		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});
	}


}*/
$(document).ready(function() {
getTipoCambio();
var rangos;
	//get_rangos_comision();
});
let rangos;
var matriz = 'dedede';
	function previeServise(idServicio,nombre,precio,desc){
		$('#cantidadModal').val(1)
		$('#modalServiceID').val(idServicio);
		$('#titleServ').html(nombre);
		$('#costServ').html('$'+precio);
		$('#costoServicio').val('')


				$('#subtotalServicio').html('');
				$('#subtotalServiciohidden').val(0);


				$('#impuestosServicio').html('');


				$('#totalServicio').html('');
				$('#totalServiciohidden').val(0);
		$('#previewModal').modal()
	}
	function viewVentas(){
		$('#ventasDiv').show()
		$('#btn-pagos').hide()
		$('#divPendientes').hide()
	}
	function viewPendientes(){
		$('#divPendientes').show()
		$('#btn-pagos').show()
		$('#ventasDiv').hide()
	}
	function selecciona2(id){
		if($('#check-'+id).prop('checked')){
			$('#fila-'+id).addClass('bg-secondary')
		}else{
			$('#fila-'+id).removeClass('bg-secondary')
		}
		var string = '';
		$('.checksRows').each(function(index, el) {
			if($(this).prop('checked')){
				string +=$(this).val()+'-'
			}
		});
		if(string!=''){
			$('#botonPagar').show()
		}else{
			$('#botonPagar').hide()
		}
	}
	function selecciona(id){
		if($("#"+id).hasClass("slec")){
			$("#"+id).removeClass("slec");
			$('#btnSel-'+id).html()
			$('#btnSel-'+id).html('Seleccionar')
		}else{
			$("#"+id).addClass("slec");
			$('#btnSel-'+id).html()
			$('#btnSel-'+id).html('Quitar')
		}
	}
	function addCart(){
		var servicio = $('#modalServiceID').val();
		var cantidad = $('#cantidadModal').val();
		var costo = $('#costoServicio').val();
		var subtotal = $('#subtotalServiciohidden').val();
		var impuestos = $('#impuestosServiciohidden').val();
		var IVAIas = $('#ivaIASHiden').val();
		var IVABanc = $('#ivaBANHiden').val();
		var total = $('#totalServiciohidden').val();
		var comiIAS = $('#serComisionIas').val()
		var comiBan = $('#serComisionBanc').val()
		var moneda = $('#monedaVenta').val()
		
		var porComIas = $('#comision_cliente_porcen').val();
		var porComBanc = $('#comision_bancaria').val();
		var tipoCambio = $('#setTipoCambio').val();
		var idTC = $('#setTipoCambioID').val()
		$.ajax({
			url: 'add_cart_item',
			type: 'POST',
			dataType: 'json',
			data: {
				idSer: servicio,
				cant:1,
				costo : costo,
				subtotal : subtotal,
				impuestos : impuestos,
				IVAIas : IVAIas,
				IVABanc : IVABanc,
				total : total,
				comiIAS : comiIAS,
				comiBan : comiBan,
				moneda : moneda,
				tipoCambio : tipoCambio,
				porComIas : porComIas,
				porComBanc : porComBanc,
				idTC : idTC
			},
		})
		.done(function(resp) {
			console.log(resp);
			if(resp.result==1){
				alert(resp.msj);
				$('#previewModal').modal('hide')
				$('#contaItems').html('<span class="badge badge-danger badge-counter">'+resp.totalItems+'</span>')
			}
		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});
		
	}
	function verProductos(idVenta){
		$.ajax({
			url: 'get_venta_info',
			type: 'POST',
			dataType: 'json',
			data: {idVenta: idVenta},
		})
		.done(function(resp) {
			console.log(resp);
			html = '';
			total = parseFloat(0);
			sub = parseFloat(0);
			impu = parseFloat(0);

			/*<th>Servicio</th>
									<th>Costo</th>
									<th>Comision</th>
									<th>Comision Ban.</th>
									<th>Impuestos</th>*/
			$.each(resp.result, function(index, val) {
				impuestos = parseFloat(val.iva_integrity).toFixed(2) + parseFloat(val.iva_comision_bancaria).toFixed(2)
				html +='<tr>'
				html +='<td>'+val.nombre+'</td>'
				html +='<td>$'+parseFloat(val.precio_unitario).toFixed(2)+'</td>'
				html +='<td>$'+parseFloat(val.comision_integrity).toFixed(2)+'</td>'
				//html +='<td>$'+parseFloat(val.comision_bancaria).toFixed(2)+'</td>'
				html +='<td>$'+parseFloat(impuestos).toFixed(2)+'</td>'
				html +='</tr>'
				total += parseFloat(val.precio_total);
				sub +=parseFloat(val.subtotal);
				impu += parseFloat(impuestos);
				cb=parseFloat(val.cb).toFixed(2)
			});
			
			$('#comibaModal').html('Comision Bancaria : $'+parseFloat(cb).toFixed(2))
			$('#totalModal').html('Total : $'+parseFloat(total).toFixed(2))
			$('#impuestosModal').html('Impuestos : $'+parseFloat(impu).toFixed(2))
			$('#subtoModal').html('Subtotal : $'+parseFloat(sub).toFixed(2))
			$('#tabMoPrBo').empty()
			$('#tabMoPrBo').append(html)
			$('#productosPendientesModal').modal();
		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});
		
	}
	function pagarPendiente(idVenta){
		$.ajax({
			url: 'pagarPendiente',
			type: 'POST',
			dataType: 'html',
			data: {idVenta: 5},
		})
		.done(function(resp) {
			console.log("success");
		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});
		
	}
	function calculaTotal(){
		var costo = parseFloat($('#costoServicio').val()); 	
		var comisionCliente = $('#comision_cliente_porcen').val()

		if(comisionCliente!=''){
			costo = parseFloat($('#costoServicio').val()); 	
			comiIASPorcen = comisionCliente;
			comiIASPorcen = 14


			console.log('Enfuncin='+comiIASPorcen)
			//comiIASPorcen = 10; 
			comiBancPorcen = parseFloat($('#comision_bancaria').val()); 

			if(costo==''){
				costo = 0;
			}
			if(comiIASPorcen==''){
				comiIASPorcen = 0;
			}
			if(comiBancPorcen==''){
				comiBancPorcen = 0;
			}

			console.log("porcentajeIAS="+comiIASPorcen)
			console.log("porcentajeBanco="+comiBancPorcen)

			console.log('costo='+costo)
			comisionIAS =  (costo * comiIASPorcen) / 100; /// = 10
			console.log('comision Integrity='+comisionIAS)
			totalSinComisionBancaria = costo + comisionIAS; /// = 110

			//comisionBanc = ( totalSinComisionBancaria * comiBancPorcen) / 100; /// = 3.19
			if($('#monedaVenta').val()=='USD'){
				coMB = $('#comision_bancaria_usd').val();
			}else{
				coMB = $('#comision_bancaria_eur').val();
			}
			comisionBanc = 0

			console.log('comision Banco='+comisionBanc)
			ivaComisionIAS = comisionIAS * 0.16; /// = 1.6
			console.log('IVA Comision='+ivaComisionIAS)
			
			ivaComisionBancaria = comisionBanc * 0.16; // 0.5104
			console.log('IVA Banco='+ivaComisionBancaria)

			subtotal = costo + comisionIAS + comisionBanc 
			impuestos = ivaComisionIAS + ivaComisionBancaria;
			total = subtotal + impuestos;
			console.log(total);
			coin = $('#monedaVenta').val()
			$('#subtotalServicio').html('$'+parseFloat(subtotal).toFixed(2));
			$('#subtotalServiciohidden').val(parseFloat(subtotal).toFixed(2));


			$('#impuestosServicio').html('$'+parseFloat(impuestos).toFixed(2));
			$('#impuestosServiciohidden').val(parseFloat(impuestos).toFixed(2));
			$('#ivaIASHiden').val(parseFloat(ivaComisionIAS).toFixed(2))
			$('#ivaBANHiden').val(parseFloat(ivaComisionBancaria).toFixed(2))

			$('#totalServicio').html('$'+parseFloat(total).toFixed(2)+'<span style="size: 5px;">'+coin+'</span>');
			$('#totalServiciohidden').val(parseFloat(total).toFixed(2));

			$('#serComisionIas').val(parseFloat(comisionIAS).toFixed(2))
			$('#serComisionIasLabel').html('$'+parseFloat(comisionIAS).toFixed(2))
			
			$('#serComisionBanc').val(parseFloat(comisionBanc).toFixed(2))
		}else{


			$.ajax({
				url: 'trae_rangos',
				type: 'POST',
				dataType: 'json',
				data: {costo: costo},
			})
			.done(function(res) {
				console.log('porcentaje='+res.porcentaje)
				
				costo = parseFloat($('#costoServicio').val()); 	
				comiIASPorcen = res.porcentaje;
				comiIASPorcen = 14


				console.log('Enfuncin='+comiIASPorcen)
				//comiIASPorcen = 10; 
				comiBancPorcen = parseFloat($('#comision_bancaria').val()); 

				if(costo==''){
					costo = 0;
				}
				if(comiIASPorcen==''){
					comiIASPorcen = 0;
				}
				if(comiBancPorcen==''){
					comiBancPorcen = 0;
				}

				console.log("porcentajeIAS="+comiIASPorcen)
				console.log("porcentajeBanco="+comiBancPorcen)

				console.log('costo='+costo)
				comisionIAS =  (costo * comiIASPorcen) / 100; /// = 10
				console.log('comision Integrity='+comisionIAS)
				totalSinComisionBancaria = costo + comisionIAS; /// = 110

				//comisionBanc = ( totalSinComisionBancaria * comiBancPorcen) / 100; /// = 3.19
				if($('#monedaVenta').val()=='USD'){
					coMB = $('#comision_bancaria_usd').val();
				}else{
					coMB = $('#comision_bancaria_eur').val();
				}
				comisionBanc = 0

				console.log('comision Banco='+comisionBanc)
				ivaComisionIAS = comisionIAS * 0.16; /// = 1.6
				console.log('IVA Comision='+ivaComisionIAS)
				
				ivaComisionBancaria = comisionBanc * 0.16; // 0.5104
				console.log('IVA Banco='+ivaComisionBancaria)

				subtotal = costo + comisionIAS + comisionBanc 
				impuestos = ivaComisionIAS + ivaComisionBancaria;
				total = subtotal + impuestos;
				console.log(total);
				coin = $('#monedaVenta').val()
				$('#subtotalServicio').html('$'+parseFloat(subtotal).toFixed(2));
				$('#subtotalServiciohidden').val(parseFloat(subtotal).toFixed(2));


				$('#impuestosServicio').html('$'+parseFloat(impuestos).toFixed(2));
				$('#impuestosServiciohidden').val(parseFloat(impuestos).toFixed(2));
				$('#ivaIASHiden').val(parseFloat(ivaComisionIAS).toFixed(2))
				$('#ivaBANHiden').val(parseFloat(ivaComisionBancaria).toFixed(2))

				$('#totalServicio').html('$'+parseFloat(total).toFixed(2)+'<span style="size: 5px;">'+coin+'</span>');
				$('#totalServiciohidden').val(parseFloat(total).toFixed(2));

				$('#serComisionIas').val(parseFloat(comisionIAS).toFixed(2))
				$('#serComisionIasLabel').html('$'+parseFloat(comisionIAS).toFixed(2))
				
				$('#serComisionBanc').val(parseFloat(comisionBanc).toFixed(2))
			})
			.fail(function() {
				console.log("error");
			})
			.always(function() {
				console.log("complete");
			});

		}
	}
	function getTipoCambio(){
		var moneda = $('#monedaVenta').val();
		
		$.ajax({
			url: 'trae_tipocambio',
			type: 'POST',
			dataType: 'json',
			data: {moneda: moneda},
		})
		.done(function(res) {
			console.log(res);
			
			a = '1.'+res.porce
			a = parseFloat(a);
			tp = parseFloat(res.tp)//*parseFloat(a);
			
			$('#setTipoCambio').val(parseFloat(tp).toFixed(2))
			$('#setTipoCambioID').val(res.id)
			$('#setTipoCambioPORCE').val(res.porce)

			$('#comisionLabel').html('$'+parseFloat(res.comisionBan).toFixed(2))

		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});
		
	}

	function get_rangos_comision(costo){
		//alert('dede')
		$.ajax({
			url: 'trae_rangos',
			type: 'POST',
			dataType: 'json',
			data: {costo: costo},
		})
		.done(function(res) {
			console.log('porcentaje='+res.porcentaje)
			return res.porcentaje;
		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});
	}
	function pagarPendientes(){
				
		var string = '';
		$('.checksRows').each(function(index, el) {
			if($(this).prop('checked')){
				string +=$(this).val()+'-'
			}
		});
		window.location.href = "{{ url('/pagarpendientes_new/') }}"+'/'+string;
	/*	$.ajax({
			url: 'pagar_pendientes',
			type: 'POST',
			dataType: 'json',
			data: {string: string},
		})
		.done(function(resp) {
			console.log(resp);

			$('#btnContentPay').html('<a class="btn btn-success btn-lg" href="'+resp.urlPago+'">Pagar</a>')
			$('#hTotal').html('$'+resp.totalMx+'<span style="font-size: 20px;">MXN</span>')
			html = '';
			$('#tbodyPendientes').html('')
			$.each(resp.ventas, function(index, val) {
				 html += '<tr>'
				 html +='<td>'+val.id+'</td>'
				 html +='<td>'+val.fecha+'</td>'
				 html +='<td>$'+val.total+'</td>'
				 html +='<td>'+val.moneda+'</td>'
				 html += '</tr>'
			});
			$('#tbodyPendientes').append(html)
			$('#modalPay').modal('show')
			//window.location = resp;
		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});
		
	//alert(string)*/
	}
</script>
@endsection