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

<?php echo HTML::style('WebPro/plugins/dropzone/dropzone.css'); ?>

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

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

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

<style type="text/css">
	.mdAvatar .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
	/*.dz-max-files-reached {background-color: red};*/
	#modal {
		z-index:100;
		background: white;
		text-align: center;
	}

	.croppie-container {
		height: 65%;
		margin-bottom: 15px;
		margin-left: 15px;
	}
	.form-group {
		margin-bottom: 20px;
	}
	#upload-demo-i {
		width: 250px;
		margin-bottom: 5px;
		position: absolute;
		bottom: 18%;
		left: 55%;
		/*border: 1px solid #ddd;*/
		padding: 25px;
	}
	#upload {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		width: 80px;
	}
	.titulos label {
		font-weight: bold;
	}
	.original {
		margin-right: 34%;
	}
	.tipo {
		font-weight: bold;
	}
	.cut {
		display:none;
	}
	.form-control#sltipo {
		display: inline-block;
		width: 50%;
		margin-top:15px;
	}
	.modal-content {
		/*width: 700px;*/
	}
	.croppie-container .cr-boundary {
		margin: 0;
	}
	.croppie-container .cr-slider-wrap {
		margin: 0;
		width: 250px;
	}
	.actionCut {
		display: none;
	}
	.cr-slider {
		border: 1px solid white ;
		padding: 8px 0;
	}
	&.actionCancel {
		background-color: #ddd;
		color: purple;
	}
	&.actionDone {
		display: none;
	}
	@media  only screen  and (max-width: 700px) {
		#upload-demo-i {
			width: 250px;
			position: relative;
			margin-bottom: 5px;
			left: 10%;
			border: 1px solid #ddd;
			padding: 26px 0;
		}
		.croppie-container {
			height: 65%;
			margin-bottom: 15px;
			margin-left: 19px;
		}
		.cut {
			display:block;
			font-weight: bold;
		}
		.cut-1 {
			display:none;
		}
		.original {
			margin-right: 0;
		}
	}
	@media  only screen and (orientation: landscape) and (max-width: 700px) {
		#upload-demo-i {
			width: 250px;
			position: relative;
			margin-bottom: 5px;
			left: 28%;
			border: 1px solid #ddd;
			padding: 26px 0;
		}
		.croppie-container {
			height: 65%;
			margin-bottom: 15px;
			margin-left: 26%;
		}
		.cut {
			display:block;
			font-weight: bold;
		}
		.cut-1{
			display:none;
		}
		.original {
			margin-right: 0; 
		}
	}
	.intl-tel-input, .iti {
		height: 34px !important;
		width: 100%;
		/*display: table-cell;*/
	}
	/*.intl-tel-input .iti-flag .arrow {
		border: none;
	}*/
	.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.allow-dropdown input[type="tel"] {
		padding-right: 6px !important;
		padding-left: 52px !important;
		margin-left: 0;
	}
	.seleccionado {
		color: #282323;
		font-weight: normal;
	}
	.open >.dropdown-menu {
		/*text-align: center;*/
		width: 100%;
	}
	.color-head-modal .modal-header {
		background-color: #363b3f !important;	
	}
	.modalCambiarImagenBGI .modal-content {
		width: 1100px !important;
	}
	select#slBiblioteca {
		display: none!important;
	}
	ul.thumbnails.image_picker_selector {
		overflow: auto;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	.image_picker_image {
		height: 100px!important;
		width: 119px!important;
		object-fit: contain!important;
	}
	.thumbnail > img, .thumbnail a > img {
		margin-right: auto;
		margin-left: auto;
	}
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
		display: block;
		max-width: 100%;
		height: auto;
	}
	ul.thumbnails.image_picker_selector li {
		margin: 0 12px 12px 0;
		float: left;
	}
	.thumbnail {
		display: block;
		padding: 4px;
		margin-bottom: 20px;
		line-height: 1.42857143;
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 4px;
		-webkit-transition: border .2s ease-in-out;
		-o-transition: border .2s ease-in-out;
		transition: border .2s ease-in-out;
	}
	.archivos .ezdz-dropzone {
		width: 150px !important;
		height: 150px !important;
		display: inline-block;
		margin-right: 3%;
	}
	.archivos .ezdz-dropzone div {
		line-height: normal !important;
		padding-top: 30%;
	}
	/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
	.archivos .ezdz-dropzone {
		width: 100% !important;
		height: 300px !important;
		border-style: solid !important;
		border-width: 5px !important;
	}
	.archivos .ezdz-dropzone>div {
		padding-top: 8% !important;
	}
	.archivos .ezdz-dropzone i.fa-cloud-upload {
		font-size: 110px !important;
		display: block !important;
	}
	.archivos .ezdz-dropzone span.spFlITitulo{
		display: block !important;
		margin: 0 auto !important;
		font-size: 24px !important;
		background: transparent !important;
		color: #989898 !important;
		font-weight: bold !important;
	}
	.archivos .ezdz-dropzone span.spFlITexto {
		display: block !important;
		margin: 0 auto !important;
		font-size: 18px !important;
		background: transparent !important;
		color: #989898 !important;
		font-weight: bold !important;
	}
	.archivos .ezdz-dropzone.ezdz-reject span.spFlITexto,
	.archivos .ezdz-dropzone.ezdz-reject span.spFlITitulo {
		color: #8b0000 !important;
	}
	.archivos .ezdz-dropzone img {
		max-width: 300px;
		max-height: 215px;
	}
	/**/
	/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
	#cuerpoBibliotecaImagen .ezdz-dropzone {
		width: 100% !important;
		height: 300px !important;
		border-style: solid !important;
		border-width: 5px !important;
	}

	#cuerpoBibliotecaImagen .ezdz-dropzone>div {
		padding-top: 8% !important;
	}

	#cuerpoBibliotecaImagen .ezdz-dropzone i.fa-cloud-upload {
		font-size: 110px !important;
		display: block !important;
	}

	#cuerpoBibliotecaImagen .ezdz-dropzone span.spFlITitulo {
		display: block !important;
		margin: 0 auto !important;
		font-size: 24px !important;
		background: transparent !important;
		color: #989898 !important;
		font-weight: bold !important;
	}

	#cuerpoBibliotecaImagen .ezdz-dropzone span.spFlITexto {
		display: block !important;
		margin: 0 auto !important;
		font-size: 18px !important;
		background: transparent !important;
		color: #989898 !important;
		font-weight: bold !important;
	}

	#cuerpoBibliotecaImagen .ezdz-dropzone.ezdz-reject span.spFlITexto,
	#cuerpoBibliotecaImagen .ezdz-dropzone.ezdz-reject span.spFlITitulo {
		color: #8b0000 !important;
	}
	#cuerpoBibliotecaImagen .ezdz-dropzone img {
		max-width: 300px;
		max-height: 215px;
	}
	/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
	.documentos .dvArchivo {
		cursor: pointer;
		border-radius: 10px;
		padding: 6px;
		text-align: center;
		margin-left: 10px;
	}
	.documentos .dvArchivo .text-danger {
		position: absolute;
		top: 0;
		left: 4%;
	}
	.documentos .dvArchivo .fa-file-pdf-o {
		font-size: 50px;
		color: red;
		text-align: center;
	}
	.documentos [data-ruta-archivo] {
		border: 1px solid #ccc;
	}
</style>
<?php $__env->stopSection(); ?>


<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2> <i class="fa fa-user"></i> Perfil </h2>
	</div><!--/col-md-12--> 
</div><!--/row-->

<div class="row">
	<div class="col-md-4">
		<div class="block-web">
			<div class="user-profile-sidebar">
				<div class="row">
					<div class="col-md-4">
						<?php if($Usuario->avatar != '' && File::exists(public_path().'/SysWeb/Usuarios/'.$Usuario->id.'/Avatar/'.$Usuario->avatar)): ?>
						<img alt="Avatar" class="img-circle" src="<?php echo asset('SysWeb/Usuarios/'.$Usuario->id.'/Avatar/'.$Usuario->avatar).'?v='.date('H:i:s'); ?>" style="border-radius: 32px; height: 64px; width: 64px; object-fit: contain;" id="AvatarPerfil">
						<?php else: ?>
						<img alt="Avatar" class="img-circle" src="<?php echo asset('SysWeb/SumeClientes/silueta.jpg'); ?>" style="border-radius: 32px; height: 64px; width: 64px;}" id="AvatarPerfil">
						<?php endif; ?>
					</div>
					<div class="col-md-8">
						<div class="user-identity">
							<h4><strong> <?php echo $Cliente->nombre_completo; ?> </strong></h4>
							<p><i class="fa fa-building"></i> <?php echo $Cliente->empresa; ?></p>
						</div>
					</div>
				</div>
			</div>
			<?php if(Auth::user()->tipo == 'C'): ?>
			<div class="user-button">
				<div class="row">
					<div class="col-md-12">
						<button type="button" id="btnCambiarContra" class="btn btn-primary btn-sm btn-block"><i class="fa fa-lock"></i> Cambiar Contraseña</button>
					</div>
					<?php /*<div class="col-md-6">
						<button class="btn btn-default btn-sm btn-block" type="button"><i class="fa fa-user"></i> Add as friend</button>
					</div>*/ ?>
					<?php /* BOTÓN PARA ACTUALIZACIÓN DE PLAN */ ?>
					<?php /*<?php if( Cliente::select('planes_sc_id')->where('users_id', '=', Auth::user()->id)->first()->planes_sc_id == 1 ): ?>
					<div class="col-md-12">
						<a href="<?php echo URL::route('SysWebPerfilActualizarPlanBasico', array($Usuario->id)); ?>" class="btn btn-success btn-sm btn-block"><i class="fa fa-level-up"></i> Actualizar plan</a>
					</div>
					<?php endif; ?>*/ ?>
					<?php /* //BOTÓN PARA ACTUALIZACIÓN DE PLAN */ ?>
					<?php $Cliente = Cliente::find( Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id ); ?>
					<?php if(
						$Cliente->planes_sc_id != 1 &&
						(
							$Cliente->paypal_profile_id != '' ||
							$Cliente->tco_sale_id != '' ||
							$Cliente->bs_subscription_id != '' ||
							$Cliente->fs_subscription_id != ''
						)
					): ?>
					<?php
						$fastSpring = false;
						if( $Cliente->fs_subscription_id != '' ){
							$fastSpring = true;
							$fsDatosExtra = json_decode($Cliente->fs_datos_extra, true);
							include_once(__DIR__.'/../../commands/fastspring-php/fastspring-sc.php');
							//OBTENCIÓN DE URL DE ACTUALIZACIÓN DE MÉTODO DE PAGO EN FASTSPRING -----------------------------------------------
							$peticion = fastSpringSC('https://api.fastspring.com/accounts/'.$fsDatosExtra['accountId'].'/authenticate', 'GET');
							//-----------------------------------------------------------------------------------------------------------------
							$urlMetodoPago = $peticion['accounts'][0]['url'];
						}
					?>
						<?php if( $fastSpring ): ?>
					<div class="col-md-12">
						<a href="<?php echo $urlMetodoPago; ?>" target="_blank" class="btn btn-success btn-sm btn-block"><i class="fa fa-money"></i> Historial de págos</a>
					</div>
					<div class="col-md-12">
						<button type="button" id="btnCancelarAcuerdoPP" class="btn btn-danger btn-sm btn-block"><i class="fa fa-ban"></i> Cancelar suscripción</button>
					</div>
						<?php else: ?>
					<div class="col-md-12">
						<a href="<?php echo URL::route('SysWebPerfilHistorialPagos', array($Usuario->id)); ?>" class="btn btn-success btn-sm btn-block"><i class="fa fa-money"></i> Historial de págos</a>
					</div>
						<?php endif; ?>
					<?php endif; ?>
					<?php if( ModuloSistemaxUsuario::where('users_id', '=', Auth::user()->id)->count() > 1 ): ?>
					<div class="col-md-12">
						<a href="<?php echo URL::route('SysWebGClientesEmpleados'); ?>" class="btn btn-info btn-sm btn-block"><i class="fa fa-users"></i> Usuarios</a>
					</div>
					<?php endif; ?>
					<?php if( Cliente::select('tipo')->where('users_id', '=', Auth::user()->id)->first()->tipo == 'A' ): ?>
					<div class="col-md-12">
						<a href="<?php echo URL::route('SysWebPerfilCuentas', array($Usuario->id)); ?>" class="btn btn-warning btn-sm btn-block"><i class="fa fa-users"></i> Cuentas</a>
					</div>
					<?php endif; ?>
					<div class="col-md-12">
						<a href="<?php echo URL::route('SysWebAfilPizarra'); ?>" class="btn btn-default btn-sm btn-block"><i class="fa fa-money"></i> Programa de afiliados</a>
					</div>
					<div class="col-md-12">
						<div class="btn-group btn-block" >
							<button type="button" class="btn btn-default dropdown-toggle btn-sm btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i class="fa fa-folder-open"></i> Mis archivos <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
							  <li><a onclick="galeriaImg(<?php echo $Cliente->id; ?>)"><i class="fa fa-picture-o btn-img"></i> Imagenes</a></li>
							  <li><a onclick="ducumentos(<?php echo $Cliente->id; ?>)"><i class="fa fa-file btn-doc"></i> Documentos</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<?php endif; ?>
			<?php if(Auth::user()->tipo == 'A'): ?>
			<div class="user-button">
				<div class="row">
					<div class="col-md-12">
						<a href="mailto:<?php echo $Cliente->correo_electronico; ?>" class="btn btn-primary btn-sm btn-block"> <i class="fa fa-envelope"></i> Contactar cliente </a>
					</div>
					<?php /*<div class="col-md-6">
						<button class="btn btn-default btn-sm btn-block" type="button"><i class="fa fa-user"></i> Add as friend</button>
					</div>*/ ?>
				</div>
			</div>
			<?php endif; ?>
		</div><!--/block-web--> 
	</div><!--/col-md-4-->

	<div class="col-md-8">
		<div class="block-web full">
			<ul class="nav nav-tabs nav-justified">
				<li class="active"><a data-toggle="tab" href="#info"><i class="fa fa-user"></i> Información </a></li>
				<li><a data-toggle="tab" href="#editar"><i class="fa fa-pencil"></i> Editar </a></li>
				<?php /*<li><a data-toggle="tab" href="#user-activities"><i class="fa fa-laptop"></i> Activities</a></li>
				<li><a data-toggle="tab" href="#mymessage"><i class="fa fa-envelope"></i> Message</a></li>*/ ?>
			</ul>
			<div class="tab-content">
				<div id="info" class="tab-pane active animated fadeInRight">
					<div class="user-profile-content">
						<address>
							<strong> Nombre de usuario </strong> <br>
							<?php echo $Usuario->username; ?>

						</address>
						<address>
							<strong> Nombre </strong> <br>
							<?php echo $Cliente->nombre_completo; ?>

						</address>
						<address>
							<strong> Correo electrónico </strong> <br>
							<?php echo $Cliente->correo_electronico; ?>

						</address>
						<address>
							<strong> Teléfono </strong> <br>
							<?php if($Cliente->telefono != ''): ?> <?php echo $Cliente->telefono; ?> <?php else: ?> -- <?php endif; ?>
						</address>
						<address>
							<strong> Empresa </strong> <br>
							<?php if($Cliente->empresa != ''): ?> <?php echo $Cliente->empresa; ?> <?php else: ?> -- <?php endif; ?>
						</address>
						<address>
							<strong> Dirección </strong> <br>
							<?php if($Cliente->direccion != ''): ?> <?php echo $Cliente->direccion; ?> <?php else: ?> -- <?php endif; ?>
						</address>
						<address>
							<strong> País </strong> <br>
							<?php /* @if($Cliente->pais != '') {{ $Cliente->pais }} @else -- @endif */ ?>
							<?php if($Cliente->pais != ''): ?> <?php echo Locale::getDisplayRegion('-'.$Cliente->pais, 'es'); ?> <?php else: ?> -- <?php endif; ?>
						</address>
						<address>
							<strong> Estado </strong> <br>
							<?php if($Cliente->estado != ''): ?> <?php echo $Cliente->estado; ?> <?php else: ?> -- <?php endif; ?>
						</address>
						<address>
							<strong> Zona horaría </strong> <br>
							<?php if($Cliente->zona_horaria != ''): ?> <?php echo $Cliente->zona_horaria; ?> <?php else: ?> -- <?php endif; ?>
						</address>
						<address>
							<strong> Moneda </strong> <br>
							<?php if($Cliente->codigo_moneda != ''): ?> <?php echo $Cliente->simbolo_moneda; ?> - <?php echo $Cliente->codigo_moneda; ?> <?php else: ?> -- <?php endif; ?>
						</address>
						<?php if( Cliente::select('planes_sc_id')->where('users_id', '=', Auth::user()->id)->first()->planes_sc_id != 1): ?>
						<address>
							<strong> Correo para envío de copia de notificaciones (Opcional) </strong> <br>
							<?php
								if( CorreoNotificacion::where('clientes_id', '=', $Cliente->id)->count() == 0 ){
									$correo_notificacion = '--';
									$correo_notificacionInput = '';
								}
								else{
									if ($correo_notificacion = CorreoNotificacion::select('correo_electronico')->where('clientes_id', '=', $Cliente->id)->first()->correo_electronico != ''){
										$correo_notificacion = CorreoNotificacion::select('correo_electronico')->where('clientes_id', '=', $Cliente->id)->first()->correo_electronico;
										$correo_notificacionInput = $correo_notificacion;
									}
									else{
										$correo_notificacion = '--';
										$correo_notificacionInput = '';
									}
								}
							?>
							<?php echo $correo_notificacion; ?>

						</address>
						<address>
							<strong> Nombre del subdominio </strong> <br>
							<?php if($Cliente->subdominio != ''): ?> <?php echo $Cliente->subdominio; ?> <?php else: ?> -- <?php endif; ?>
						</address>
						<?php endif; ?>
					</div>
				</div>
				<div id="editar" class="tab-pane animated fadeInRight">
					<div class="user-profile-content">
						<?php echo Form::open(array('route' => 'SysWebPerfil', 'method' => 'post', 'class' => 'form-horizontal', 'style' => '', 'id' => 'frmPerfil' )); ?>

							<div class="form-group">
								<label for="username">Nombre de usuario</label>
								<?php echo Form::text('username', $Usuario->username,  array('class' => 'form-control', 'placeholder' => 'Nombre de usuario')); ?>

								<span class="text-danger" id="errusername"> </span>
							</div>
							<div class="form-group">
								<label for="nombre_completo">Nombre</label>
								<?php echo Form::text('nombre_completo', $Cliente->nombre_completo,  array('class' => 'form-control', 'placeholder' => 'Nombre')); ?>

								<span class="text-danger" id="errnombre_completo"> </span>
							</div>
							<div class="form-group">
								<label for="correo_electronico">Correo electrónico</label>
								<?php echo Form::text('correo_electronico', $Cliente->correo_electronico,  array('class' => 'form-control', 'placeholder' => 'Correo electrónico')); ?>

								<span class="text-danger" id="errcorreo_electronico"> </span>
							</div>
							<div class="form-group">
								<label for="telefono">Teléfono</label>
								<?php echo Form::text('telefono', $Cliente->telefono,  array('class' => 'form-control', 'placeholder' => 'Teléfono')); ?>

								<span class="text-danger" id="errtelefono"> </span>
							</div>
							<div class="form-group">
								<label for="empresa">Empresa</label>
								<?php echo Form::text('empresa', $Cliente->empresa,  array('class' => 'form-control', 'placeholder' => 'Empresa')); ?>

								<span class="text-danger" id="errempresa"> </span>
							</div>
							<div class="form-group">
								<label for="direccion">Dirección</label>
								<?php echo Form::text('direccion', $Cliente->direccion,  array('class' => 'form-control', 'placeholder' => 'Dirección')); ?>

								<span class="text-danger" id="errdireccion"> </span>
							</div>
							<div class="form-group">
								<label for="pais">País</label>
								<select class="selectpicker form-control crs-country <?php if($Cliente->pais != ''): ?> seleccionado <?php endif; ?>" id="pais" name="pais" data-region-id="estado" data-default-value="<?php echo $Cliente->pais; ?>" data-default-option="Seleccione un país" data-whitelist="US,CA,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" data-live-search="true"></select>
								<span class="text-danger" id="errpais"> </span>
							</div>
							<div class="form-group">
								<label for="estado">Estado</label>
								<select class="selectpicker form-control <?php if($Cliente->estado != ''): ?> seleccionado <?php endif; ?>" id="estado" name="estado" data-blank-option="Seleccione un estado" data-default-option="Seleccione un estado" data-default-value="<?php echo $Cliente->estado; ?>" data-live-search="true"></select>
								<span class="text-danger" id="errestado"> </span>
							</div>
							<div class="form-group">
								<label for="zona_horaria">Zona horaria</label>
								<?php echo Timezone::selectForm($Cliente->zona_horaria, 'Seleccione su zona horaria...', array('class' => 'form-control selectpicker', 'data-live-search' => 'true', 'name' => 'zona_horaria'), array('customValue' => 'true')); ?>

								<span class="text-danger" id="errzona_horaria"> </span>
							</div>

							<?php include_once(__DIR__.'/../../../app/commands/Utilidades.php'); ?>
							<div class="form-group">
								<label for="moneda">Moneda</label>
								<select name="moneda" id="moneda" class="form-control selectpicker" data-live-search="true">
									<option <?php if( $Cliente->codigo_moneda == '' ): ?> selected <?php endif; ?>>Seleccione su moneda local...</option>
									<?php foreach( $monedas as $codigo => $simbolo ): ?>
									<option value="<?php echo $codigo; ?>-<?php echo $simbolo; ?>" <?php if($Cliente->codigo_moneda == $codigo): ?> selected <?php endif; ?>> <?php echo $simbolo; ?> - <?php echo $codigo; ?> </option>
									<?php endforeach; ?>
								</select>
								<span class="text-danger" id="errmoneda"> </span>
							</div>

							<?php if( Cliente::select('planes_sc_id')->where('users_id', '=', Auth::user()->id)->first()->planes_sc_id != 1): ?>
							<div class="form-group">
								<label for="direccion"><b>(Opcional)</b> Correo para envío de copia de notificaciones </label>
								<?php echo Form::text('correo_notificacion', $correo_notificacionInput,  array('class' => 'form-control', 'placeholder' => 'Correo opcional')); ?>

								<span class="text-danger" id="errcorreo_notificacion"> </span>
							</div>
							<?php
								//$Cliente = Cliente::find(Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id);
								$style = '';
								/*if( ConfiguracionxSitioWeb::where('clientes_id', '=', $Cliente->id)->count() == 1 ){
									$style = 'style="display: none;"';
								}*/
							?>
							<div class="form-group" <?php echo $style; ?>>
								<label for="direccion"><b>(Opcional) </b>Nombre del subdominio <br>
								<span class="text-warning"><b> *Solo se permiten letras minúsculas y - (guión medio) </b></span> <br>
								<span class="text-danger"><b> *Recuerda que una ves asignado ya no podrás cambiarlo </b></span> <br>
								<?php if( strpos(public_path(), 'prospector') !== false ): ?>
								<span class="text-info"><b> *Tu subdominio quedará de esta forma: https://tusubdominio.masp.link </b></span> </label>
								<?php else: ?>
								<span class="text-info"><b> *Tu subdominio quedará de esta forma: https://tusubdominio.sume.site </b></span> </label>
								<?php endif; ?>
								<input type="text" name="subdominio", class="form-control subdominio" placeholder="Nombre del subdominio" <?php if($Cliente->subdominio != ''): ?> disabled <?php endif; ?> value="<?php echo $Cliente->subdominio; ?>">
								<span class="text-danger" id="errsubdominio"> </span>
							</div>

							<?php endif; ?>
							<button class="btn btn-warning" type="submit" id="btnGuardar"> Guardar </button>
						<?php echo Form::close(); ?>

					</div>
				</div>
			</div><!--/tab-content--> 
		</div><!--/block-web--> 
	</div><!--/col-md-8--> 
</div><!--/row--> 
<?php $__env->stopSection(); ?>

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

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

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

<?php echo HTML::script('WebPro/plugins/dropzone/dropzone.min.js'); ?>

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

<?php echo HTML::script('Exif/exif.min.js'); ?>

<?php echo HTML::script('Alphanum/jquery.alphanum.min.js'); ?>

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

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

<?php echo HTML::script('twbsPagination/jquery.twbsPagination.min.js'); ?>

<script type="text/javascript">
	var formData = new FormData();
	var file;
	function urltoFile(url, filename, mimeType){
		return (
			fetch(url).then(function(res){
				return res.arrayBuffer();
			}).then(function(buf){
				return new File([buf], filename, {
					type: mimeType
				});
			})
		);
	}
	function galeriaImg(idC){
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<div class="Imagenes"></div> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Imagenes",
			type: BootstrapDialog.TYPE_PRIMARY,
			size: BootstrapDialog.SIZE_WIDE,
			message: mensaje,
			draggable: true,
			cssClass: "Img modalCambiarImagenBGI archivos color-head-modal",
			onshown: function(dialog){
				var ventanaImg = dialog.getModalBody();
				armarBiblioteca(false, ventanaImg.find(".Imagenes"), 0);
				ventanaImg.find("#btnCrearImagen").on("click", function(){
					ventanaImg.find("#errGenerico").html("");
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					ventanaImg.find("#btnCrearImagen").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
					if(ventanaImg.find("#flImagen").val() != ""){
						var formData = new FormData();
						formData.append("file", ventanaImg.find("#flImagen")[0].files[0]);
						$.ajax({
							type: "POST",
							url: "<?php echo URL::route('SysWebPAterrizajeGenTemplateImagenes'); ?>",
							data: formData,
							cache: false,
							contentType: false,
							processData: false,
							dataType: "json",
							success: function(data){
								$.isLoading("hide"); NProgress.done();
								ventanaImg.find("#btnCrearImagen").prop("disabled", false).html('<i class="fa fa-upload"></i> Subir imagen');
								ventanaImg.find("#frmImagen").find(".ezdz-dropzone > div").html('<i class="fa fa-cloud-upload"></i><span class="spFlITitulo">Suelte el archivo a subir</span><span class="spFlITexto">o haga clic aquí</span>');
								ventanaImg.find("#frmImagen").find("flImagen").val("");
								cargarImagenesBibliotecaPersonal($(".modalCambiarImagenBGI").find(".Imagenes"));
								//dialog.close();
							},
							error: function(jqXHR, textStatus, errorThrown){
								ventanaImg.find("#errGenerico").html("Ha ocurrido algún error inesperado, por favor vuelve a intentarlo...");
								$.isLoading("hide"); NProgress.done();
								ventanaImg.find("#btnCrearImagen").prop("disabled", false).html('<i class="fa fa-upload"></i> Subir imagen');
							}
						});
					}
				});
			},
		});
	}
	function ducumentos(idC){
		var mensaje = '<div class="row"> \
			<div class="col-xs-7 dvBibliotecaArchivos"> \
				<label> Selecciona un archivo de tu biblioteca de archivos </label> \
				<div class="row" style="padding-bottom: 10px;"> \
					<div class="col-xs-12"> \
						<div class="input-group"> \
							<input type="text" class="form-control txtBusquedaArchivo" placeholder="Buscar documento..."> \
							<span class="input-group-btn"> \
								<button class="btn btn-default btnBuscarArchivo" type="button"><i class="fa fa-search"></i></button> \
							</span> \
						</div> \
					</div> \
				</div> \
				<div class="row dvArchivos"></div> \
				<div class="row"> \
					<div class="col-xs-12"> \
						<div class="dvPaginacion"></div> \
					</div> \
				</div> \
			</div> \
			<div class="col-xs-5"> \
				<label> Ó sube tu archivo (Este se almacenará en tu biblioteca y podras utilizarlo cuantas veces quieras) </label> \
				<form class="frmSubirArchivo" id="frmSubirArchivo"> \
					<div class="form-group"> \
						<label>Archivo a subir</label> \
						<input type="file" class="flArchivo" name="archivo" accept="application/msword, application/vnd.ms-excel, application/pdf"> \
						<span class="text-danger" id="errarchivo"></span> \
					</div> \
					<div class="form-group"> \
						<label>Nombre a asignar</label> \
						<input type="text" class="form-control txtNombreArchivo" placeholder="Nombre del archivo" name="nombre"> \
						<span class="text-danger" id="errnombre"></span> \
					</div> \
					<input type="hidden" name="idC" value="'+idC+'"> \
					<input type="hidden" name="accion" value="agregar"> \
					<input type="hidden" name="hdnRutaImagenSeleccionada" value=""> \
					<input type="hidden" name="hdnNombreImagenSeleccionada" value=""> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Documentos",
			type: BootstrapDialog.TYPE_PRIMARY,
			size: BootstrapDialog.SIZE_WIDE,
			message: mensaje,
			draggable: true,
			cssClass: "documentos archivos color-head-modal",
			onshown: function(dialog){
				var ventanaDoc = dialog.getModalBody();
				//$.isLoading({ text: "Cargando..." }); NProgress.start();
				var rutaarchivoscliente = "<?php echo URL::route('SysWebPAterrizajeBibliotecaArchivosClientes', array($Cliente->id)); ?>";
				paginacionArchivos(rutaarchivoscliente, 1, dialog.getModalBody().find(".dvBibliotecaArchivos"), true);
				dialog.getModalBody().find(".flArchivo").ezdz({
					text: '<i class="fa fa-cloud-upload"></i> \
					<span class="spFlITitulo">Suelte el archivo a subir</span> \
					<span class="spFlITexto">o haga clic aquí</span>',
					validators: {
						maxSize: 6000000
					}
				});
				dialog.getModalBody().find(".btnBuscarArchivo").click(function(e){
					paginacionArchivos(rutaarchivoscliente, 1, dialog.getModalBody().find(".dvBibliotecaArchivos"), false);
				});
				//$(".txtNombreArchivo").rules("remove");
			},
			buttons: [{
				id: "btnSubirDoc",
				label: '<i class="fa fa-upload"></i> Subir documento',
				cssClass: "btn-primary btn-block btn-lg",
				action: function(dialogItself){
					var bodyModal = $(".documentos");
					var boton = $(this);
					var texto = boton.html();
					if($(".txtNombreArchivo").val() == "" || $(".flArchivo").val() == ""){
						($(".txtNombreArchivo").val() == "")?$("#errnombre").text("Este campo es obligatorio"):	$("#errarchivo").text("Este campo es obligatorio");
					}
					else{
						boton.prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Cargando...');
						var formData = new FormData( bodyModal.find(".frmSubirArchivo")[0] );
						$.ajax({
							type: "POST",
							url: "<?php echo URL::route('SysWebPAterrizajeBibliotecaArchivosClientes', array($Cliente->id)); ?>",
							data: formData,
							cache: false,
							contentType: false,
							processData: false,
							dataType: "json",
							success: function(data){
								boton.prop("disabled", false).html(texto);
								if(data.success){
									//dialogItself.close();
									bodyModal.find("#frmSubirArchivo").find(".ezdz-dropzone > div").html('<i class="fa fa-cloud-upload"></i><span class="spFlITitulo">Suelte el archivo a subir</span><span class="spFlITexto">o haga clic aquí</span>');
									bodyModal.find("#frmSubirArchivo").find(".flArchivo").val("");
									bodyModal.find("#frmSubirArchivo").find(".txtNombreArchivo").val("");
									paginacionArchivos("<?php echo URL::route('SysWebPAterrizajeBibliotecaArchivosClientes', array($Cliente->id)); ?>", 1, $(".documentos").find(".dvBibliotecaArchivos"), true);
								}
								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(""); } });
								}
							},
							error: function(jqXHR, textStatus, errorThrown){
								new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
							}
						});
					}
				}
			}]
		});
	}
	function cargarImagenesBibliotecaPersonal(ubicacion){
		$.get(
			"<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesClientes', array($Cliente->id)); ?>",
			function(data){
				if(data.success){
					ubicacion.find("#slBiblioteca").html("").append('<option value=""></option>');
					$.each(data.biblioteca, function(index, val) {
						ubicacion.find("#slBiblioteca").append("<option data-img-src='"+val.ruta+"' value='"+val.id+"'>");
					});
					ubicacion.find("#slBiblioteca").imagepicker({
						hide_select:true, 
						show_label:true
					});
					var i = 0;
					ubicacion.find(".image_picker_selector").find("div.thumbnail").each(function(){
						$(this).prepend('<a class="text-danger" href="javascript:EliminarImagenBiblioteca('+data.biblioteca[i].id+')" title="Eliminar imagen de biblioteca"> <i class="fa fa-trash"> </i> </a>');
						i = i + 1;
					});
					ubicacion.find(".image_picker_selector").find("[title]").each(function(){
						$(this).tooltip();
					});
					$(".agregarIcono").find("#Biblioteca").find(".thumbnail").find("img").each(function(){
						$(this).removeClass("image_picker_image");
						if($(this).width() > 64){
							$(this).closest("li").addClass("hide");
						}
						else{
							$(this).closest("li").removeClass("hide");
						}
						$(this).addClass("image_picker_image");
					})
				}
				else{
					ubicacion.find("#slBiblioteca").hide();
					ubicacion.find(".thumbnails").remove();
					ubicacion.find("#Biblioteca").append('<div id="dvWrBiblioteca" class="alert alert-warning" role="alert"> Aún no tienes ningúna imagen almacenada en tu biblioteca </div>');
				}
			},
			"json"
		);
	}
	function armarBiblioteca(arbol, ubicacion, insercion){
		var sidebar = "";
		var contenedor = "col-md-7";
		var upload = "col-md-5";
		if(arbol){
			sidebar = '<div class="col-xs-12 col-md-2"> \
				<div id="tree" class="treeview"></div> \
			</div>';
			contenedor = "col-md-6";
			upload = "col-md-4";
		}
		var cuerpoBiblioteca = '<div class="row"> \
			'+sidebar+' \
			<div class="col-xs-12 '+contenedor+'"> \
				<label>Selecciona una imagen de la biblioteca de imagenes</label> \
				<div class="form-group dvPixaBay" style="display: none;"> \
					<div class="input-group"> \
						<input type="text" id="txtBusquedaPixaBay" class="form-control" placeholder="Escriba su busqueda acá..." style="margin-bottom: 0px;"> \
						<span class="input-group-btn"> \
							<button id="btnBuscarPixaBay" class="btn btn-default" type="button" title="Buscar" data-procesando="0"> \
								<i class="fa fa-search"></i> \
							</button> \
						</span> \
					</div> \
					<span class="text-danger" id="errtxtBusquedaPixaBay"></span> \
				</div> \
				<div id="Biblioteca" style="height: 611px; overflow: auto;"> \
					<select id="slBiblioteca"> </select> \
				</div> \
				<div id="PaginacionPixaBay" class="dvPixaBay" style="display: none;"></div> \
				<input type="hidden" id="hdnTotalPagina" value="0"> \
			</div> \
			<div class="col-xs-12 '+upload+'"> \
				<form id="frmImagen"> \
					<div class="row"> \
						<div class="col-md-12"> \
							<label>Ó Sube tu imagen (Esta se almacenará en tu biblioteca y podras utilizarla cuantas veces quieras)</label> \
							<input type="file" name="flImagen" id="flImagen" accept="image/png, image/jpeg, image/gif"> \
							<span id="errflImagen" class="text-danger"></span> \
						</div> \
						<div class="col-md-12" style="padding-top: 10px;"> \
							<div class="alert alert-warning"> \
								<ul> \
									<li> Las imagenes no deben tener un tamaño mayor a 1MB </li> \
									<li> Solo aceptamos imagenes en formato JPG, PNG y GIF </li> \
								</ul> \
							</div> \
						</div> \
						<div class="col-md-12"> \
							<div class="form-group"> \
								<input type="hidden" name="hdnImagen" value=""> \
								<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearImagen"><i class="fa fa-upload"></i> Subir imagen </button> \
								<span id="errGenerico" class="text-danger"></span> \
							</div> \
						</div> \
					</div> \
				</form> \
			</div> \
		</div>';
		ubicacion.html(cuerpoBiblioteca);
		//CONFIGURACIÓN DEL MENÚ IZQUIERDO DE BIBLIOTECA -----------------------------------------------------------------------------
		if($.ezdz.isBrowserCompatible() === false){
			console.log('No ezdz for this browser. Standard input file only.');
		}
		else{
			ubicacion.find("#flImagen").ezdz({
				text: '<i class="fa fa-cloud-upload"></i> \
				<span class="spFlITitulo">Suelte el archivo a subir</span> \
				<span class="spFlITexto">o haga clic aquí</span>',
				validators: {
					maxSize: 1000000
				}
			});
		}
		//---------------------------------------------------------------------
		cargarImagenesBibliotecaPersonal(ubicacion);
	}
	function EliminarImagenBiblioteca(id){
		var id = id;
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmEliminar'> \
					<h2> Asegurate que ninguna de tus otras plantillas esté utilizando esta imágen pues al eliminarla de tu biblioteca dejará de mostrarse en todos los lugares donde hayas utilizado esta imágen. </h2> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Eliminar imágen de biblioteca",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			cssClass: "ModalEliminar",
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger",
				action: function(dialogItself){
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando...');
					$.post(
						"<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesClientesEliminar', array(Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id)); ?>",
						{id:id},
						function(data){
							dialogItself.close();
							$("#btnEliminar").prop("disabled", false).html("Eliminar");
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								cargarImagenesBibliotecaPersonal($(".modalCambiarImagenBGI").find(".Imagenes"));
							}
							else{
								if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							}
						},
						"json"
					);
				}
			}]
		});
	}
	function paginacionArchivos(ruta, pagina, elemento, confPaginacion){
		var ruta = ruta,
		pagina = pagina,
		elemento = elemento
		idC = "<?php echo $Cliente->id; ?>",
		busqueda = elemento.find(".txtBusquedaArchivo").val();
		$.post(
			ruta+"?page="+pagina,
			{idC: idC, accion: "buscar", busqueda: busqueda},
			function(data){
				if(confPaginacion){
					elemento.find(".dvPaginacion").twbsPagination({
						totalPages: data.last_page,
						visiblePages: 5,
						first: "|<",
						prev: "<",
						next: ">",
						last: ">|",
						onPageClick: function(event, page){
							paginacionArchivos(ruta, page, elemento, false);
						}
					});
				}
				elemento.find(".dvArchivos").html("");
				$.each(data.data, function(indice, archivo){
					if( archivo.extencion == "doc" ){
						var tipoArchivo = "fa fa-file-text-o";
					}
					else if( archivo.extencion == "xls" ){
						var tipoArchivo = "fa fa-file-excel-o";
					}
					else{
						var tipoArchivo = "fa fa-file-pdf-o";
					}
					var archivoStr = '<div class="col-xs-3 dvArchivo dvArchivo'+archivo.id+'" data-ruta-archivo="'+archivo.ruta+'" data-nombre-archivo="'+archivo.nombre+'"> \
						<div class="dvArchivo" style="cursor: pointer;"> \
							<a class="text-danger" href="javascript:EliminarArchivoBiblioteca('+archivo.id+')" title="Eliminar archivo de biblioteca"> \
								<i class="fa fa-trash"> </i> \
							</a> \
							<span class="'+tipoArchivo+'"> </span> \
							<br> \
							<span class="spNombreArchivo">'+archivo.nombre+'</span> \
						</div> \
					</div>';
					elemento.find(".dvArchivos").append(archivoStr);
					elemento.find(".dvArchivo").each(function(e){
						$(this).click(function(e){
							elemento.find(".dvArchivo").removeClass("seleccionado");
							$(this).addClass("seleccionado");
							elemento.parent().find('[name="hdnRutaImagenSeleccionada"]').val( $(this).attr("data-ruta-archivo") );
							elemento.parent().find('[name="hdnNombreImagenSeleccionada"]').val( $(this).attr("data-nombre-archivo") );
						});
					});
				});
			},
			"json"
		);
	}
	function EliminarArchivoBiblioteca(id){
		var id = id;
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmEliminarArchivo'> \
					<h2> Asegurate que ninguna de tus otras plantillas esté utilizando este documento pues al eliminarlo de tu biblioteca dejará de descargarse en todos los lugares donde lo hayas vinculado. </h2> \
					<input type='hidden' name='id' value='"+id+"'> \
					<input type='hidden' name='accion' value='eliminar'> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Eliminar archivo de biblioteca",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			cssClass: "ModalEliminar",
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger",
				action: function(dialogItself){
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando...');
					$.post(
						"<?php echo URL::route('SysWebPAterrizajeBibliotecaArchivosClientes', array(Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id)); ?>",
						$("#frmEliminarArchivo").serialize(),
						function(data){
							dialogItself.close();
							$("#btnEliminar").prop("disabled", false).html("Eliminar");
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								paginacionArchivos("<?php echo URL::route('SysWebPAterrizajeBibliotecaArchivosClientes', array($Cliente->id)); ?>", 1, $(".documentos").find(".dvBibliotecaArchivos"), true);
							}
							else{
								if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							}
						},
						"json"
					);
				}
			}]
		});
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
/*$("#pais").change(function(){
	if( $(this).val() != "" ){
		$(this).addClass("seleccionado");
		$("input[name='telefono']").intlTelInput("setCountry", $(this).val());
		var countryCode = $(this).val();
	}
	else{
		$(this).removeClass("seleccionado");
		$("#estado").removeClass("seleccionado");
	}
});
$("#estado").change(function(){
	if( $(this).val() != "" ){
		$(this).addClass("seleccionado");
	}
	else{
		$(this).removeClass("seleccionado");
	}
});*/
$("#pais").on("changed.bs.select", function (e, clickedIndex, isSelected, previousValue){
	var paisS = $(this).selectpicker("val");
	$("input[name='telefono']").intlTelInput("setCountry", paisS);
	var countryCode = paisS;
	$("#estado").selectpicker("refresh");
});
$("#estado").on("changed.bs.select", function (e, clickedIndex, isSelected, previousValue){
	// do something...
});
$('input[name="telefono"]').intlTelInput({
	utilsScript: "<?php echo asset('Intl-Tel-Input/17.0.3/js/utils.min.js'); ?>"
});
$('input[name="telefono"]').intlTelInput("setCountry", "<?php echo $Cliente->pais; ?>");
/*$(".subdominio").keypress(function(e){
	if(e.which === 32){
		return false;
	}
});*/
$(".subdominio").alphanum({
	allow: "-_1234567890",
	disallow: "",
	allowSpace: false,
	allowNumeric: true,
	allowUpper: false,
	allowLower: true,
	allowCaseless: false,
	allowLatin: true,
	allowOtherCharSets: false,
	forceUpper: false,
	forceLower: false,
	maxLength: 35
});
$("#frmPerfil").submit(function(e){
	e.preventDefault();
	$('input[name="telefono"]').val($('input[name="telefono"]').intlTelInput("getNumber"));
	$('[id^="err"]').html("");
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$("#btnGuardar").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	$(this).find("input").each(function(){
		var name = $(this).attr("name");
		if(name == "username" || name == "nombre_completo" || name == "correo_electronico" || name == "empresa" || name == "direccion" || name == "correo_notificacion"){
			$(this).val($(this).val().trim());
		}
	});
	$.post(
		"<?php echo URL::route('SysWebPerfil', array($Usuario->id)); ?>",
		$("#frmPerfil").serialize(),
		function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnGuardar").html("Guardar").prop("disabled", false);
			if(data.success){
				new PNotify({ title: "¡Felicidades!", text: data.mensaje, type: "success" });
				setInterval(function(){ window.location.reload(); }, 1000);
			}
			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"
	);
});
$("#AvatarPerfil").click(function(e){
	var mensaje = '<div class="row"> \
						<div id="modal"> \
							<div class="form-group"> \
								<label for="sltipo" class="tipo">Tipo de recorte</label> \
								<select class="form-control" id="sltipo"> \
									<option value="square">Recuadro</option> \
									<option value="circle">Circular</option> \
								</select> \
							</div> \
							<div class="titulos col-sm-12"><label for="original" class="original">Imagen original</label><label for="cut" class="cut-1">Previsualización</label> </div> \
							<div class="row"> \
								<div id="main-cropper" class="col-sm-4"></div> \
							</div> \
							<label for="cut" class="cut">Previsualización</label> \
							<div class="row"> \
								<div id="upload-demo-i" class="col-sm-4" ><div class="cr-viewport cr-vp-square vacio" style="width: 200px; height: 200px;"></div></div> \
							</div> \
							<div class="row"> \
								<div> \
									<a class="button actionUpload btn btn-primary">\
										<i class="fa fa-cloud-upload" aria-hidden="true"></i><span> Subir </span> \
										<input type="file" id="upload" value="Choose Image" accept="image/*"> \
									</a> \
									<input type="hidden" id="upload-hide" value="Choose Image" name="file"> \
									<button class="actionDone btn btn-success" style="display:none;"><i class="fa fa-floppy-o" aria-hidden="true"></i> Guardar</button> \
									<button class="actionCut btn btn-info"><i class="fa fa-scissors" aria-hidden="true"></i> Recortar</button> \
									<button class="actionCancel btn btn-danger"><i class="fa fa-trash-o" aria-hidden="true"></i> Cancelar</button> \
								</div> \
							</div> \
						</div>';
	BootstrapDialog.show({
		cssClass: "mdAvatar",
		title: "Cambiar avatar",
		message: mensaje,
		draggable: true,
		onshown: function(dialogRef){
			var tipeCut = "square";
			$(".actionCancel").prop("disabled", true);
			$("#sltipo").change(function(){
				tipeCut = $(this).val();
				var basic = $("#main-cropper").croppie({
					viewport: {
						width: 200,
						height: 200,
						type: tipeCut
					},
					boundary: { width: 250, height: 250 },
					enforceBoundary: false,
					enableExif: true,
					url: "http://lorempixel.com/500/400/",
				});
				$(".actionCancel").prop("disabled", true);
				$("#modal").find(".cr-boundary:first").remove()
				$("#modal").find(".cr-slider-wrap:first").remove()
				$(".actionCut").css({"display": "none" });
				$("#upload-demo-i").find("img").remove();
				$(".vacio").css({"display": "block"});
			});
			$("#upload-demo-i").css("border", "1px solid #ddd");
			var basic = $("#main-cropper").croppie({
				viewport: {
					width: 200,
					height: 200,
					type: tipeCut
				},
				boundary: { 
					width: 250, 
					height: 250 
				},
				enforceBoundary: false,
				enableExif: true,
				url: "http://lorempixel.com/500/400/",
				
			});
			function readFile(input){
				if(input.files && input.files[0]){
					var reader = new FileReader();
					reader.onload = function(e){
						$("#main-cropper").croppie("bind", {
							url: e.target.result,
						});
						$(".actionCancel").prop("disabled", false);
						$(".actionUpload").toggle();
						$("#sltipo").prop("disabled", true);
						$(".actionCut").css({"display": "inline-block"});
					}
					reader.readAsDataURL(input.files[0]);
				}
			}
			$(".actionUpload input").on("change", function(){
				readFile(this);
			});
			$(".actionDone").on("click", function(){
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				var actionDone = $(".actionDone").html();
				$(".actionDone").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
				basic.croppie("result", {
					type: "canvas",
					size: "viewport"
				}).then(function (resp){
					urltoFile(resp, "ImgAvatar.png", "image/png").then(function(file){
						file = file;
						formData.append("file", file);
						$.ajax({
							type: "POST",
							url: "<?php echo URL::route('SysWebCambiarAvatar', array($Usuario->id)); ?>",
							data: formData,
							cache: false,
							contentType: false,
							processData: false,
							dataType: "json",
							success: function(data){
								$(".actionDone").html(actionDone).prop("disabled", false);
								$.isLoading("hide"); NProgress.done();
								if(data.success){
									new PNotify({ title: "Realizado", text: "Tu imágen de avatar ha sido modificada exitosamente!", type: "success" });
									setTimeout( function(){ window.location.reload(); }, 3000 );
								}
								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(""); } });
								}
							},
							error: function(jqXHR, textStatus, errorThrown){
								new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
							}
						});

					});
				});
			});
			$(".actionCancel").on("click", function(){
				$(".actionDone").css({"display": "none"});
				$(".actionUpload").css({"display": "inline-block"});
				$(".actionCut").css({"display": "inline-block"});
				$(".vacio").css({"display": "block"});
				$("#sltipo").prop("disabled", false);
				$("#upload-demo-i").find("img").remove();
			})
			$(".actionCut").on("click", function(){
				$(".actionDone").css({"display": "inline-block"});
				$("#sltipo").prop("disabled", true);
				$(this).toggle();
				$(".actionUpload").css({"display": "none"});
				basic.croppie("result", {
					type: "canvas",
					size: "viewport"
				}).then(function (resp){
					$(".vacio").css({"display": "none"});
					html = '<img src="'+resp+'"/>';
					$("#upload-demo-i").append(html);
				});
			})
		}
	});
});

<?php if(Auth::user()->tipo == 'C'): ?>
$("#btnCambiarContra").click(function(e){
	e.preventDefault();
	var mensaje = '<form action="#" id="frmCambioContra"> \
						<div class="form-group"> \
							<div class="input-group"> \
								<span class="input-group-addon"> <i class="fa fa-lock"></i> </span> \
								<input type="password" class="form-control" placeholder="Contraseña actual" name="contrasenha_actual"></input> \
							</div> \
							<span class="text-danger" id="errcontrasenha_actual"> </span> \
						</div> \
						<div class="form-group"> \
							<div class="input-group"> \
								<span class="input-group-addon"> <i class="fa fa-lock"></i> </span> \
								<input type="password" class="form-control" placeholder="Contraseña nueva" name="contrasenha_nueva"></input> \
							</div> \
							<span class="text-danger" id="errcontrasenha_nueva"> </span> \
						</div> \
						<div class="form-group"> \
							<div class="input-group"> \
								<span class="input-group-addon"> <i class="fa fa-lock"></i> </span> \
								<input type="password" class="form-control" placeholder="Confirme contraseña nueva" name="confirmacion_contrasenha_nueva"></input> \
							</div> \
							<span class="text-danger" id="errconfirmacion_contrasenha_nueva"> </span> \
						</div> \
						<input type="hidden" value="<?php echo Auth::user()->id; ?>" name="uid"></input> \
					</form>';
	BootstrapDialog.show({
		cssClass: "mdAvatar",
		title: "Cambiar avatar",
		message: mensaje,
		draggable: true,
		buttons: [{
			id: "btnCambiar",
			label: "Cambiar",
			cssClass: "btn-default",
			action: function(dialogItself){
				$("#btnCambiar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
				$.post(
					"<?php echo URL::route('SysWebCambiarContrasenha'); ?>",
					$("#frmCambioContra").serialize(),
					function(data){
						$("#btnCambiar").prop("disabled", false).html("Enviar");
						if(data.success){
							new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
							dialogItself.close();
						}
						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"
				);
			}
		}]
	});
});
<?php endif; ?>

<?php
	$idCPadre = Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id;
	if( $Cliente->cliente_padre != '' ){ $idCPadre = $Cliente->cliente_padre; }
	$PSid = PagoSuscripcion::select('id')->where('clientes_id', '=', $idCPadre)->where('realizado', '=', 0)->where('tipo', '=', 'SP')->get();
?>
<?php if( Auth::user()->estado == 1 || ( Auth::user()->estado == 0 && Auth::user()->permiso_acceso != '' && count($PSid) > 0 ) ): ?>
$("#btnCancelarAcuerdoPP").click(function(){
	var mensaje = '<div class="row"> \
		<div class="col-md-12"> \
			<p> <strong> Al cancelar tu membresia en Sume clientes se borrara tu cuenta. </strong> </p> \
			<p style="font-weight: normal;"> Por favor confirma que estas de acuerdo con que al borrarse tu cuenta: </p> \
			<div class="ckbox ckbox-danger"> <input id="ch1" type="checkbox" class="chCancelar"> <label for="ch1">Ya no tendras acceso a tus listas de suscriptores</label> </div> \
			<div class="ckbox ckbox-danger"> <input id="ch2" type="checkbox" class="chCancelar"> <label for="ch2">Tus listas de suscriptores ya no recibirán ningún correo de secuencias de seguimientos ni campañas</label> </div> \
			<div class="ckbox ckbox-danger"> <input id="ch3" type="checkbox" class="chCancelar"> <label for="ch3">Tus formularios ligados a las listas de suscriptores dejarán de mostrarse en todos tus sitios web vinculados</label> </div> \
			<div class="ckbox ckbox-danger"> <input id="ch4" type="checkbox" class="chCancelar"> <label for="ch4">Las páginas de capturas dejarán de mostrarse</label> </div> \
			<div class="ckbox ckbox-danger"> <input id="ch5" type="checkbox" class="chCancelar"> <label for="ch5">Se perderan todos los datos estadisticos de tus pagianas de captura y envío de correos</label> </div> \
			<div class="ckbox ckbox-danger"> <input id="ch6" type="checkbox" class="chCancelar"> <label for="ch6">Perderás el alojamiento de tu sitio web y correos electrónicos</label> </div> \
			<div class="ckbox ckbox-danger"> <input id="ch7" type="checkbox" class="chCancelar"> <label for="ch7">Si has adquirido tu nombre de dominio con nosotros deberás contactarnos para transferirtelo</label> </div> \
		</div> \
	</div>';
	BootstrapDialog.show({
		cssClass: "mdCancelarSuscripcion",
		title: "¿Realmente quieres cancelar tu suscripción?",
		message: mensaje,
		draggable: true,
		type: BootstrapDialog.TYPE_DANGER,
		onshown: function(dialogRef){
			var chs = $(".chCancelar"), btnCancelarSuscripcion = $("#btnCancelarSuscripcion");
			chs.change(function(){
				btnCancelarSuscripcion.attr("disabled", chs.is(":not(:checked)"));
				if(chs.is(":not(:checked)")) {
					btnCancelarSuscripcion.addClass('disabled');
				}
				else {
					btnCancelarSuscripcion.removeClass('disabled');
				}
			});
		},
		buttons: [{
			id: "btnNoCancelarSuscripcion",
			label: "No cancelar la suscripción",
			cssClass: "btn-success",
			action: function(dialogItself) {
				dialogItself.close();
			}
		},
		{
			id: "btnCancelarSuscripcion",
			label: "Cancelar mi suscripción",
			cssClass: "btn-danger disabled",
			action: function(dialogItself) {
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				$("#btnCancelarAcuerdoPP").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
				$.get(
					"<?php echo URL::route('SysWebCancelarPagoRecurrente'); ?>",
					function(data){
						$.isLoading("hide"); NProgress.done();
						$("#btnCancelarAcuerdoPP").html("Cancelar suscripción").prop("disabled", false);
						$("#btnCancelarSuscripcion").html("Cancelar mi suscripción").prop("disabled", false);
						if(data.success){
							new PNotify({ title: "Suscripción cancelada", text: data.mensaje, type: "success" });
							dialogItself.close();
							setTimeout( function(){ window.location.reload(); }, 3000 );
						}
						else{
							setTimeout( function(){ window.location.reload(); }, 3000 );
						}
					},
					"json"
				);
			}
		},
		{
			id: "btnContactarSoporte",
			label: "Contactar soporte",
			cssClass: "btn-info",
			action: function(dialogItself){
				dialogItself.close();
				$("#livechat-compact-view").contents().find("#operator_avatar").click();
			}
		}]
	});
});
<?php endif; ?>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>