src/Application/Internit/SettingBundle/Resources/views/Home/home_front.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.   {{ parent() }}
  5. {% endblock %}
  7. {% block javascripts %}
  8.   {{ parent() }}
  9.   <script src="{{ asset('bundles/applicationinternitcontent/js/jquery.mask.js') }}"></script>
  10.   <script src="{{ asset('bundles/applicationinternitcontent/js/format-form.js') }}"></script>
  11.   <script src="{{ asset('bundles/applicationinternitcontent/js/jquery-ui.min.js') }}"></script>
  12.   <script src="{{ asset('bundles/applicationinternitcontent/js/geral.js') }}"></script>
  13.   <script>
  14.     $(document).ready(function() {
  16.       const realEstateOptions = $('.js-real-estate-options option').toArray().map(elem => elem.innerText);
  18.       $('#imobiliaria').autocomplete({
  19.         minLength: 0,
  20.         source: realEstateOptions,
  21.         appendTo: '#real-estate-suggestions',
  22.       }).focus(function() {
  23.         $(this).autocomplete('search');
  24.       });
  26.       // corretor de imobiliária ou autônomo
  27.       $('.cadastro-corretor .js-realtor-option').change(function() {
  28.         if ($(this).is(':checked')) {
  29.           let option = $(this).val();
  30.           if (option == 'corretor-autonomo') {
  31.             // esta linha sinaliza ao backend que a imobiliária do corretor é "Imobiliária Autônoma"
  32.             $('#imobiliaria').hide().val('').removeAttr('required');
  33.           }
  34.           else if (option == 'corretor-de-imobiliaria') {
  35.             $('#imobiliaria').show().attr('required', true);
  36.           }
  37.         }
  38.       })
  39.       .trigger('change');
  41.       $('#cadastro-corretor').submit(function() {
  42.         let realEstateOptions = $('.js-real-estate-options option').toArray();
  43.         let imobiliaria = $('#imobiliaria').val();
  44.         if (imobiliaria) {
  45.           let chosenRealEstate = realEstateOptions.find(function(elem) {
  46.             return elem.innerText.replace(/\n/g, '').toLowerCase() === imobiliaria.replace(/\n/g, '').toLowerCase();
  47.           });
  48.           
  49.           return chosenRealEstate;
  50.         }
  51.         return true;
  52.       });
  54.       // este trecho é para tratar redirecionamentos vindos do assistente virtual quando
  55.       // um usuário deseja se cadastrar na construtora como corretor autônomo ou imobiliária.
  56.       // Dependendo do parâmetro de consulta modaltab da url, abre o formulário de cadastro apropriado.
  57.       const modaltab = '{{ modaltab }}';
  59.       if (modaltab != '') {
  60.         // 1 - corretor autônomo; 2 - imobiliária
  61.         const tabId = (modaltab == '1' ? 'tab-1' : 'tab-2');
  62.         $('#myModal').modal('toggle');
  63.         $('#myModal').find(`.tab-link[data-tab=${tabId}]`).click();
  65.         // nome, e-mail e telefone
  66.         const chatbotData = JSON.parse('{{ chatbotData|raw }}');
  68.         // populando o form
  69.         const form = $(`#myModal #${tabId} form`);
  71.         form.find('[name="email"]').val(chatbotData.email);
  72.         form.find('[name="phone"]').val(chatbotData.telefone);    
  74.         // liga a opção de corretor autônomo
  75.         if (tabId == 'tab-1') {
  76.           form.find('[name="firstName"]').val(chatbotData.nome);
  77.           form.find('#corretor-autonomo').click();
  78.         }
  79.         else if (tabId == 'tab-2') {
  80.           form.find('[name="name"]').val(chatbotData.nome);
  81.         }
  82.       }
  83.       
  84.     });
  85.   </script>
  87. {% endblock %}
  89. {% block stylesheets %}
  90.   {{ parent() }}
  91.   <link rel="stylesheet" href="{{ asset('bundles/applicationinternitcontent/css/jquery-ui.min.css') }}">
  92. {% endblock %}
  94. {% block menu %}
  95.   <header class="header">
  96.   <div class="links-cadastro">
  98.       <div class="link cadastro-corretor">
  99.         <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>
  100.       </div>
  101.       <div class="link cadastro-imobiliario">
  103.         <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>
  104.       </div>
  105.   </div>
  106.   <div class="icon">
  107.     <a href="javascript:void(0);">
  108.       <i class="fa fa-bars"></i>
  109.     </a>
  110.   </div>
  111.   <nav id="navbar" class="navbar navbar-expand-xl">
  112.     <div class="container">
  113.       {% if builder is defined and builder is not empty %}
  114.         <a class="navbar-brand" href="/">
  115.             {% thumbnail builder.logo, 'front_home' with {'class': 'realEstate_logo'} %}
  116.         </a>
  117.       {% endif %}
  118.       <div class="collapse navbar-collapse" id="menu">
  119.         <ul class="navbar-nav mr-auto">
  120.           <li class="nav-item active" data-toggle="modal" data-target="#myModal">
  121.             <a class="nav-link" href="#">Venda Conosco<span class="sr-only">(página atual)</span></a>
  122.           </li>
  123.           <li class="nav-item">
  124.             <a class="nav-link" href="#main-recursos">Recursos</a>
  125.           </li>
  126.           <li class="nav-item">
  127.             <a class="nav-link" href="#main-contato">Fale Conosco</a>
  128.           </li>
  129.           <li class="nav-item cadastro-mob" data-toggle="modal" data-target="#myModal">
  130.             <a class="nav-link" href="#">Cadastre-se</a>
  131.           </li>
  132.         </ul>
  133.         <ul class="menu-cliente">
  134.           <form method="post" class="form-login" action="admin/login_check">
  135.             <input type="text" placeholder="Usuário" name="_username" required>
  136.             <div>
  137.               <input type="password" placeholder="Senha" name="_password" required>
  138.               <a href="admin/resetting/request">Esqueci a Senha</a>
  139.             </div>
  140.             <li class="nav-item last-menu">
  141.               <button class="nav-link">Entrar</button>
  142.             </li>
  143.           </form>
  144.         </ul>
  145.       </div>
  147.     </div>
  148.   </nav>
  149.   <div class="alerta-form">
  150.     {% for flashMessage in app.session.flashbag.get('flash_create_success') %}
  151.       <div class="caixa-resposta">
  152.         <div class="resposta active" id="r-sucess">
  153.           <i class="far fa-check-circle"></i>
  154.           <p>{{ flashMessage }}</p>
  155.         </div>
  156.       </div>
  157.     {% endfor %}
  158.     {% for flashMessage in app.session.flashbag.get('flash_create_error') %}
  159.       <div class="caixa-resposta">
  160.         <div class="resposta active" id="r-error">
  161.           <i class="far fa-times-circle"></i>
  162.           <p>{{ flashMessage }}</p>
  163.         </div>
  164.       </div>
  165.     {% endfor %}
  166.   </div>
  167. </header>
  168. {% endblock %}
  170. {% block modal %}
  172. <!-- Modal -->
  173. <div class="modal fade" id="myModal" role="dialog">
  174. <div class="modal-dialog">
  176. <!-- Modal content-->
  177. <div class="modal-content">
  178.  <div class="tabs-container">
  179.          <ul class="tabs menu-tab">
  180.              <li class="tab-link btn-corretor upper" data-tab="tab-1">Cadastro Corretor</li>
  181.              <li class="tab-link btn-imob last upper" data-tab="tab-2">Cadastro Imobiliária</li>
  182.          </ul>
  183.          <div id="tab-1" class="tab-content current btn-corretor">
  184.            <form class="cadastro cadastro-corretor" id="cadastro-corretor" action="/submitUser" method="post" >
  185.              <div class="container">
  186.                <div class="row">
  187.                  <div class="col-md-6">
  188.                    <div class="form-group">
  189.                      <input type="text" class="form-control" id="nomeimput" name="firstName" placeholder="Nome Completo" required>
  190.                    </div>
  191.                    <div class="form-group">
  192.                      <input type="date" class="form-control" id="emailimput" name="birthDay" placeholder="Data de Nascimento" title="Data de Nascimento" required>
  193.                    </div>
  194.                    <div class="form-group">
  195.                      <input type="tel" class="form-control phone_with_ddd" id="telimput" name="phone" placeholder="Telefone" required>
  196.                    </div>
  197.                     <div class="form-group">
  198.                       <input type="text" class="form-control" id="creci" name="creci" placeholder="CRECI" required>
  199.                     </div>
  200.                    {#<div class="form-group">
  201.                     <input type="text"  class="form-control" id="imobiliaria" name="realEstateName" placeholder="Imobiliária">
  202.                     <div id="real-estate-suggestions"></div>
  203.                    </div>#}
  204.                    <div class="form-group">
  205.                     <select class="js-real-estate-options form-control" style="display: block"  name="realEstateId">
  206.                       <option value="-1">Imobiliária</option>
  207.                       {% for realEstate in data %}
  208.                         <option value="{{ realEstate.id }}">{{ realEstate.name }}</option>
  209.                       {% endfor %}
  211.                     </select>
  212.                    </div>
  213.                  </div>
  214.                  <div class="col-md-6">
  215.                      <div class="form-group">
  216.                        <input type="text" class="form-control cpf" id="cpf" name="cpf" placeholder="CPF" required>
  217.                      </div>
  218.                      <div class="form-group">
  219.                        <select class="select select-genero" name="genre" id="select" required>
  220.                          <option value="">Gênero</option>
  221.                          <option value="Masculino">Masculino</option>
  222.                          <option value="Feminino">Feminino</option>
  223.                          <option value="outro">Outros</option>
  224.                        </select>
  225.                      </div>
  226.                      <div class="form-group">
  227.                        <input type="email" class="form-control" id="emailimput" name="email" placeholder="E-mail" required>
  228.                      </div>
  230.                     <div class="form-group checkbox">
  231.                       <input type="radio" class="js-realtor-option" name="realestate" value="corretor-autonomo" id="corretor-autonomo">
  232.                       <label for="corretor-autonomo">Corretor Autônomo</label>
  233.                     </div>
  235.                     <div class="form-group checkbox">
  236.                       <input type="radio" class="js-realtor-option" name="realestate" value="corretor-de-imobiliaria" id="corretor-de-imobiliaria" checked>
  237.                       <label for="corretor-de-imobiliaria">Corretor de Imobiliária</label>
  238.                     </div>
  239.                    </div>
  241.                  <script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
  243.                  <script>
  244.                    let autonomoInput = jQuery('#corretor-autonomo')
  245.                    autonomoInput.on('change', ()=>{
  247.                      if(autonomoInput.is(':checked')){
  248.                        jQuery('[name="realEstateId"]').val(15)
  249.                      }
  251.                    })
  252.                  </script>
  254.                    <div class="form-group enviar-modal">
  255.                      <button type="submit" class="upper btn btn-primary enviar">Enviar</button>
  256.                    </div>
  257.                </div>
  258.              </div>
  259.            </form>
  260.          </div>
  261.          <div id="tab-2" class="tab-content btn-imob">
  262.            <form class="cadastro cadastro-corretor" action="/submitRealEstate" method="post" >
  263.              <div class="container">
  264.                <div class="row">
  265.                  <div class="col-md-6">
  266.                    <div class="form-group">
  267.                      <input type="text" class="form-control" id="nomeimput" name="name" placeholder="Nome" required>
  268.                    </div>
  269.                    <div class="form-group">
  270.                      <input type="text" class="form-control cnpj" id="emailimput" name="cnpj" placeholder="CNPJ" required>
  271.                    </div>
  272.                    <div class="form-group">
  273.                      <input type="tel" class="form-control phone_with_ddd" id="telimput" name="phone" placeholder="Telefone" required>
  274.                    </div>
  276.                  </div>
  277.                  <div class="col-md-6">
  278.                    <div class="form-group">
  279.                      <input type="text" class="form-control" id="razaoimput" name="corporateName" placeholder="Razão Social" required>
  280.                    </div>
  281.                    <div class="form-group">
  282.                     <input type="text" class="form-control" name="creci" placeholder="CRECI Jurídico" required>
  283.                    </div>
  284.                    <div class="form-group">
  285.                      <input type="email" class="form-control" name="email" id="emailimput" placeholder="E-mail Padrão" required>
  286.                    </div>
  287.                    </div>
  288.                  <div class="form-group enviar-modal">
  289.                    <button type="submit" class="upper btn btn-primary enviar">Enviar</button>
  290.                  </div>
  291.                </div>
  292.              </div>
  293.            </form>
  294.          </div>
  295.      </div>
  296. </div>
  298. </div>
  299. </div>
  300. {% endblock %}
  302. {% block banner %}
  303. <section id="banner" class="clip-after">
  304.   <div class="banner_box">
  305.     <div class="container">
  306.       <div class="row">
  307.         <div class="col-md-6">
  308.           <div class="banner-content">
  309.             <h1>Controle total na palma da sua mão, de forma prática e rápida!</h1>
  310.             <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>
  311.             <a class="upper" href="#vantagens-corretor">
  312.               Veja as vantagens <span class="arrow-down"><img src="{{ asset('bundles/applicationinternitcontent/media/img/down-arrow.png')}}"</span>
  313.             </a>
  314.           </div>
  315.        </div>
  316.        <div class="col-md-6">
  317.          <img class="banner-img" src="{{ asset('bundles/applicationinternitcontent/media/img/Homem_digitando.png')}}">
  318.        </div>
  319.      </div>
  320.     </div>
  321.   </div>
  322. </section>
  323. {% endblock %}
  325. {% block body %}
  326.   <div class="main">
  327.     <div id="vantagens-corretor" class="container vantagens">
  328.         <h3 class="text-center upper">Vantagens para o corretor</h3>
  329.         <div class="row">
  330.           <div class="col-lg collum-icons">
  331.             <div class="icone">
  332.               <img src="{{ asset('bundles/applicationinternitcontent/media/img/statistics.png')}}">
  333.             </div>
  334.             <h4>Atinja metas de vendas</h4>
  335.             <p>Veja as metas de vendas definidas pela construtora, acompanhe de perto seu desempenho e ganhe benefícios da Construtora.</p>
  336.           </div>
  337.           <div class="col-lg collum-icons">
  338.             <div class="icone">
  339.               <img src="{{ asset('bundles/applicationinternitcontent/media/img/docs.png')}}">
  340.             </div>
  341.             <h4>Crie propostas de forma rápida e eficiente para seus clientes</h4>
  342.             <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>
  343.           </div>
  344.           <div class="col-lg collum-icons">
  345.             <div class="icone">
  346.               <img src="{{ asset('bundles/applicationinternitcontent/media/img/key.png')}}">
  347.             </div>
  348.             <h4>Solicite as chaves para visitar o imóvel desejado por seus clientes</h4>
  349.             <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>
  350.           </div>
  351.           <div class="col-lg collum-icons">
  352.             <div class="icone">
  353.               <img src="{{ asset('bundles/applicationinternitcontent/media/img/trophy.png')}}">
  354.             </div>
  355.             <h4>Acumule pontos e troque por prêmios</h4>
  356.             <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>
  357.           </div>
  358.         </div>
  359.     </div>
  360.     <div id="main-recursos" class="main-emp clip-before clip-emp">
  361.       <div class="container content-metas">
  362.         <div class="row">
  363.           <div class="col-lg-5 empreendimento-img">
  364.             <img src="{{ asset('bundles/applicationinternitcontent/media/img/empreendimento.png')}}">
  365.           </div>
  366.           <div class="col-lg-2">
  368.           </div>
  369.           <div class="col-lg-5 empreendimentos">
  370.             <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>
  371.           </div>
  372.         </div>
  373.       </div>
  374.     </div>
  375.     <div class="main-metas clip-after">
  376.       <div class="container content-metas">
  377.         <div class="row">
  378.           <div class="col-lg-5 metas">
  379.             <h5>Veja seu espelho de vendas e Tenha acesso ao conteúdo completo sobre o empreendimento, incluindo material para downloads</h5>
  380.             <a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/01_Dashboard_v6.jpg')}}" class="upper">
  381.                 Mais Recursos
  382.               </a>
  383.               <div class="imagens-rec">
  384.                 <a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/02_Ficha_v5.jpg')}}">
  385.                   <img src="{{ asset('bundles/applicationinternitcontent/media/img/02_Ficha_v5.jpg')}}">
  386.                 </a>
  387.                 <a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/03_Notificações.jpg')}}">
  388.                   <img src="{{ asset('bundles/applicationinternitcontent/media/img/03_Notificações.jpg')}}">
  389.                 </a>
  390.                 <a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/04_Solicitar_Chave_Emanalise.jpg')}}">
  391.                   <img src="{{ asset('bundles/applicationinternitcontent/media/img/04_Solicitar_Chave_Emanalise.jpg')}}">
  392.                 </a>
  393.                 <a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/05_Metas_de_vendas.jpg')}}">
  394.                   <img src="{{ asset('bundles/applicationinternitcontent/media/img/05_Metas_de_vendas.jpg')}}">
  395.                 </a>
  396.                 <a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/06_Ranking_v2.jpg')}}">
  397.                   <img src="{{ asset('bundles/applicationinternitcontent/media/img/06_Ranking_v2.jpg')}}">
  398.                 </a>
  399.                 <a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/07_Quiz.jpg')}}">
  400.                   <img src="{{ asset('bundles/applicationinternitcontent/media/img/07_Quiz.jpg')}}">
  401.                 </a>
  402.                 <a data-fslightbox="recursos" href="{{ asset('bundles/applicationinternitcontent/media/img/08_Criar_proposta_v2.jpg')}}">
  403.                   <img src="{{ asset('bundles/applicationinternitcontent/media/img/08_Criar_proposta_v2.jpg')}}">
  404.                 </a>
  405.             </div>
  406.           </div>
  407.           <div class="col-lg-2">
  409.           </div>
  410.           <div class="col-lg-5 metas-img">
  411.             <img src="{{ asset('bundles/applicationinternitcontent/media/img/metas.png')}}">
  412.           </div>
  413.         </div>
  414.       </div>
  415.     </div>
  416.     <div class="container vantagens-imob">
  417.         <h3 class="text-center upper">Vantagens para a Imobiliária</h3>
  418.         <div class="row">
  419.           <div class="col-lg collum-icons">
  420.             <div class="icone-imob">
  421.               <img src="{{ asset('bundles/applicationinternitcontent/media/img/statistics.png')}}">
  422.             </div>
  423.             <h4>Gerencimento total</h4>
  424.             <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>
  425.           </div>
  426.           <div class="col-lg collum-icons">
  427.             <div class="icone-imob">
  428.               <img src="{{ asset('bundles/applicationinternitcontent/media/img/setting.png')}}">
  429.             </div>
  430.             <h4>Acesso ao conteúdo</h4>
  431.             <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>
  432.           </div>
  433.           <div class="col-lg collum-icons">
  434.             <div class="icone-imob">
  435.               <img src="{{ asset('bundles/applicationinternitcontent/media/img/worldwide.png')}}">
  436.             </div>
  437.             <h4>Suporte de Vendas</h4>
  438.             <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>
  439.           </div>
  440.           <div class="col-lg collum-icons">
  441.             <div class="icone-imob">
  442.               <img src="{{ asset('bundles/applicationinternitcontent/media/img/group.png')}}">
  443.             </div>
  444.             <h4>Relacionamento</h4>
  445.             <p>Voz ativa do corretor com seus clientes, fortalecendo a marca da imobiliária e melhorando seu relacionamento com a construtora</p>
  446.           </div>
  447.         </div>
  448.     </div>
  449.     <div id="main-contato" class="widgets">
  450.       <div class="container">
  451.         <h3 class="text-center upper">Fale Conosco</h3>
  452.         <div class="row">
  453.         <div class="col-lg-6 contato">
  454.           <div class="contato-content">
  455.             {% if builder.name is defined and builder.name is not empty %}
  456.               <h2 class="upper">{{ builder.name }}</h2>
  457.             {% endif %}
  458.             {% if builder.phone is defined and builder.phone is not empty %}
  459.               <p><span class="icone-contato"><img src="{{ asset('bundles/applicationinternitcontent/media/img/phone-solid.png')}}"></span>{{ builder.phone }}</p>
  460.             {% endif %}
  461.             {% if builder.contactEmails is defined and builder.contactEmails is not empty %}
  462.               <p><span class="icone-contato"><img src="{{ asset('bundles/applicationinternitcontent/media/img/envelope-solid.png')}}"></span>
  463.                 {{ (builder.contactEmails[0] is not empty) ? builder.contactEmails[0].url : '' }}
  464.               </p>
  465.             {% endif %}
  466.             {% set fullAddress = builder is defined and builder is not empty ? builder.fullAddress : '' %}
  467.             {% if fullAddress is not empty %}
  468.               <p><span class="icone-contato"><img src="{{ asset('bundles/applicationinternitcontent/media/img/map-marker-alt-solid.png')}}"></span>{{ fullAddress }}</p>
  469.             {% endif %}
  470.             {% if builder.siteUrl is defined and builder.siteUrl is not empty %}
  471.               <p><span class="icone-contato"><img src="{{ asset('bundles/applicationinternitcontent/media/img/globe-solid.png')}}"></span>{{ builder.siteUrl }}</p>
  472.             {% endif %}
  473.           </div>
  474.         </div>
  475.         <div class="col-lg-6">
  476.           <div class="form">
  477.             <form class="cadastro cadastro-corretor" action="/submitContact" method="post" >
  478.               <div class="form-group">
  479.                 <input type="text" class="form-control" name="name" id="nomeimput" placeholder="Nome" required>
  480.               </div>
  481.               <div class="form-group">
  482.                 <input type="email" class="form-control" name="email" id="emailimput" placeholder="E-mail" required>
  483.               </div>
  484.               <div class="form-group">
  485.                 <input type="tel" class="form-control phone_with_ddd" name="phone" id="telimput" placeholder="Telefone" required>
  486.               </div>
  487.               <div class="form-group">
  488.                 <textarea class="form-control" name="message" id="textoimput" placeholder="Mensagem" required></textarea>
  489.               </div>
  490.               <div class="form-group form-last">
  491.                 <button type="submit" class="btn btn-primary enviar">Enviar</button>
  492.               </div>
  493.             </form>
  494.           </div>
  495.         </div>
  496.       </div>
  497.       </div>
  498.     </div>
  499.   </div>
  500. {% endblock %}
  502. {% block footer %}
  503.   {{ parent() }}
  504. {% endblock %}