@extends('/frame')
@section('title', 'Meu Perfil')
@section('script')
<script type="text/javascript">
//<![CDATA[
$(function ()
{
	@if(session()->has('sucesso'))
		FecharJanela({!! ($_acao=='CRIAR' ? "'.','.'" : "'!'") !!});
	@endif
	IniciarAjaxSubmit({!! ($_acao=='CRIAR' ? "'.','.'" : "'!'") !!});
	IniciarMascaras();
	IniciarTela('<i class="fa fa-male fa-fw"></i> {{ IN::Enabled(($_acao=='ALTERAR' ? 'Alterar' : 'Novo'),'Ver') }} Meu Perfil',blade({!! $_opcoes !!}));
	MostrarDetalhe();
});

function IniciarMascaras()
{
	$(':input[name^="telefone"]').mask("(99) 9999-9999?9").focusout(function()
	{
		var phone, element;
		element = $(this);
		element.unmask();
		phone = element.val().replace(/\D/g, '');
		if(phone.length > 10) {
			element.mask("(99) 99999-999?9");
		} else {
			element.mask("(99) 9999-9999?9");
		}
	}).trigger('focusout');
}

function AbrirAjuda()
{
	var Steps = [
		{
			element: '.superior',
			intro: "Estes são os dados que você tem no seu perfil.",
		},
	].concat(parent.AjudaEditarMeuPerfil());

	ExecutarAjuda(Steps);
}
//]]>
</script>
@endsection
@section('conteudo')
{!! IN::Hidden('a',$_acao); !!}
<div class="campos metade">
	@if($extra->duplicarBotoes())
		<div id="MaisBotoes"></div>
	@endif
	<fieldset class="bl g-l g-24-0">
		<legend>Identificação</legend>
		<div class="group-x">
			<div id="TelaLogin" class="form-group g-l-x g-12-2 gp-24-2">
				<label>
					Login: *
					<span class="duvida">?<span>Identificação única dentro do sistema.</span></span>
				</label>
				{!! IN::Text('login',$login ?? '',190,['Leitura' => 'S']) !!}
			</div>
			<div class="limpar"></div>
			<div id="TelaNome" class="form-group">
				<label>
					Nome: *
					<span class="duvida">?<span>Este nome será mostrado dentro do sistema e na tela, use o nome como é conhecido.</span></span>
				</label>
				{!! IN::Text('nome',$nome ?? '',190) !!}
			</div>
			<div id="TelaNomeCompleto" class="form-group">
				<label>Nome completo:</label>
				{!! IN::Text('nome_completo',$nome_completo ?? '',190) !!}
			</div>
			<div id="TelaEmail" class="form-group">
				<label>
					E-mail: *
					<span class="duvida">?<span>E-mail usando para comunicados do sistema, como no caso de esquecimento da senha.</span></span>
				</label>
				{!! IN::Text('email',$email ?? '',190) !!}
			</div>
			<div id="TelaCelular" class="form-group g-l-x">
				<label>
					Celular (com DDI):
				</label>
				+{!! IN::Text('ddi',$ddi ?? '55',3,['Complemento' => 'style="width:50px;margin-right:5px;"']) !!}{!! IN::Text('telefone',$telefone ?? '',20,['Complemento' => 'style="width:120px;"']) !!}
			</div>
			<div id="TelaTelefone2" class="form-group g-l-x">
				<label>Telefone fixo:</label>
				{!! IN::Text('telefone2',$telefone2 ?? '',20,['Complemento' => 'style="width:150px;"']) !!}
			</div>
			<div id="TelaTelefone3" class="form-group g-l-x">
				<label>Telefone alternativo:</label>
				{!! IN::Text('telefone3',$telefone3 ?? '',20,['Complemento' => 'style="width:150px;"']) !!}
			</div>
		</div>
	</fieldset>
	<div id="Botoes" class="botoes">
		{!! IN::Enabled($extra->botao('Salvar')) !!}
		{!! $extra->botao('Ajuda') !!}
		{!! $extra->botao('Fechar') !!}
	</div>
</div>
@endsection