<?php $__env->startSection('CSS'); ?>
<?php echo HTML::style('DataTables/dataTables.bootstrap.min.css'); ?>

<?php echo HTML::style('DataTables/responsive.dataTables.min.css'); ?>

<?php echo HTML::style('bootstrap-daterangepicker/daterangepicker.css'); ?>

<?php echo HTML::style('Intl-Tel-Input/css/intlTelInput.css'); ?>

<?php echo HTML::style('bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css'); ?>

<?php echo HTML::style('bootstrap-select/css/bootstrap-select.min.css'); ?>

<style type="text/css">
	@media (max-width: 450px) { .ModalEliminar .modal-dialog { width: auto; } }
	@media (min-width: 451px) { .ModalEliminar .modal-dialog { width: 450px; } }
	.progress {
		position: relative;
	}
	.progress span {
		position: absolute;
		display: block;
		width: 100%;
		color: black;
	}
	.table > tbody > tr.success > td {
		background-color: #b4ef9d;
	}
	.table > tbody > tr.success:hover > td {
		background-color: #9fec82;
	}
	.table > tbody > tr.info > td {
		background-color: #b1dff6;
	}
	.table > tbody > tr.info:hover > td {
		background-color: #95d6f6;
	}
	.table > tbody > tr.warning > td {
		background-color: #f5e8a5;
	}
	.table-hover > tbody > tr.warning:hover > td {
		background-color: #f5e490;
	}
	.table > tbody > tr.danger > td {
		background-color: #f6b9b9;
	}
	.table > tbody > tr.danger:hover > td {
		background-color: #f89494;
	}
	.table-bordered {
		border: 1px solid #7a7a7a;
	}
	.table-bordered > thead > tr > th {
		border: 1px solid #7a7a7a;
	}
	.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
		border: 1px solid #7a7a7a;
	}
	.country-list {
		z-index: 10000 !important;
		/* position: fixed !important; */
	}
	.intl-tel-input input[type="text"] {
		padding-left: 52px !important;
	}
	.intl-tel-input {
		width: 100%;
		display: block !important;
	}
	.intl-tel-input .iti-flag .arrow {
		border: none;
	}
	.bootstrap-select.form-control:not([class*="col-"]) {
		width: unset !important;
	}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<?php
	//if( Auth::user()->tipo == 'EC' ){
		/*$Empleado = Empleado::find( Empleado::select('id')->where('users_id', '=', Auth::id())->first()->id );
		$CargoEmpleado = Cargo::select('nombre')->where('id', '=', $Empleado->cargos_id)->first()->nombre;*/
	//}
?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-shopping-cart"></i> Gestión de ventas en línea </h2>
	</div><!--/col-md-12-->
</div><!--/row-->

<div class="row">
	<div class="col-md-12">
		<?php if(Session::has('message')): ?>
		<div class="alert alert-info"><?php echo Session::get('message'); ?></div>
		<?php endif; ?>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header">
				<h3 class="content-header">
					Listado de ventas realizadas
					<div data-toggle="buttons" class="button-group pull-right">
						<a class="refresh tooltips" data-toggle="tooltip" data-original-title="Actualizar registros" onclick="Actualizar()" href="javascript:Actualizar()" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-repeat"> </i>
						</a>
					</div>
				</h3>
			</div>
			<div class="porlets-content">
				<form id="frmFiltroFechas" class="form-inline" style="padding-bottom: 15px;">
					<div class="form-group">
						<label for="FiltroFechas" style="padding-top: 10px;"> Fecha: </label>
						<input id="FiltroFechas" type="text" name="filtrofechas" value="" readonly>
					</div>
					<div class="form-group">
						<label for="slEstadoPedido" style="/*padding-top: 10px;*/"> Estados: </label>
						<select class="form-control selectpicker" name="slEstadoPedido" multiple data-selected-text-format="count > 5">
							<option selected value="PENV"> Pendiente de envío </option>
							<option selected value="E"> Enviado </option>
							<option selected value="R"> Recibido </option>
							<option selected value="RP"> Retorno de producto </option>
							<option selected value="DD"> Devolución de dinero </option>
							<option selected value="RPDD"> Retorno y devolución </option>
							<option selected value="F"> Finalizada </option>
							<option selected value="PENT"> Pendiente de entrega </option>
							<option selected value="PEND"> Pendiente de descarga </option>
							<option selected value="PEVI"> Pendiente de visto </option>
							<option selected value="PENU"> Pendiente de usar </option>
							<option selected value="USAD"> Usado </option>
							<option selected value="PP"> Pendiente de pago </option>
							<option selected value="CPE"> Cancelado por pago en efectivo </option>
						</select>
					</div>
					<button type="submit" class="btn btn-primary"> Filtrar </button>
					<button id="btnLimpiar" type="button" class="btn btn-default"> Limpiar </button>
				</form>
				<div class="table-responsive">
					<table class="table table-striped table-bordered table-hover" id="tblVentasRealizadas">
						<thead>
							<tr>
								<th class="text-center" style="width: 9%;"> Fecha </th>
								<th class="text-center"> Número de seguimiento </th>
								<th class="text-center"> Número de orden </th>
								<th class="text-center"> Información de comprador </th>
								<th class="text-center"> Información de envío </th>
								<th class="text-center" style=""> Información del pedido </th>
								<th class="text-center" style=""> Estado del pedido </th>
								<th class="text-center" style=""> Acciones </th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
	</div>
</div><!--/row end-->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JS'); ?>
<?php echo HTML::script('DataTables/jquery.dataTables.min.js'); ?>

<?php echo HTML::script('DataTables/dataTables.bootstrap.min.js'); ?>

<?php echo HTML::script('DataTables/dataTables.responsive.min.js'); ?>

<?php echo HTML::script('bootstrap-daterangepicker/moment.min.js'); ?>

<?php echo HTML::script('bootstrap-daterangepicker/daterangepicker.js'); ?>

<?php echo HTML::script('Intl-Tel-Input/js/intlTelInput.min.js'); ?>

<?php echo HTML::script('country-region-selector/crs.min.js'); ?>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/additional-methods.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/localization/messages_es.min.js"></script>
<?php echo HTML::script('AccountingJS/accounting.min.js'); ?>

<?php echo HTML::script('bootstrap-select/js/bootstrap-select.min.js'); ?>

<?php echo HTML::script('bootstrap-select/js/i18n/defaults-es_CL.min.js'); ?>

<?php
	$Cliente = Cliente::select('id', 'codigo_moneda', 'simbolo_moneda')->where('users_id', '=', Auth::id())->first();
	$ConfTienda = ConfiguracionTienda::select('separador_decimal', 'posicion_moneda')->where('clientes_id', '=', $Cliente->id)->first();
?>
<script type="text/javascript">
	$.validator.addMethod("glibphonenumber", function(value, element){
		return $(element).intlTelInput("isValidNumber");
	}, "El número de teléfono es inválido");
	$.validator.addMethod("zipcode", function(value, element){
		return this.optional(element) || /^\d{5}(?:-\d{4})?$/.test(value);
	}, "El código postal ingresado es inválido");
	var codigoMoneda = "<?php echo $Cliente->codigo_moneda; ?>";
	var simboloMoneda = "<?php echo $Cliente->simbolo_moneda; ?>";
	var separadorDecimales = "<?php echo $ConfTienda->separador_decimal; ?>";
	var posicionMoneda = "<?php echo $ConfTienda->posicion_moneda; ?>";
	function Actualizar(){
		var table = $("#tblVentasRealizadas").DataTable();
		table.ajax.reload(null, false);
	}
	function guardarSeguimiento(idP){
		$.isLoading({ text: "Cargando..." }); NProgress.start();
		var idP = idP;
		$.post(
			"<?php echo URL::route('SysWebVentasRealizadasModificarPedido'); ?>",
			{idP: idP, proceso: "seguimiento", numero_seguimiento: $(".txtNSeguimiento"+idP).val()},
			function(data){
				if(data.success){
					$.isLoading("hide"); NProgress.done();
					var table = $("#tblVentasRealizadas").DataTable();
					table.ajax.reload(null, false);
					if(data.success){
						new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
					}
					else{
						if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
					}
				}
				else{
					if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				}
			},
			"json"
		);
	}
	function guardarEstado(idP){
		$.isLoading({ text: "Cargando..." }); NProgress.start();
		var idP = idP;
		$.post(
			"<?php echo URL::route('SysWebVentasRealizadasModificarPedido'); ?>",
			{idP: idP, proceso: "estado", estado: $(".slEstadoPedido"+idP).val()},
			function(data){
				if(data.success){
					$.isLoading("hide"); NProgress.done();
					var table = $("#tblVentasRealizadas").DataTable();
					table.ajax.reload(null, false);
					if(data.success){
						new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
					}
					else{
						if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
					}
				}
				else{
					if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				}
			},
			"json"
		);
	}
	function verInfoComprador(idP){
		var idP = idP;
		var mensaje = '<form action="#" id="frmInformacionComprador"> \
			<div class="form-group"> \
				<label for="nombre_comprador"> Nombre del comprador | Titular de la tarjeta </label> \
				<input type="text" class="form-control" value="'+$(".hdnNombreComprador"+idP).val()+'" name="nombre_comprador"> \
				<span class="text-danger" id="errnombre_comprador"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="correo_electronico_comprador"> Correo electrónico del comprador </label> \
				<input type="text" class="form-control" value="'+$(".hdnCorreoElectronicoComprador"+idP).val()+'" name="correo_electronico_comprador"> \
				<span class="text-danger" id="errcorreo_electronico_comprador"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="telefono_comprador"> Número del teléfono del comprador </label> \
				<input type="text" class="form-control" value="'+$(".hdnTelefonoComprador"+idP).val()+'" name="telefono_comprador"> \
				<span class="text-danger" id="errtelefono_comprador"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="pais_comprador"> País del comprador </label> \
				<select class="form-control crs-country" id="pais" name="pais_comprador" data-region-id="estado" data-default-option="Seleccione un país" data-whitelist="US,MX,CU,DM,DO,PR,BZ,GT,SV,HN,NI,CR,PA,VE,EC,CO,PE,BO,CL,PY,UY,AR,ES,GQ" data-value="shortcode" style="font-size: 13px; padding: 7.5px 11px !important;" data-default-value="'+$(".hdnPaisComprador"+idP).val()+'"> \
				</select> \
				<span class="text-danger" id="errpais_comprador"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="estado_comprador"> Estado/Provincia/Departamento del comprador </label> \
				<select class="form-control" id="estado" name="estado_comprador" data-blank-option="Seleccione un estado" data-default-option="Seleccione un estado" style="font-size: 13px; padding: 7.5px 11px !important;" data-default-value="'+$(".hdnEstadoComprador"+idP).val()+'"> \
				</select> \
				<span class="text-danger" id="errestado_comprador"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="ciudad_comprador"> Ciudad del comprador </label> \
				<input type="text" class="form-control" value="'+$(".hdnCiudadComprador"+idP).val()+'" name="ciudad_comprador"> \
				<span class="text-danger" id="errciudad_comprador"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="codigo_postal_comprador"> Código postal del comprador </label> \
				<input type="text" class="form-control" value="'+$(".hdnCodigoPostalComprador"+idP).val()+'" name="codigo_postal_comprador"> \
				<span class="text-danger" id="errcodigo_postal_comprador"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="direccion_comprador"> Dirección del comprador </label> \
				<input type="text" class="form-control" value="'+$(".hdnDireccionComprador"+idP).val()+'" name="direccion_comprador"> \
				<span class="text-danger" id="errdireccion_comprador"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="direccion2_comprador"> Segunda dirección o referencia del comprador </label> \
				<input type="text" class="form-control" value="'+$(".hdnDireccion2Comprador"+idP).val()+'" name="direccion2_comprador"> \
				<span class="text-danger" id="errdireccion2_comprador"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="comentario"> Comentario de la compra </label> \
				<textarea class="form-control" name="comentario">'+$(".hdnComentario"+idP).val()+'</textarea> \
				<span class="text-danger" id="errcomentario"> </span> \
			</div> \
			<input type="hidden" value="'+idP+'" name="idP"> \
			<input type="hidden" value="actualizarComprador" name="proceso"> \
		</form>';
		BootstrapDialog.show({
			cssClass: "mdAvatar",
			title: "Información del comprador",
			message: mensaje,
			draggable: true,
			buttons: [{
				id: "btnCambiar",
				label: "Editar",
				cssClass: "btn-default",
				action: function(dialogItself){
					if( dialogItself.getModalBody().find("#frmInformacionComprador").valid() ){
						$.isLoading({ text: "Cargando..." }); NProgress.start();
						dialogItself.getModalBody().find("input[name='telefono_comprador']").val( dialogItself.getModalBody().find("input[name='telefono_comprador']").intlTelInput("getNumber") );
						$("#btnCambiar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
						$.post(
							"<?php echo URL::route('SysWebVentasRealizadasModificarPedido'); ?>",
							$("#frmInformacionComprador").serialize(),
							function(data){
								$.isLoading("hide"); NProgress.done();
								$("#btnCambiar").html("Editar").prop("disabled", false);
								if(data.success){
									dialogItself.close();
									var table = $("#tblVentasRealizadas").DataTable();
									table.ajax.reload(null, false);
									new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								}
								else{
									if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
									$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
								}
							},
							"json"
						);
					}
				}
			}],
			onshown: function(dialogItself){
				dialogItself.getModalBody().find("input[name='telefono_comprador']").intlTelInput("setCountry", $(".hdnPaisComprador"+idP).val());
				dialogItself.getModalBody().find("input[name='telefono_comprador']").intlTelInput({
					utilsScript: "<?php echo asset('Intl-Tel-Input/js/utils.js'); ?>"
				});
				crs.init();
				dialogItself.getModalBody().find("#pais").change(function(){
					if( $(this).val() != "" ){
						$(this).addClass("seleccionado");
						dialogItself.getModalBody().find("input[name='telefono_comprador']").intlTelInput("setCountry", $(this).val());
					}
					else{
						$(this).removeClass("seleccionado");
						dialogItself.getModalBody().find("#estado").removeClass("seleccionado");
					}
				});
				dialogItself.getModalBody().find("#estado").change(function(){
					if( $(this).val() != "" ){
						$(this).addClass("seleccionado");
					}
					else{
						$(this).removeClass("seleccionado");
					}
				});
				dialogItself.getModalBody().find("#frmInformacionComprador").validate({
					lang: "es",
					onkeyup: false,
					errorClass: "text-danger",
					errorElement: "span",
					rules: {
						nombre_comprador: {
							required: true
						},
						correo_electronico_comprador: {
							email: true,
							required: true
						},
						telefono_comprador: {
							required: true,
							glibphonenumber: true
						},
						pais_comprador: {
							required: true
						},
						estado_comprador: {
							required: true
						},
						ciudad_comprador: {
							required: true
						},
						codigo_postal_comprador: {
							required: true,
							zipcode: true
						},
						direccion_comprador: {
							required: true
						}
					},
					submitHandler: function(form){
						$("#btnCambiar").trigger("click");
					}
				});
			},
		});
	}
	function verInfoEnvio(idP){
		var idP = idP;
		var mensaje = '<form action="#" id="frmInformacionEnvio"> \
			<div class="form-group"> \
				<label for="nombre_receptor"> Nombre de quien recibirá el paquete </label> \
				<input type="text" class="form-control" value="'+$(".hdnNombreReceptor"+idP).val()+'" name="nombre_receptor"> \
				<span class="text-danger" id="errnombre_receptor"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="correo_electronico_receptor"> Correo electrónico de quien recibirá el paquete </label> \
				<input type="text" class="form-control" value="'+$(".hdnCorreoElectronicoReceptor"+idP).val()+'" name="correo_electronico_comprador"> \
				<span class="text-danger" id="errcorreo_electronico_comprador"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="telefono_receptor"> Número del teléfono de quien recibirá el paquete </label> \
				<input type="text" class="form-control" value="'+$(".hdnTelefonoReceptor"+idP).val()+'" name="telefono_receptor"> \
				<span class="text-danger" id="errtelefono_receptor"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="pais_envio"> País de envío </label> \
				<select class="form-control crs-country" id="pais" name="pais_envio" data-region-id="estado" data-default-option="Seleccione un país" data-whitelist="US,MX,CU,DM,DO,PR,BZ,GT,SV,HN,NI,CR,PA,VE,EC,CO,PE,BO,CL,PY,UY,AR,ES,GQ" data-value="shortcode" style="font-size: 13px; padding: 7.5px 11px !important;" data-default-value="'+$(".hdnPaisEnvio"+idP).val()+'"> \
				</select> \
				<span class="text-danger" id="errpais_envio"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="estado_envio"> Estado/Provincia/Departamento de envío </label> \
				<select class="form-control" id="estado" name="estado_envio" data-blank-option="Seleccione un estado" data-default-option="Seleccione un estado" style="font-size: 13px; padding: 7.5px 11px !important;" data-default-value="'+$(".hdnEstadoEnvio"+idP).val()+'"> \
				</select> \
				<span class="text-danger" id="errestado_envio"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="ciudad_envio"> Ciudad de envío </label> \
				<input type="text" class="form-control" value="'+$(".hdnCiudadEnvio"+idP).val()+'" name="ciudad_envio"> \
				<span class="text-danger" id="errciudad_envio"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="codigo_postal_envio"> Código postal de envío </label> \
				<input type="text" class="form-control" value="'+$(".hdnCodigoPostalEnvio"+idP).val()+'" name="codigo_postal_envio"> \
				<span class="text-danger" id="errcodigo_postal_envio"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="direccion_envio"> Dirección de envío </label> \
				<input type="text" class="form-control" value="'+$(".hdnDireccionEnvio"+idP).val()+'" name="direccion_envio"> \
				<span class="text-danger" id="errdireccion_envio"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="direccion2_envio"> Segunda dirección o referencia de envío </label> \
				<input type="text" class="form-control" value="'+$(".hdnDireccion2Envio"+idP).val()+'" name="direccion2_envio"> \
				<span class="text-danger" id="errdireccion2_envio"> </span> \
			</div> \
			<div class="form-group"> \
				<label for="comentarios_envio"> Comentario del envio </label> \
				<textarea class="form-control" name="comentarios_envio">'+$(".hdnComentariosEnvio"+idP).val()+'</textarea> \
				<span class="text-danger" id="errcomentarios_envio"> </span> \
			</div> \
			<input type="hidden" value="'+idP+'" name="idP"> \
			<input type="hidden" value="actualizarEnvio" name="proceso"> \
		</form>';
		BootstrapDialog.show({
			cssClass: "mdAvatar",
			title: "Información de envío",
			message: mensaje,
			draggable: true,
			buttons: [{
				id: "btnCambiar",
				label: "Editar",
				cssClass: "btn-default",
				action: function(dialogItself){
					if( dialogItself.getModalBody().find("#frmInformacionEnvio").valid() ){
						$.isLoading({ text: "Cargando..." }); NProgress.start();
						dialogItself.getModalBody().find("input[name='telefono_receptor']").val( dialogItself.getModalBody().find("input[name='telefono_receptor']").intlTelInput("getNumber") );
						$("#btnCambiar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
						$.post(
							"<?php echo URL::route('SysWebVentasRealizadasModificarPedido'); ?>",
							$("#frmInformacionEnvio").serialize(),
							function(data){
								$.isLoading("hide"); NProgress.done();
								$("#btnCambiar").html("Editar").prop("disabled", false);
								if(data.success){
									dialogItself.close();
									var table = $("#tblVentasRealizadas").DataTable();
									table.ajax.reload(null, false);
									new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								}
								else{
									if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
									$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
								}
							},
							"json"
						);
					}
				}
			}],
			onshown: function(dialogItself){
				dialogItself.getModalBody().find("input[name='telefono_receptor']").intlTelInput("setCountry", $(".hdnPaisEnvio"+idP).val());
				dialogItself.getModalBody().find("input[name='telefono_receptor']").intlTelInput({
					utilsScript: "<?php echo asset('Intl-Tel-Input/js/utils.js'); ?>"
				});
				crs.init();
				dialogItself.getModalBody().find("#pais").change(function(){
					if( $(this).val() != "" ){
						$(this).addClass("seleccionado");
						dialogItself.getModalBody().find("input[name='telefono_receptor']").intlTelInput("setCountry", $(this).val());
					}
					else{
						$(this).removeClass("seleccionado");
						dialogItself.getModalBody().find("#estado").removeClass("seleccionado");
					}
				});
				dialogItself.getModalBody().find("#estado").change(function(){
					if( $(this).val() != "" ){
						$(this).addClass("seleccionado");
					}
					else{
						$(this).removeClass("seleccionado");
					}
				});
				dialogItself.getModalBody().find("#frmInformacionEnvio").validate({
					lang: "es",
					onkeyup: false,
					errorClass: "text-danger",
					errorElement: "span",
					rules: {
						nombre_receptor: {
							required: true
						},
						correo_electronico_receptor: {
							email: true
						},
						telefono_receptor: {
							required: true,
							glibphonenumber: true
						},
						pais_envio: {
							required: true
						},
						estado_envio: {
							required: true
						},
						ciudad_envio: {
							required: true
						},
						codigo_postal_envio: {
							required: true,
							zipcode: true
						},
						direccion_envio: {
							required: true
						}
					},
					submitHandler: function(form){
						$("#btnCambiar").trigger("click");
					}
				});
			},
		});
	}
	function verDetalle(idP){
		var idP = idP;
		var detallePedido = JSON.stringify(eval("("+$("li[data-detalle-pedido-"+idP+"]").attr("data-detalle-pedido-"+idP)+")"));
		detallePedido = JSON.parse(detallePedido);
		var tbody = '';
		var total = 0;
		var gastosEnvio = parseFloat( $("li[data-gastos-envio-"+idP+"]").attr("data-gastos-envio-"+idP)+")" );
		if( gastosEnvio > 0 ){ total = total + gastosEnvio; }
		$.each(detallePedido, function(i, variacion){
			var subTotal = accounting.formatMoney(parseInt(variacion.cantidad)*parseFloat(variacion.precioVenta), {
				symbol: codigoMoneda+" "+simboloMoneda,
				precision: 2,
				decimal : separadorDecimales,
				thousand: (separadorDecimales==".")?",":".",
				format: (posicionMoneda=="I")?"%s%v":"%v%s"
			});
			var nombre = variacion.nombre;
			if( variacion.atributos.length ){
				nombre = nombre+" [";
				var ultimo = variacion.atributos.length;
				$.each(variacion.atributos, function(i, atributo){
					nombre = nombre+atributo.nombre+":"+atributo.valor;
					if( !(i === (ultimo-1)) ){
						nombre = nombre+", ";
					}
					else{
						nombre = nombre+"]";
					}
				});
			}
			tbody = tbody+'<tr> <td>'+nombre+'</td> <td class="text-center">'+variacion.cantidad+'</td> <td class="text-center">'+subTotal+'</td> </tr>';
			total = total+( parseInt(variacion.cantidad)*parseFloat(variacion.precioVenta) );
		});
		total = accounting.formatMoney(total, {
			symbol: codigoMoneda+" "+simboloMoneda,
			precision: 2,
			decimal : separadorDecimales,
			thousand: (separadorDecimales==".")?",":".",
			format: (posicionMoneda=="I")?"%s%v":"%v%s"
		});
		if( gastosEnvio > 0 ){
			gastosEnvio = accounting.formatMoney(gastosEnvio, {
				symbol: codigoMoneda+" "+simboloMoneda,
				precision: 2,
				decimal : separadorDecimales,
				thousand: (separadorDecimales==".")?",":".",
				format: (posicionMoneda=="I")?"%s%v":"%v%s"
			});
			tbody = tbody+'<tr> <th colspan="2" class="text-right"> Gastos de envío </th> <td class="text-center">'+gastosEnvio+'</td> </tr>'
		}
		tbody = tbody+'<tr> <th colspan="2" class="text-right"> Total </th> <td class="text-center">'+total+'</td> </tr>';
		var mensaje = '<div class="row"> \
			<div class="col-xs-12 col-sm-12 col-md-12"> \
				<div class="table-responsive"> \
					<table class="table"> \
						<thead> \
							<tr> <th>Producto</th> <th class="text-center">Cantidad</th> <th class="text-center">Subtotal</th> </tr> \
						</thead> \
						<tbody class="tbodyProductos"> \
							'+tbody+' \
						</tbody> \
					</table> \
				</div> \
			</div> \
		</div>';
		BootstrapDialog.show({
			cssClass: "mdAvatar",
			title: "Detalle del pedido",
			message: mensaje,
			draggable: true,
			onshown: function(dialogItself){
				dialogItself.getModalBody().find("input[name='telefono_comprador']").intlTelInput("setCountry", $(".hdnPaisComprador"+idP).val());
				dialogItself.getModalBody().find("input[name='telefono_comprador']").intlTelInput({
					utilsScript: "<?php echo asset('Intl-Tel-Input/js/utils.js'); ?>"
				});
			},
		});
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
<?php if( Agent::isDesktop() ): ?>
$(".sidebar-toggle-box").trigger("click");
<?php endif; ?>
$("a[data-toggle=\"tab\"]").on("shown.bs.tab", function(e){
	$.fn.dataTable.tables({
		visible: true,
		api: true
	}).columns.adjust();
});
/*$('#tblVentasRealizadas tfoot th').each(function(){
	var title = $(this).text();
	$(this).html( '<input type="text" placeholder="Search '+title+'" />' );
});*/
$("#tblVentasRealizadas").DataTable({
	"processing": true,
	"serverSide": true,
	"ajax": {
		url: "<?php echo URL::route('SysWebVentasRealizadas'); ?>",
		data: function(d){
			d.filtrofechas = $("#FiltroFechas").val();
			d.chEstadoPENV = $('[name="chEstadoPENV"]').is(":checked");
			d.chEstadoE = $('[name="chEstadoE"]').is(":checked");
			d.chEstadoR = $('[name="chEstadoR"]').is(":checked");
			d.chEstadoRP = $('[name="chEstadoRP"]').is(":checked");
			d.chEstadoDD = $('[name="chEstadoDD"]').is(":checked");
			d.chEstadoRPDD = $('[name="chEstadoRPDD"]').is(":checked");
			d.chEstadoF = $('[name="chEstadoF"]').is(":checked");
			d.chEstadoPENT = $('[name="chEstadoPENT"]').is(":checked");
			d.slEstadoPedido = $('[name="slEstadoPedido"]').val();
		}
	},
	columns: [
		{data: "fecha_registrado", name: "fecha_registrado"},
		{data: "numero_seguimiento", name: "numero_seguimiento"},
		{data: "tco_order_number", name: "tco_order_number"},
		{data: "informacionComprador", name: "informacionComprador", "searchable": false, "orderable": false},
		{data: "informacionEnvio", name: "informacionEnvio", "searchable": false, "orderable": false},
		{data: "detallePedido", name: "detallePedido", "searchable": false, "orderable": false},
		{data: "estado", name: "estado"},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center"}
	],
	"language": {
		"url": "<?php echo asset('DataTables/Spanish.json'); ?>"
	},
	"fnDrawCallback": function( oSettings ) {
		$(".tooltips").tooltip();
		$(".spTotalPagado").each(function(indice){
			var total = $(this).html();
			total = accounting.formatMoney(total, {
				symbol: codigoMoneda+" "+simboloMoneda,
				precision: 2,
				decimal : separadorDecimales,
				thousand: (separadorDecimales==".")?",":".",
				format: (posicionMoneda=="I")?"%s%v":"%v%s"
			});
			$(this).html(total);
		});
	},
	autoWidth: false,
	"order": [[ 0, "desc" ]],
	responsive: true/*,
	initComplete: function(){
		this.api().columns().every(function(){
			var column = this;
			//console.log( column );
			var input = document.createElement("input");
			$(input).appendTo($(column.footer()).empty()).on("change", function(){
				//column.search($(this).val()).draw();
				//column.search($(this).val(), false, false, true).draw();
			});
		});
	}*/
});
$("#FiltroFechas").daterangepicker({
	"ranges": {
		"Hoy": [moment(), moment()],
		"Ayer": [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
		"Últimos 7 días": [moment().subtract(6, 'days'), moment()],
		"Últimos 30 días": [moment().subtract(29, 'days'), moment()],
		"Este mes": [moment().startOf('month'), moment().endOf('month')],
		"Último mes": [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
	},
	"alwaysShowCalendars": true,
	locale: {
		format: 'DD/MM/YYYY'
	},
	autoUpdateInput: false,
	"startDate": moment(),
	"endDate": moment()
}, function(start, end, label) {
	console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
});
$("#FiltroFechas").on("apply.daterangepicker", function(ev, picker) { $(this).val(picker.startDate.format("DD/MM/YYYY") + " - " + picker.endDate.format("DD/MM/YYYY")); });
$("#FiltroFechas").on("cancel.daterangepicker", function(ev, picker) { $(this).val(""); });
$("#frmFiltroFechas").submit(function(e){
	e.preventDefault();
	var table = $("#tblVentasRealizadas").DataTable();
	table.ajax.reload(null, false);
});
$("#btnLimpiar").click(function(e){
	e.preventDefault();
	$("#FiltroFechas").val("");
	var table = $("#tblVentasRealizadas").DataTable();
	table.ajax.reload(null, false);
});
<?php if(Session::has('EliminarMensajeS')): ?>
new PNotify({ title: "Realizado", text: "<?php echo Session::get('EliminarMensajeS'); ?>", type: "success" });
<?php endif; ?>
<?php if(Session::has('EliminarMensajeE')): ?>
new PNotify({ title: "Realizado", text: "<?php echo Session::get('EliminarMensajeE'); ?>", type: "error" });
<?php endif; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>