@extends('layouts.panel')

@section('body')
	<h4 class="lead">Próximos passos</h4>
	<p> Não sabe o que fazer a seguir? Então dê uma olhada nos passos abaixo. </p>
	<div class="row">
		<div class="col-md-2">
			<span class="count-step"> 1. </span>
			Pague sua assinatura pelo <b>PagSeguro</b> e enviaremos um código de ativação no email cadastrado.<a target="_blank" href="{{ str_replace('%23', '#', URL::route('index.getIndex', '#proteger-imei')) }}"></a> 
			<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form action="https://pagseguro.uol.com.br/checkout/v2/payment.html" method="post" onsubmit="PagSeguroLightbox(this); return false;">
<!-- NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO -->
<input type="hidden" name="code" value="67E3C23FC2C201E224D0EF9AB327DC94" />
<input type="hidden" name="iot" value="button" />
<input type="image" src="https://stc.pagseguro.uol.com.br/public/img/botoes/pagamentos/209x48-comprar-preto-assina.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<script type="text/javascript" src="https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js"></script>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO -->
		</div>
		<div class="col-md-3">
			<span class="count-step"> 2. </span>	
			Clique em "<b>MEUS DADOS</b>"   e informe os dados que você quer  deixar publico na página no momento da validação.
		</div>
		<div class="col-md-2">
			<span class="count-step"> 3. </span>
			Clique em "<b>MINHAS ASSINATURAS</b>" para cadastrar sua conta OFFZAP. Nesse item você irá inserir sua foto, nome e CPF que será usado para verificar que você é um assinante OFFZAP ativo.
		</div>
		<div class="col-md-3">
			<span class="count-step"> 4. </span>
			Clique em "Salvar informações" no fim na página para cadastrar sua assinatura. Uma nova opção se tornara disponível abaixo de sua foto "<b>ATIVAR ASSINATURA</b>" onde você vai inserir o código de ativação.
		</div>
		<div class="col-md-2">
			<span class="count-step"> 5. </span>
			<b>PARABÉNS! AGORA VOCÊ É UM ASSINANTE OFFZAP </b>! Desfrute de todas as ofertas disponíveis em nossa rede credenciada.
		</div>
	</div>
	<h4 class="lead">Suas Assinaturas</h4>
	<div style="overflow: auto">
		@foreach($tags as $tag)
			<a href="{{ URL::route('index.getProfile', strtolower($tag->code)) }}" target="_blank" class="tag">
				<p>Válido até<br>{{ $tag->expires_at }} </p>
				{{ 	
					QrCode::encoding('ASCII')
						->errorCorrection('L')
						->size(200)
						->margin(1)
						->generate(URL::route('index.getProfile', strtolower($tag->code))) 
				}}
				{{ $tag->code }}
				<p style="font-size: 16px"> <strong>{{ $tag->name }}</strong> </p>
			</a>
		@endforeach
		@if(count($tags) == 0)
			<p> Você não tem nenhuma assinatura cadastrada até o momento... :-( </p>
		@endif
	</div>
@stop