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

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

<style type="text/css">
	.mdAvatar .modal-dialog .modal-content .modal-header{ background-color: #363B3F; }
	/*.dz-max-files-reached {background-color: red};*/
</style>
<?php $__env->stopSection(); ?>


<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2> 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); ?>" id="AvatarPerfil">
						<?php else: ?>
						<img alt="Avatar" class="img-circle" src="<?php echo asset('SysWeb/SumeClientes/silueta.jpg'); ?>" 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 /*<div class="account-status-data">
				<div class="row">
					<div class="col-md-4">
						<h5><strong>2,173</strong> Posts</h5>
					</div>
					<div class="col-md-4">
						<h5><strong>14</strong> Following</h5>
					</div>
					<div class="col-md-4">
						<h5><strong>100</strong> Followers</h5>
					</div>
				</div>
			</div>*/ ?>
			<?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; ?>
			<?php /*<form action="http://riaxe.com/file/post" class="dropzone">
				<div class="fallback">
					<input name="file" type="file" multiple />
				</div>
			</form>*/ ?>
			<?php /*<h5>CONNECTION</h5>
			<div id="social">
				<a title="Facebook" data-toggle="" href="#">
					<span class="fa-stack fa-lg">
						<i class="fa fa-circle facebook fa-stack-2x"></i>
						<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
					</span>
				</a>
				<a title="Twitter" data-toggle="tooltip" href="#">
					<span class="fa-stack fa-lg">
						<i class="fa fa-circle twitter fa-stack-2x"></i>
						<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
					</span>
				</a>
				<a title="Google Plus" data-toggle="tooltip" href="#">
					<span class="fa-stack fa-lg">
						<i class="fa fa-circle gplus fa-stack-2x"></i>
						<i class="fa fa-google-plus fa-stack-1x fa-inverse"></i>
					</span>
				</a>
				<a title="Tumblr" data-toggle="" href="#">
					<span class="fa-stack fa-lg">
						<i class="fa fa-circle tumblr fa-stack-2x"></i>
						<i class="fa fa-tumblr fa-stack-1x fa-inverse"></i>
					</span>
				</a>
				<a title="" data-toggle="" href="#" data-original-title="Linkedin">
					<span class="fa-stack fa-lg">
						<i class="fa fa-circle linkedin fa-stack-2x"></i>
						<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
					</span>
				</a>
			</div>*/ ?>
		</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> Direccion </strong> <br>
							<?php if($Cliente->direccion != ''): ?> <?php echo $Cliente->direccion; ?> <?php else: ?> -- <?php endif; ?>
						</address>
						<address>
							<strong> Pais </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>
					</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="form-control crs-country" 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,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" ></select>
								<span class="text-danger" id="errpais"> </span>
							</div>
							<div class="form-group">
								<label for="estado">Estado</label>
								<select class="form-control" id="estado" name="estado" data-blank-option="Seleccione un estado" data-default-option="Seleccione un estado" data-default-value="<?php echo $Cliente->estado; ?>"></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>
							<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('country-region-selector/crs.min.js'); ?>

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

<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$("#frmPerfil").submit(function(e){
	e.preventDefault();
	$('[id^="err"]').html("");
	$("#btnGuardar").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	$.post(
		"<?php echo URL::route('SysWebPerfil', array($Usuario->id)); ?>",
		$("#frmPerfil").serialize(),
		function(data){
			$("#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 = '<form action="#" class="dropzone" id="frmAvatar"> \
						<div class="fallback"> \
							<input name="file" type="file"> \
						</div> \
					</form>';
	BootstrapDialog.show({
		cssClass: "mdAvatar",
		title: "Cambiar avatar",
		message: mensaje,
		draggable: true,
		onshown: function(dialogRef){
			$("#frmAvatar").dropzone({
				url: "<?php echo URL::route('SysWebCambiarAvatar', array($Usuario->id)); ?>",
				maxFiles: 1,
				acceptedFiles: "image/jpeg,image/png",
				accept: function(file, done) {
					new PNotify({ title: "¡Felicidades!", text: "Avatar cambiado exitosamente", type: "success" });
					done();
					//dialogItself.close();
					setTimeout( function(){ window.location.reload(); }, 3000 );
				},
				init: function() {
					this.on("maxfilesexceeded", function(file){
						alert("No more files please!");
						new PNotify({ title: "Error", text: "No puedes subir más de 1 archivo", type: "error" });
					});
				}
			});
		}
	});
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>