{% extends 'base.html.twig' %}
{% block title %}
{{ parent() }}
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script src="{{ asset('bundles/applicationinternitcontent/js/jquery.mask.js') }}"></script>
<script src="{{ asset('bundles/applicationinternitcontent/js/format-form.js') }}"></script>
<script src="{{ asset('bundles/applicationinternitcontent/js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('bundles/applicationinternitcontent/js/geral.js') }}"></script>
<script>
$(document).ready(function() {
const realEstateOptions = $('.js-real-estate-options option').toArray().map(elem => elem.innerText);
$('#imobiliaria').autocomplete({
minLength: 0,
source: realEstateOptions,
appendTo: '#real-estate-suggestions',
}).focus(function() {
$(this).autocomplete('search');
});
// corretor de imobiliária ou autônomo
$('.cadastro-corretor .js-realtor-option').change(function() {
if ($(this).is(':checked')) {
let option = $(this).val();
if (option == 'corretor-autonomo') {
// esta linha sinaliza ao backend que a imobiliária do corretor é "Imobiliária Autônoma"
$('#imobiliaria').hide().val('').removeAttr('required');
}
else if (option == 'corretor-de-imobiliaria') {
$('#imobiliaria').show().attr('required', true);
}
}
})
.trigger('change');
$('#cadastro-corretor').submit(function() {
let realEstateOptions = $('.js-real-estate-options option').toArray();
let imobiliaria = $('#imobiliaria').val();
if (imobiliaria) {
let chosenRealEstate = realEstateOptions.find(function(elem) {
return elem.innerText.replace(/\n/g, '').toLowerCase() === imobiliaria.replace(/\n/g, '').toLowerCase();
});
return chosenRealEstate;
}
return true;
});
// este trecho é para tratar redirecionamentos vindos do assistente virtual quando
// um usuário deseja se cadastrar na construtora como corretor autônomo ou imobiliária.
// Dependendo do parâmetro de consulta modaltab da url, abre o formulário de cadastro apropriado.
const modaltab = '{{ modaltab }}';
if (modaltab != '') {
// 1 - corretor autônomo; 2 - imobiliária
const tabId = (modaltab == '1' ? 'tab-1' : 'tab-2');
$('#myModal').modal('toggle');
$('#myModal').find(`.tab-link[data-tab=${tabId}]`).click();
// nome, e-mail e telefone
const chatbotData = JSON.parse('{{ chatbotData|raw }}');
// populando o form
const form = $(`#myModal #${tabId} form`);
form.find('[name="email"]').val(chatbotData.email);
form.find('[name="phone"]').val(chatbotData.telefone);
// liga a opção de corretor autônomo
if (tabId == 'tab-1') {
form.find('[name="firstName"]').val(chatbotData.nome);
form.find('#corretor-autonomo').click();
}
else if (tabId == 'tab-2') {
form.find('[name="name"]').val(chatbotData.nome);
}
}
});
</script>
{% endblock %}
{% block stylesheets %}
{{ parent() }}
<link rel="stylesheet" href="{{ asset('bundles/applicationinternitcontent/css/jquery-ui.min.css') }}">
{% endblock %}
{% block menu %}
<header class="header">
<div class="links-cadastro">
<div class="link cadastro-corretor">
<button type="button" class="btn btn-corretor btn-info btn-lg" data-toggle="modal" data-target="#myModal"><i class="far fa-user"></i> Cadastro Corretor</button>
</div>
<div class="link cadastro-imobiliario">
<button type="button" class="btn btn-imob btn-info btn-lg" data-toggle="modal" data-target="#myModal"><i class="far fa-building"></i> Cadastro Imobiliário</button>
</div>
</div>
<div class="icon">
<a href="javascript:void(0);">
<i class="fa fa-bars"></i>
</a>
</div>
<nav id="navbar" class="navbar navbar-expand-xl">
<div class="container">
{% if builder is defined and builder is not empty %}
<a class="navbar-brand" href="/">
{% thumbnail builder.logo, 'front_home' with {'class': 'realEstate_logo'} %}
</a>
{% endif %}
<div class="collapse navbar-collapse" id="menu">
<ul class="navbar-nav mr-auto">
<li class="nav-item active" data-toggle="modal" data-target="#myModal">
<a class="nav-link" href="#">Venda Conosco<span class="sr-only">(página atual)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#main-recursos">Recursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#main-contato">Fale Conosco</a>
</li>
<li class="nav-item cadastro-mob" data-toggle="modal" data-target="#myModal">
<a class="nav-link" href="#">Cadastre-se</a>
</li>
</ul>
<ul class="menu-cliente">
<form method="post" class="form-login" action="admin/login_check">
<input type="text" placeholder="Usuário" name="_username" required>
<div>
<input type="password" placeholder="Senha" name="_password" required>
<a href="admin/resetting/request">Esqueci a Senha</a>
</div>
<li class="nav-item last-menu">
<button class="nav-link">Entrar</button>
</li>
</form>
</ul>
</div>
</div>
</nav>
<div class="alerta-form">
{% for flashMessage in app.session.flashbag.get('flash_create_success') %}
<div class="caixa-resposta">
<div class="resposta active" id="r-sucess">
<i class="far fa-check-circle"></i>
<p>{{ flashMessage }}</p>
</div>
</div>
{% endfor %}
{% for flashMessage in app.session.flashbag.get('flash_create_error') %}
<div class="caixa-resposta">
<div class="resposta active" id="r-error">
<i class="far fa-times-circle"></i>
<p>{{ flashMessage }}</p>
</div>
</div>
{% endfor %}
</div>
</header>
{% endblock %}
{% block modal %}
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="tabs-container">
<ul class="tabs menu-tab">
<li class="tab-link btn-corretor upper" data-tab="tab-1">Cadastro Corretor</li>
<li class="tab-link btn-imob last upper" data-tab="tab-2">Cadastro Imobiliária</li>
</ul>
<div id="tab-1" class="tab-content current btn-corretor">
<form class="cadastro cadastro-corretor" id="cadastro-corretor" action="/submitUser" method="post" >
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" id="nomeimput" name="firstName" placeholder="Nome Completo" required>
</div>
<div class="form-group">
<input type="date" class="form-control" id="emailimput" name="birthDay" placeholder="Data de Nascimento" title="Data de Nascimento" required>
</div>
<div class="form-group">
<input type="tel" class="form-control phone_with_ddd" id="telimput" name="phone" placeholder="Telefone" required>
</div>
<div class="form-group">
<input type="text" class="form-control" id="creci" name="creci" placeholder="CRECI" required>
</div>
<div class="form-group">
<input type="text" class="form-control" id="imobiliaria" name="realEstateName" placeholder="Imobiliária">
<div id="real-estate-suggestions"></div>
</div>
<div class="form-group">
<select class="js-real-estate-options" style="display: none" name="realEstateId">
{% for realEstate in data %}
<option value="{{ realEstate.id }}">{{ realEstate.name }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control cpf" id="cpf" name="cpf" placeholder="CPF" required>
</div>
<div class="form-group">
<select class="select select-genero" name="genre" id="select" required>
<option value="">Gênero</option>
<option value="Masculino">Masculino</option>
<option value="Feminino">Feminino</option>
<option value="outro">Outros</option>
</select>
</div>
<div class="form-group">
<input type="email" class="form-control" id="emailimput" name="email" placeholder="E-mail" required>
</div>
<div class="form-group checkbox">
<input type="radio" class="js-realtor-option" name="realestate" value="corretor-autonomo" id="corretor-autonomo">
<label for="corretor-autonomo">Corretor Autônomo</label>
</div>
<div class="form-group checkbox">
<input type="radio" class="js-realtor-option" name="realestate" value="corretor-de-imobiliaria" id="corretor-de-imobiliaria" checked>
<label for="corretor-de-imobiliaria">Corretor de Imobiliária</label>
</div>
</div>
<div class="form-group enviar-modal">
<button type="submit" class="upper btn btn-primary enviar">Enviar</button>
</div>
</div>
</div>
</form>
</div>
<div id="tab-2" class="tab-content btn-imob">
<form class="cadastro cadastro-corretor" action="/submitRealEstate" method="post" >
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" id="nomeimput" name="name" placeholder="Nome" required>
</div>
<div class="form-group">
<input type="text" class="form-control cnpj" id="emailimput" name="cnpj" placeholder="CNPJ" required>
</div>
<div class="form-group">
<input type="tel" class="form-control phone_with_ddd" id="telimput" name="phone" placeholder="Telefone" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" id="razaoimput" name="corporateName" placeholder="Razão Social" required>
</div>
<div class="form-group">
<input type="text" class="form-control" name="creci" placeholder="CRECI Jurídico" required>
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" id="emailimput" placeholder="E-mail Padrão" required>
</div>
</div>
<div class="form-group enviar-modal">
<button type="submit" class="upper btn btn-primary enviar">Enviar</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block banner %}
<section id="banner" class="clip-after">
<div class="banner_box">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="banner-content">
<h1>Controle total na palma da sua mão, de forma prática e rápida!</h1>
<p>Somos uma Plataforma com ênfase no desenvolvimento do corretor, simplificando a relação de negociação, com funcionalidades específicas para obter maior controle sobre cada etapa da venda do imóvel, proporcionando uma melhor administração e aumento no numero de vendas.</p>
<a class="upper" href="#vantagens-corretor">
Veja as vantagens <span class="arrow-down"><img src="{{ asset('bundles/applicationinternitcontent/media/img/down-arrow.png')}}"</span>
</a>
</div>
</div>
<div class="col-md-6">
<img class="banner-img" src="{{ asset('bundles/applicationinternitcontent/media/img/Homem_digitando.png')}}">
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block body %}
<div class="main">
<div id="vantagens-corretor" class="container vantagens">
<h3 class="text-center upper">Vantagens para o corretor</h3>
<div class="row">
<div class="col-lg collum-icons">
<div class="icone">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/statistics.png')}}">
</div>
<h4>Atinja metas de vendas</h4>
<p>Veja as metas de vendas definidas pela construtora, acompanhe de perto seu desempenho e ganhe benefícios da Construtora.</p>
</div>
<div class="col-lg collum-icons">
<div class="icone">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/docs.png')}}">
</div>
<h4>Crie propostas de forma rápida e eficiente para seus clientes</h4>
<p>Facilite a elaboração e garanta a aprovação da Construtora criando propostas que atendam todas as necessidades, garantindo a satisfação de todas as partes envolvidas!</p>
</div>
<div class="col-lg collum-icons">
<div class="icone">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/key.png')}}">
</div>
<h4>Solicite as chaves para visitar o imóvel desejado por seus clientes</h4>
<p>Em nossa plataforma, pedir a chave para ir ao imóvel desejado por um cliente é algo muito simples, com poucos cliques você escolhe a unidade, determina a melhor data e pronto, sua solicitação já foi enviada para a construtora.</p>
</div>
<div class="col-lg collum-icons">
<div class="icone">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/trophy.png')}}">
</div>
<h4>Acumule pontos e troque por prêmios</h4>
<p>Aprenda mais sobre todos os empreendimentos de maneira divertida com nosso Quiz e a cada resposta acertada você ganha pontos que podem ser trocados por prêmios exclusivos. Troque seus pontos por prêmios!</p>
</div>
</div>
</div>
<div id="main-recursos" class="main-emp clip-before clip-emp">
<div class="container content-metas">
<div class="row">
<div class="col-lg-5 empreendimento-img">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/empreendimento.png')}}">
</div>
<div class="col-lg-2">
</div>
<div class="col-lg-5 empreendimentos">
<h5>Disponibilidade e preço das unidades em tempo real pelo espelho de vendas e acesso ao conteúdo completo de cada empreendimento, incluindo vídeos, imagens e material para downloads.</h5>
</div>
</div>
</div>
</div>
<div class="main-metas clip-after">
<div class="container content-metas">
<div class="row">
<div class="col-lg-5 metas">
<h5>Veja seu espelho de vendas e Tenha acesso ao conteúdo completo sobre o empreendimento, incluindo material para downloads</h5>
<a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/01_Dashboard_v6.jpg')}}" class="upper">
Mais Recursos
</a>
<div class="imagens-rec">
<a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/02_Ficha_v5.jpg')}}">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/02_Ficha_v5.jpg')}}">
</a>
<a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/03_Notificações.jpg')}}">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/03_Notificações.jpg')}}">
</a>
<a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/04_Solicitar_Chave_Emanalise.jpg')}}">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/04_Solicitar_Chave_Emanalise.jpg')}}">
</a>
<a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/05_Metas_de_vendas.jpg')}}">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/05_Metas_de_vendas.jpg')}}">
</a>
<a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/06_Ranking_v2.jpg')}}">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/06_Ranking_v2.jpg')}}">
</a>
<a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/07_Quiz.jpg')}}">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/07_Quiz.jpg')}}">
</a>
<a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/08_Criar_proposta_v2.jpg')}}">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/08_Criar_proposta_v2.jpg')}}">
</a>
</div>
</div>
<div class="col-lg-2">
</div>
<div class="col-lg-5 metas-img">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/metas.png')}}">
</div>
</div>
</div>
</div>
<div class="container vantagens-imob">
<h3 class="text-center upper">Vantagens para a Imobiliária</h3>
<div class="row">
<div class="col-lg collum-icons">
<div class="icone-imob">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/statistics.png')}}">
</div>
<h4>Gerencimento total</h4>
<p>Acompanhe o desempenho dos seus corretores em tempo real, visualizando as suas ações, como: propostas criadas, solicitação de chaves e muito mais. Faça suas interpretações analisando os dados da plataforma.</p>
</div>
<div class="col-lg collum-icons">
<div class="icone-imob">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/setting.png')}}">
</div>
<h4>Acesso ao conteúdo</h4>
<p>Garanta aos corretores acesso a toda a informação sobre os empreendimentos, como: dados relevantes, espelho de vendas, disponibilidade e material para downloads. Ajude a sua equipe conhecer mais sobre os imóveis!</p>
</div>
<div class="col-lg collum-icons">
<div class="icone-imob">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/worldwide.png')}}">
</div>
<h4>Suporte de Vendas</h4>
<p>Auxilie seus corretores facilitando diversas tarefas do dia-a-dia, como: criação de propostas padronizadas e cadastro completo de clientes. Dê suporte tecnológico ao seu time de vendas!</p>
</div>
<div class="col-lg collum-icons">
<div class="icone-imob">
<img src="{{ asset('bundles/applicationinternitcontent/media/img/group.png')}}">
</div>
<h4>Relacionamento</h4>
<p>Voz ativa do corretor com seus clientes, fortalecendo a marca da imobiliária e melhorando seu relacionamento com a construtora</p>
</div>
</div>
</div>
<div id="main-contato" class="widgets">
<div class="container">
<h3 class="text-center upper">Fale Conosco</h3>
<div class="row">
<div class="col-lg-6 contato">
<div class="contato-content">
{% if builder.name is defined and builder.name is not empty %}
<h2 class="upper">{{ builder.name }}</h2>
{% endif %}
{% if builder.phone is defined and builder.phone is not empty %}
<p><span class="icone-contato"><img src="{{ asset('bundles/applicationinternitcontent/media/img/phone-solid.png')}}"></span>{{ builder.phone }}</p>
{% endif %}
{% if builder.contactEmails is defined and builder.contactEmails is not empty %}
<p><span class="icone-contato"><img src="{{ asset('bundles/applicationinternitcontent/media/img/envelope-solid.png')}}"></span>
{{ (builder.contactEmails[0] is not empty) ? builder.contactEmails[0].url : '' }}
</p>
{% endif %}
{% set fullAddress = builder is defined and builder is not empty ? builder.fullAddress : '' %}
{% if fullAddress is not empty %}
<p><span class="icone-contato"><img src="{{ asset('bundles/applicationinternitcontent/media/img/map-marker-alt-solid.png')}}"></span>{{ fullAddress }}</p>
{% endif %}
{% if builder.siteUrl is defined and builder.siteUrl is not empty %}
<p><span class="icone-contato"><img src="{{ asset('bundles/applicationinternitcontent/media/img/globe-solid.png')}}"></span>{{ builder.siteUrl }}</p>
{% endif %}
</div>
</div>
<div class="col-lg-6">
<div class="form">
<form class="cadastro cadastro-corretor" action="/submitContact" method="post" >
<div class="form-group">
<input type="text" class="form-control" name="name" id="nomeimput" placeholder="Nome" required>
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" id="emailimput" placeholder="E-mail" required>
</div>
<div class="form-group">
<input type="tel" class="form-control phone_with_ddd" name="phone" id="telimput" placeholder="Telefone" required>
</div>
<div class="form-group">
<textarea class="form-control" name="message" id="textoimput" placeholder="Mensagem" required></textarea>
</div>
<div class="form-group form-last">
<button type="submit" class="btn btn-primary enviar">Enviar</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block footer %}
{{ parent() }}
{% endblock %}