@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') }}
@stop


@section('Contenido')
<div class="row">
	<div class="col-md-12">
		{{-- <h2><i class="fa fa-users"></i> Administración de cuentas </h2> --}}
		<h2><i class="fa fa-plus-circle"></i> Administración de proyectos </h2>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			{{-- <div class="header"> <h3 class="content-header"> Agregar cuenta </h3> </div> --}}
			<div class="header"> <h3 class="content-header"> Agregar proyecto </h3> </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => 'SysWebPerfilCuentasAgregar', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmAgregar', 'files' => true, 'target' => 'upload_iframe')) }}
					<fieldset>
						<legend> Datos de acceso a la plataforma </legend>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Usuario de acceso </label>
							<div class="col-sm-9">
								{{ Form::text('username', '',  array('class' => 'form-control', 'placeholder' => '')) }}
								<span class="text-danger" id="errusername"> </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('email', '',  array('class' => 'form-control', 'placeholder' => '')) }}
								<span class="text-danger" id="erremail"> </span>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Contraseña </label>
							<div class="col-sm-9">
								<input type="password" name="contrasenha" class="form-control">
								<span class="text-danger" id="errcontrasenha"> </span>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Confirmar contraseña </label>
							<div class="col-sm-9">
								<input type="password" name="contrasenha2" class="form-control">
								<span class="text-danger" id="errcontrasenha2"> </span>
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend> Datos de la empresa </legend>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Nombre </label>
							<div class="col-sm-9">
								{{ Form::text('empresa', '',  array('class' => 'form-control', 'placeholder' => '')) }}
								<span class="text-danger" id="errempresa"> </span>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Títular </label>
							<div class="col-sm-9">
								{{ Form::text('nombre_completo', '',  array('class' => 'form-control', 'placeholder' => '')) }}
								<span class="text-danger" id="errnombre_completo"> </span>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Teléfono </label>
							<div class="col-sm-9">
								{{ Form::text('telefono', '',  array('class' => 'form-control inTelIn', 'placeholder' => 'Teléfono')) }}
								<span class="text-danger" id="errtelefono"> </span>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Pais </label>
							<div class="col-sm-9">
								<select class="selectpicker form-control crs-country" id="pais" name="pais" data-region-id="estado" data-default-value="{{ $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"  data-live-search="true" ></select>
								<span class="text-danger" id="errpais"> </span>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Estado/Provincia/Departamento </label>
							<div class="col-sm-9">
								<select class="selectpicker form-control" id="estado" name="estado" data-blank-option="Seleccione un estado" data-default-option="Seleccione un estado" data-default-value="{{ $Cliente->estado }}"  data-live-search="true"></select>
								<span class="text-danger" id="errestado"> </span>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Dirección </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="form-group">
							<label class="col-sm-3 control-label"> Zona horaria </label>
							<div class="col-sm-9">
								{{ 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>
						</div>
												<div class="form-group">
							<label class="col-sm-3 control-label"> Moneda </label>
							<div class="col-sm-9">
								<select name="moneda" id="moneda" class="form-control selectpicker" data-live-search="true">
									<option @if( $Cliente->codigo_moneda == '' ) selected @endif value="">Seleccione su moneda local...</option>
									@foreach( $monedas as $codigo => $simbolo )
									<option value="{{ $codigo }}-{{ $simbolo }}" @if($Cliente->codigo_moneda == $codigo) selected @endif> {{ $simbolo }} - {{ $codigo }} </option>
									@endforeach
								</select>
								<span class="text-danger" id="errmoneda"> </span>
							</div>
						</div>
					</fieldset>
					<div class="bottom">
						{{ Form::button('Guardar', array('class' => 'btn btn-primary', 'id' => 'btnAgregar', 'type' => 'submit')) }}
						{{ HTML::linkRoute('SysWebPerfilCuentas', 'Cancelar', array($Usuario->id), array('class' => 'btn btn-default')) }}
					</div>
				{{ Form::close() }}
		</div>
		
	</div>
</div><!--/row end-->
@stop

@section('JS')
{{ HTML::script('bootstrap-select/js/bootstrap-select.min.js') }}
{{ HTML::script('Intl-Tel-Input/17.0.3/js/intlTelInput-jquery17-0-16.min.js') }}
{{ HTML::script('country-region-selector/crs.min.js') }}
@stop

@section('JSOr')
$('input[name="telefono"]').intlTelInput({
	utilsScript: "{{ asset('Intl-Tel-Input/17.0.3/js/utils17-0-16.min.js') }}"
});
$('input[name="telefono"]').addClass("inTelIn");
$('input[name="telefono"]').closest(".iti").css("width","-webkit-fill-available");
$('input[name="telefono"]').intlTelInput("setCountry", "{{ $Cliente->pais }}");
$("#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");
});
$("#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();
	var frmAgregar = new FormData(document.getElementById("frmAgregar"));
	$.ajax({
		type: "POST",
		url: "{{ URL::route('SysWebPerfilCuentasAgregar', array($Usuario->id)) }}",
		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('SysWebPerfilCuentas', array($Usuario->id)) }}"; }, 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