@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
{{ HTML::style('Intl-Tel-Input/17.0.3/css/intlTelInput.min.css') }}
<style>
	.iti {
		display: block;
	}
</style>
@stop

@section('Contenido')
<div class="row">
	<div class="col-md-12">
		<h2><i class="icons-web-site" style="font-size: 30px !important;"></i> Sitio Web </h2>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Agregar usuario de sitio web </h3> </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => 'SysWebSWebUsuariosAgregar', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmAgregar', 'files' => true, 'target' => 'upload_iframe')) }}
					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre de usuario </label>
						<div class="col-sm-9">
							{{ Form::text('nombre_de_usuario', '',  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errnombre_de_usuario"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Correo electrónico </label>
						<div class="col-sm-9">
							{{ Form::text('correo_electronico', '',  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errcorreo_electronico"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Contraseña </label>
						<div class="col-sm-9">
							<div class="input-group">
								{{ Form::text('contrasenha', '',  array('class' => 'form-control', 'placeholder' => '')) }}
								<span class="input-group-btn"><button type="button" class="btn btn-primary btn-alt-pass"><span class="fa fa-key sp-generar-pass tooltips" data-toggle="tooltip" data-original-title="Generar contraseña" title="Generar contraseña"></span></button></span>
							</div>
							<span class="text-danger" id="errcontrasenha"> </span>
						</div>
					</div>
					<div class="form-group">
						<label for="slEtiquetas" class="col-sm-3 control-label"> Etiquetas a asignar </label>
						<div class="col-sm-9">
							<select class="form-control selectpicker" data-live-search="true" multiple data-selected-text-format="count" title="Seleccione las etiquetas a asociar..." id="etiquetas" name="etiquetas[]"> \
								@foreach( $Etiquetas as $Etiqueta )
									<option class="{{ $Etiqueta->id }}" value="{{ $Etiqueta->id }}">{{ $Etiqueta->nombre }}</option>
								@endforeach
							</select>
							<span class="text-danger" id="erretiquetas"> </span>
							<div id="dvEtiquetas" style="padding-top: 10px;"></div>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Teléfono (opcional) </label>
						<div class="col-sm-9">
							{{ Form::text('telefono', '',  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errtelefono"> </span>
						</div>
					</div>
					<div class="form-group">
						<label  class="col-sm-3 control-label"> Pais (opcional) </label>
						<div class="col-sm-9">
							<select class="form-control crs-country seleccionado" id="pais" name="country" 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="{{ $Cliente->pais }}">
							</select>
							<span id="errcountry" class="text-danger"></span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Estado/Provincia/Depertamento (opcional) </label>
						<div class="col-sm-9">
							<select class="form-control" id="estado" name="estado" data-blank-option="Seleccione su estado" data-default-option="Seleccione su estado/provincia/departamento" style="font-size: 13px; padding: 7.5px 11px !important;">
							</select>
							<span id="errestado" class="text-danger"></span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Ciudad (opcional) </label>
						<div class="col-sm-9">
							{{ Form::text('ciudad', '',  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errciudad"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Codigo postal (opcional) </label>
						<div class="col-sm-9">
							{{ Form::text('postal', '',  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errpostal"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Dirección (opcional) </label>
						<div class="col-sm-9">
							{{ Form::text('direccion', '',  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errdireccion"> </span>
						</div>
					</div>
					<div class="bottom">
						{{ Form::button('Agregar', array('class' => 'btn btn-primary', 'id' => 'btnAgregar', 'type' => 'submit')) }}
						{{ HTML::linkRoute('SysWebSWebUsuarios', 'Cancelar', array(), array('class' => 'btn btn-default')) }}
					</div>
				{{ Form::close() }}
		</div>
		
	</div>
</div><!--/row end-->
@stop

@section('JS')
{{-- HTML::script('WebPro/plugins/ckeditor-new/ckeditor.js') --}}
{{ HTML::script('Alphanum/jquery.alphanum.min.js') }}
{{ HTML::script('bootstrap-select/js/bootstrap-select.min.js') }}
{{ HTML::script('bootstrap-select/js/i18n/defaults-es_CL.min.js') }}
{{ HTML::script('Intl-Tel-Input/17.0.3/js/intlTelInput-jquery17-0-16.min.js') }}
<script>
	function makeKey(length) {
		var result           = '';
		var characters       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
		var charactersLength = characters.length;
		for ( var i = 0; i < length; i++ ) {
			result += characters.charAt(Math.floor(Math.random() * charactersLength));
		}
		return result;
	}
</script>
@stop

@section('JSOr')
$('[name="telefono"]').intlTelInput({
	utilsScript: "{{ asset('Intl-Tel-Input/17.0.3/js/utils17-0-16.min.js') }}"
});
setTimeout(function(){
	$('[name="country"]').selectpicker();
	$('[name="estado"]').selectpicker();
},500)
$('[name="country"]').change(function(){
	setTimeout(function(){
		$('[name="estado"]').selectpicker("refresh");
	},500)
});
$(".btn-alt-pass").on("click", function(){
	$('[name="contrasenha"]').val(makeKey(8));
});
$('[name="telefono"]').intlTelInput("setCountry", "{{ $Cliente->pais }}");
$("#frmAgregar").submit(function(e){
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$("#btnAgregar").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	e.preventDefault();
	$(this).find("input").each(function(){
		$(this).val($(this).val().trim());
	});
	var frmAgregar = new FormData(document.getElementById("frmAgregar"));
	$.ajax({
		type: "POST",
		url: "{{ URL::route('SysWebSWebUsuariosAgregar', array()) }}",
		data: frmAgregar,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnAgregar").html("Guardar").prop("disabled", false);
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "{{ URL::route('SysWebSWebUsuarios') }}"; }, 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" });
		}
	});
});
@stop