@extends('templates/integracao')
@section('styles')
<style type="text/css">
/* Absolute Center Spinner */
.loading {
position: fixed;
z-index: 999;
height: 2em;
width: 2em;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

/* Transparent Overlay */
.loading:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
/* hide "loading..." text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}

.loading:not(:required):after {
content: '';
display: block;
font-size: 10px;
width: 1em;
height: 1em;
margin-top: -0.5em;
-webkit-animation: spinner 1500ms infinite linear;
-moz-animation: spinner 1500ms infinite linear;
-ms-animation: spinner 1500ms infinite linear;
-o-animation: spinner 1500ms infinite linear;
animation: spinner 1500ms infinite linear;
border-radius: 0.5em;
-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
0% {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
</style>
@endsection
@section('conteudo')
<div class="container-contact2">
	<div class="wrap-contact2" style="width: 95%;">
		<div class="" id="loading"></div>
		<h4 align="center">Integração AdvogarWeb - AdvogarMobile</h4>
		<p align="center">Pesquisar usuário</p>
		<div class="form-group">
			<div class="wrap-input2 validate-input col-md-12" data-validate="Nome é obrigatório">
				<input class="input2" type="email" name="email" id="email">
				<span class="focus-input2" data-placeholder="Digite o e-mail do usuário"></span>
			</div>
			<div class="container-contact2-form-btn">
				<div class="wrap-contact2-form-btn">
					<div class="contact2-form-bgbtn"></div>
					<button class="contact2-form-btn" id="pesquisar">
						Pesquisar
					</button>
				</div>
			</div>
			<br>
			<div class="content" id="conteudo"></div>
			<div id="div-alterar"></div>
		</div>
	</div>
</div>
@endsection
@section('javascript')
<script type="text/javascript">
	function isEmail(email) {
	  var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	  return regex.test(email);
	}
	function getInformacaoUsuario(email)
	{
		$('#loading').attr('class', 'loading');
	    $.ajax({
	        url: '{{url("api/getdadosusuarioadvogarmobile")}}/' + encodeURIComponent(email),
	        crossDomain: true,
	        dataType: 'json',
	        success: function(response) {
	            if (response.status)
	            {
	            	var advogado = response.data.advogado;
	            	
	            	$('#div-alterar').html(`
	            		<a id="alterar" onclick="alterarParaAdvogarWeb(`+ advogado.id +`)">
							<div class="container-contact2-form-btn">
								<div class="wrap-contact2-form-btn">
									<div class="contact2-form-bgbtn"></div>
									<button class="contact2-form-btn btn-info">
										Alterar para AdvogarWeb
									</button>
								</div>
							</div>
						</a>
	            	`);

	             	$('#conteudo').html(`<table class="table table-responsive">
					  <thead>
					    <tr>
					      <th scope="col">#</th>
					      <th scope="col">Nome</th>
					      <th scope="col">E-mail</th>
					      <th scope="col">UF</th>
					      <th scope="col">OAB</th>
					      <th scope="col">Origem</th>
					      <th scope="col">STATUS ASSINATURA</th>
					      <th scope="col">ID assinatura</th>
					    </tr>
					  </thead>
					  <tbody>
					    <tr>
					      <th scope="row">`+ advogado.id +`</th>
					      <td>`+ advogado.nome +`</td>
					      <td>`+ advogado.email +`</td>
					      <td>`+ advogado.uf +`</td>
					      <td>`+ advogado.oab +`</td>
					      <td>`+ advogado.origem +`</td>
					      <td>`+ advogado.status_assinatura +`</td>
					      <td>`+ advogado.id_assinatura +`</td>
					    </tr>
					  </tbody>
					</table>
					`);

	            }else
	            {
	            	$('#div-alterar').html('');
	                $('#conteudo').html('<div class="alert alert-warning h4 text-center">' + response.data.message + '</div>');
	            }
	            $('#loading').attr('class', '');
	        }
	    });
	}
	$('#pesquisar').click(function(){
		var email = $('#email').val();
		if (isEmail(email))
		{
			getInformacaoUsuario(email)
		}else{
			alert('Digite um e-mail válido.');
		}
	});

	function alterarParaAdvogarWeb(idadvogado)
	{
		$('#loading').attr('class', 'loading');
		var id_advogado = idadvogado;
		$.post("{{url('api/alteraradvogadoparaadvogarweb')}}", {
			id_advogado: id_advogado,
			api_key: 'OTg4MzQ2ODEwNzk2NzExODM1MDA3MjgzNzI4MzIzaDNqMmgzajJoM2oyY2RzY2RrY3Nkag==',
			_token: '{{csrf_token()}}'
		}, function(result){
			alert(result);
			console.log(result);
	        resultJson = $.parseJSON(result);
	        console.log(resultJson);
	        $('#loading').attr('class', '');
	    });

	}
</script>
@endsection