@extends('templates.landing-page')

@section('menu-home')
	active
@endsection

@section('styles')
  <link rel="stylesheet" href="{{ asset('landing-page/css/cadastro.css') }}">
@endsection

@section('conteudo')
    <section id="cadastro" class="section-padding">
      <div class="container">
        <div class="row align-items-center">
          <div class="container">
            <div class="row">
              <div class="col-sm-12">
                  <div class="form text-center">
                    <div class="wizard" style="text-align: center;">
                        <a class="step-1 current">Seus dados</a>
                        <a class="step-2">Sobre</a>
                        <a class="step-3">Conteúdo</a>
                        <a class="step-4">Pagamento</a>
                    </div>
                    <div class="content">
                      <section id="form-cadastro">
                        {!! Form::open(['route' => 'encaminhaSolicitacao', 'id'=>'solicitacao', 'name'=>'solicitacao', 'files' => 'true', 'class' => 'form-ligth']) !!}
                          <div class="col-md-12">
                            @if(Session::get("mensagem"))
                            <div class="alert alert-success alert-dismissible">
                              <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                              {{Session::get("mensagem")}}
                            </div>
                            @endif
                            @if ( count($errors) > 0)
                            <div class="alert alert-warning alert-dismissible">
                              <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                              Erros encontrados:<br />
                              <ul>
                                @foreach ($errors->all() as $e)
                                <li>{{ $e }}</li>
                                @endforeach
                              </ul>
                            </div>
                            @endif
                          </div>
                          <!-- FASE 1 - CADASTRO -->
                          <div class="fieldset fieldset-1">
                            <div class="form-group row">
                              <div class="col-sm-5">
                                <input type="text" class="form-control" id="nome_solicitante" name="nome_solicitante" placeholder="Seu nome*" value="{{ $dados->nome }}">
                              </div>
                              <div class="col-sm-5">
                                <input type="text" class="form-control" id="sobrenome_solicitante" name="sobrenome_solicitante" placeholder="Seu sobrenome*" value="{{ $dados->nome }}">
                              </div>
                              <div class="col-sm-2">
                                  <input type="text" class="form-control" id="oab_solicitante" name="oab_solicitante" placeholder="Nº OAB" value="{{ $dados->oab }}">
                              </div>
                            </div>
                            <div class="form-group row">
                              <div class="col-sm-7">
                                <input type="email" class="form-control" id="email_solicitante" name="email_solicitante" placeholder="Seu email*" value="{{ $dados->email }}">
                              </div>
                              <div class="col-sm-5">
                                <input type="text" class="form-control phone" id="telefone_solicitante" name="telefone_solicitante" placeholder="Celular*" value="{{old('telefone_solicitante')}}">
                              </div>
                            </div>
                            <div class="form-group row">
                              <div class="col-sm-7">
                                <input type="password" class="form-control" id="senha_solicitante" name="senha_solicitante" placeholder="Senha*">
                              </div>
                              <div class="col-sm-5">
                                <input type="password" class="form-control" id="confirmar_senha_solicitante" name="confirmar_senha_solicitante" placeholder="Confirme sua senha*">
                              </div>
                            </div>
                            <div class="form-group row">
                              <div class="col-sm-12 text-right">
                                <a href="javascript:;" class="btn btn-custom btn-next" data-step="1">Avançar <i class="fa fa-chevron-right"></i></a>
                              </div>
                            </div>
                          </div>
                          <!-- FIM FASE 1 -->

                          <!-- FASE 2 INFORMAÇÕES COMPLEMENTARES -->
                          <div class="fieldset fieldset-2">
                            <div class="form-group row">
                              <div class="col-sm-4">
                                <input type="text" class="form-control" id="nome_comercial" name="nome_comercial" placeholder="Nome do escritório*" value="{{ old('nome_comercial') }}">
                              </div>
                              <div class="col-sm-4">
                                <input type="text" class="form-control phone" id="telefone_comercial" name="telefone_comercial" placeholder="Telefone*" value="{{ old('telefone_comercial') }}">
                              </div>
                              <div class="col-sm-4">
                                <input type="email" class="form-control" id="email_comercial" name="email_comercial" placeholder="Digite o email do escritório*" value="{{ old('email_comercial') }}">
                              </div>
                            </div>
                             <div class="form-group row">
                              <div class="col-sm-12">
                                <label for="logotipo" class="logo-label label-file">Escolha sua Logomarca</label>
                                <input type="file" class="hidden" id="logotipo" name="logotipo"  value="{{ old('logotipo') }}">
                              </div>
                            </div>
                            <div class="form-group row">
                              <div class="col-sm-12">
                                <textarea rows="5" class="form-control" id="sobre" name="sobre" placeholder="Sua trajetória ou do seu escritório*">{{ old('sobre') }}</textarea>
                              </div>
                            </div>
                            
                            <div class="areas-atuacao">
                              <div class="form-group row area">
                                <div class="col-sm-12">
                                  <div class="bg">
                                    <div class="row">
                                      <!-- <div class="col-sm-4">
                                        <div class="area-label">
                                          <textarea rows="5" class="form-control" id="area_atuacao_0" name="area_atuacao[]" placeholder="Área de atuação"></textarea>
                                        </div>
                                      </div> -->
                                      <div class="col-sm-12">
                                        <div class="area-description">
                                          <input class="form-control" id="area_atuacao_0" name="area_atuacao[]" placeholder="Área de atuação" style="margin-bottom: 10px;">
                                          <textarea rows="5" class="form-control" id="area_atuacao_desc_0" name="area_atuacao_desc[]" placeholder="Fale um pouco sobre sua área de atuação"></textarea>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="text-right">
                              <a href="javascript:;" class="more-area">Adicionar área <i class="fa fa-plus"></i></a>
                            </div>

                            <div class="profissionais">
                              <div class="form-group row profissional "><!--form-bg-->
                                <div class="col-sm-12">
                                  <div ><!--class="bg"-->
                                    <div class="row">
                                      <!-- <div class="col-sm-4">
                                        <div class="area-label">
                                          <textarea class="form-control" id="profissional_0" name="profissional[]" placeholder="Profissional*"></textarea>
                                        </div>
                                      </div> -->
                                      <div class="col-sm-12">
                                        <div class="area-description">
                                          <input type="text" class="form-control" id="profissional_0" name="profissional[]" placeholder="Nome do Profissional*" style="margin-bottom: 10px;">
                                          <input type="file" class="form-control hidden" id="profissional_imagem_0" name="profissional_imagem[]" style="margin-bottom: 10px;">
                                          <label for="profissional_imagem_0" class="label-file">Escolha uma foto</label>
                                          <textarea rows="5" class="form-control" id="profissional_desc_0" name="profissional_desc[]" placeholder="Digite uma breve descrição sobre o profissional"></textarea>
                                          <input type="text" class="form-control" id="profissional_oab_0" name="profissional_oab[]" placeholder="Digite o número da OAB do profissional">
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="text-right">
                              <a href="javascript:;" class="more-profissional">Adicionar profissional <i class="fa fa-plus"></i></a>
                            </div>

                            <div class="form-group row margin-top">
                              <div class="col-sm-3">
                                <input type="text" class="form-control cep" id="cep_comercial" name="cep_comercial" placeholder="CEP Comercial*" value="{{ old('cep_comercial') }}">
                              </div>
                              <div class="col-sm-4">
                                <input type="text" class="form-control" id="rua_comercial" name="rua_comercial" placeholder="Endereço*" value="{{ old('rua_comercial') }}">
                              </div>
                              <div class="col-sm-2">
                                <input type="text" class="form-control" id="num_comercial" name="num_comercial" placeholder="Nº*" value="{{ old('num_comercial') }}">
                              </div>
                              <div class="col-sm-3">
                                <input type="text" class="form-control" id="complemento_comercial" name="complemento_comercial" placeholder="Complemento" value="{{ old('complemento_comercial') }}">
                              </div>
                            </div>

                            <div class="form-group row">
                              <div class="col-sm-5">
                                <input type="text" class="form-control" id="bairro_comercial" name="bairro_comercial" placeholder="Bairro*" value="{{ old('bairro_comercial') }}">
                              </div>
                              <div class="col-sm-5">
                                <input type="text" class="form-control" id="cidade_comercial" name="cidade_comercial" placeholder="Cidade*" value="{{ old('cidade_comercial') }}">
                              </div>
                              <div class="col-sm-2">
                                <input type="text" class="form-control" id="estado_comercial" name="estado_comercial" placeholder="Estado*" value="{{ old('estado_comercial') }}">
                              </div>
                            </div>
                            
                            <div class="form-group row">
                              <div class="col-sm-6 text-left">
                                <a href="javascript:;" class="btn btn-custom btn-prev" data-step="2"><i class="fa fa-chevron-left"></i> Voltar</a>
                              </div>
                              <div class="col-sm-6 text-right">
                                <a href="javascript:;" class="btn btn-custom btn-next" data-step="2">Avançar <i class="fa fa-chevron-right"></i></a>
                              </div>
                            </div>
                          </div>
                          <!-- FIM FASE 2 - INFORMAÇÕES COMPLEMENTARES -->

                          <!-- FASE 3 - CONFIGURAÇÕES -->
                          <div class="fieldset fieldset-3">
                            <fieldset class="form-group">
                              <div class="text-left">
                                <button class="btn btn-default" style="margin-top: 0;">Escolha seu Tema</button>
                              </div>
                              <div class="temas">
                                <div class="row">
                                  @if(!empty($temas))
                                    @foreach($temas as $key => $tema)
                                      <div class="col-md-4">
                                        <div class="item">
                                          <div class="imagem">
                                            <img src="{{asset($tema->arquivos.'/img/thumb.jpg')}}" alt="">
                                            <label class="form-check-label" for="tema{{$tema->id}}">
                                              <input class="form-check-input" type="radio" name="tema" id="tema{{$tema->id}}" value="{{$tema->id}}" checked>
                                            </label>
                                          </div>
                                          <a href="{{$tema->url}}" class="btn btn-default" target="_blank">Ver Tema <i class="fa fa-external-link"></i></a>
                                        </div>
                                      </div>
                                      @if( ($key+1) % 3 == 0)
                                      </div>
                                      <div class="row">
                                      @endif
                                    @endforeach
                                  @endif
                                </div>
                              </div>
                            </fieldset>
                            <fieldset class="form-group tipo-dominio">
                              <div class="row">
                                <div class="col-sm-3">
                                  <legend class="col-form-legend btn btn-custom-border">Tipo do Domínio</legend>  
                                </div>
                                <div class="col-sm-9">
                                  <div class="form-check text-left">
                                    <label class="form-check-label checked" for="tipo1">
                                      Quero usar o domínio gratuito
                                    </label>
                                    <input class="form-check-input hidden" type="radio" name="tipo_dominio" id="tipo1" value="0" checked>
                                    <label class="form-check-label">
                                      <input class="form-check-input hidden" type="radio" name="tipo_dominio" id="tipo2" value="1">
                                      Quero usar meu próprio domínio*.
                                    </label>
                                  </div>
                                </div>
                              </div>
                            </fieldset>
                            <div class="form-group row">
                              <div class="col-sm-3">
                                <legend for="dominio" class="col-form-legend btn btn-custom-border">Domínio*</legend>
                              </div>
                              <div class="col-sm-6">
                                <div class="input-group">
                                  <input type="text" class="form-control" id="dominio" name="dominio" placeholder="Digite o dominio desejado"  value="{{ old('dominio') }}">
                                  <div class="input-group-addon dominio-completar">.advogar.site</div>
                                </div>
                                <div class="alert success alert-dominio" style="display: none;">
                                  Após finalizar o seu cadastro você será redirecionado para uma página onde efetuará a compra do seu domínio.
                                </div>
                              </div>
                            </div>
                            <div class="form-group row">
                              <div class="col-sm-3 label"></div>
                              <div class="col-sm-9">
                                <div class="form-check text-left">
                                  <label class="form-check-label label-checkbox-group">
                                    <label for="termo-de-uso" class="label-checkbox"><i class="cursor"></i></label>
                                    <input class="form-check-input" id="termo-de-uso" name="termos" type="checkbox" value="1"> Li e concordo com os <a href="{{ route('termos') }}" target="_blank">Termos de Uso</a>
                                  </label>
                                </div>
                              </div>
                            </div>
                            <div class="form-group row">
                              <div class="col-sm-6 text-left">
                                <a href="javascript:;" class="btn btn-custom btn-prev" data-step="3"><i class="fa fa-chevron-left"></i> Voltar</a>
                              </div>
                              <div class="col-sm-6 text-right">
                                <a href="javascript:;" class="btn btn-custom btn-next" data-step="3">Avançar <i class="fa fa-chevron-right"></i></a>
                              </div>
                            </div>
                          </div>
                          <!-- FIM FASE 3 - CONFIGURAÇÕES -->

                          <!-- FASE 4 - PAGAMENTOS -->
                          <div class="fieldset fieldset-4">
                            <div class="planos">
                              <div class="row">
                                <div class="col-md-12 col-lg-3">
                                  <div class="item">
                                    <label for="plano1"></label>
                                    <input type="radio" id="plano1" name="plano" value="basico">
                                    <h1 class="titulo">
                                      Básico
                                    </h1>
                                    <div class="valor">
                                      <sup class="dollar">R$</sup> 29,<small>00</small>
                                    </div>
                                    <div class="descricao">
                                      Site completo, com acesso via desktop ou smartphone, personalizado com a identidade do seu escritório
                                    </div>
                                    <div class="topicos">
                                      <ul>
                                        <li><i class="fa fa-check-circle-o"></i>Domńio Grátis*</li>
                                      </ul>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-md-12 col-lg-3">
                                  <div class="item popular checked">
                                    <label for="plano2"></label>
                                    <input type="radio" id="plano2" checked="checked" name="plano" value="intermediario">
                                    <h1 class="titulo">
                                      PROFISSIONAL
                                    </h1>
                                    <div class="valor">
                                      <sup class="dollar">R$</sup> 99,<small>00</small>
                                    </div>
                                    <div class="descricao">
                                      Recomendado para você que deseja ter um produto customizado para sua empresa com um investimento acessível
                                    </div>
                                    <div class="topicos">
                                      <ul>
                                        <li><i class="fa fa-check-circle-o"></i>Site completo, com acesso via desktop ou smartphone, personalizado com a identidade do seu escritório</li>
                                        <li><i class="fa fa-check-circle-o"></i>Domńio Grátis*</li>
                                        <li><i class="fa fa-check-circle-o"></i>Criação de perfil nas redes sociais (Facebook e Instagram)</li>
                                        <li><i class="fa fa-check-circle-o"></i>08 Artes Digitais Mensais</li>
                                        <li><i class="fa fa-check-circle-o"></i>01 Modelo de Email Marketing</li>
                                        <li><i class="fa fa-check-circle-o"></i>Informador Jurídico com leitura de 160 diários oficiais</li>
                                      </ul>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-md-12 col-lg-3">
                                  <div class="item">
                                    <label for="plano3"></label>
                                    <input type="radio" id="plano3" name="plano" value="avancado">
                                    <h1 class="titulo">
                                      Executivo
                                    </h1>
                                    <div class="valor">
                                      <sup class="dollar">R$</sup> 299,<small>00</small>
                                    </div>
                                    <div class="descricao">
                                      Tenha maiores resultados, mais peças digitais para suas redes sociais e um engajamento maior dos seus clientes
                                    </div>
                                    <div class="topicos">
                                      <ul>
                                        <li><i class="fa fa-check-circle-o"></i>Site completo, com acesso via desktop ou smartphone, personalizado com a identidade do seu escritório.</li>
                                        <li><i class="fa fa-check-circle-o"></i>Domńio Grátis*</li>
                                        <li><i class="fa fa-check-circle-o"></i>Criação de perfil nas redes sociais (Facebook e Instagram)</li>
                                        <li><i class="fa fa-check-circle-o"></i>16 Artes Digitais Mensais</li>
                                        <li><i class="fa fa-check-circle-o"></i>01 Modelo de Email Marketing</li>
                                        <li><i class="fa fa-check-circle-o"></i>01 Relatório de Desempenho nas Redes Sociais</li>
                                        <li><i class="fa fa-check-circle-o"></i>Informador Jurídico com leitura de 160 diários oficiais</li>
                                      </ul>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-md-12 col-lg-3">
                                  <div class="item">
                                    <label for="plano4"></label>
                                    <input type="radio" id="plano4" name="plano" value="basico">
                                    <h1 class="titulo">
                                      On demand
                                    </h1>
                                    <div class="valor consulta">
                                      SOB CONSULTA
                                    </div>
                                    <div class="descricao">
                                      Quando seu projeto requer mais métricas, planos e resultados com grande efetividade em Campanhas digitais: solicite seu atendimento On Demand e entenda quão longe você pode ir
                                    </div>
                                    <div class="topicos">
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="pagamentos">
                              <div class="row">
                                <div class="col-md-4 text-left">
                                  <button class="btn">Pagamentos</button>
                                  <img class="img-fluid" src="{{asset('landing-page/img/cartao.png')}}" alt="">
                                </div>
                                <div class="col-md-8 text-left">
                                  <div class="options">
                                    <button class="btn"><i class="fa fa-check-circle"></i> Cartão de Crédito</button>
                                    <!-- <button class="btn"><i class="fa fa-check-circle"></i> Boleto</button> -->
                                  </div>
                                  <input type="hidden" name="payment_method" value="credit_card" />
                                  <div class="form-group row">
                                    <div class="col-sm-12">
                                      <input value="{{ old('card_number') }}" id="card_number" name="card_number" class="form-control" type="text" required placeholder="Número do cartão" />
                                  </div>
                                  </div>
                                  <div class="form-group row">
                                      <div class="col-sm-12">
                                        <input value="{{ old('card_holder_name') }}" id="card_holder_name" name="card_holder_name" class="form-control" type="text" required placeholder="Nome como está escrito no cartão" />
                                      </div>
                                  </div>
                                  <div class="form-group row">
                                    <div class="col-sm-12">
                                      <input value="{{ old('validade') }}" id="validade" name="validade" class="form-control validade" type="text" placeholder="Validade Ex: 02 / 2023" required/>
                                    </div>
                                  </div>
                                  <div class="form-group row">
                                    <div class="col-sm-12">
                                      <input value="{{ old('card_cvv') }}" id="card_cvv" name="card_cvv" class="form-control" type="text" required placeholder="Código de segurança" />
                                    </div>
                                  </div>
                                  <div class="form-group row">
                                    <div class="col-sm-12">
                                      <input value="{{ old('document_number') }}" name="document_number" class="document_number form-control" type="text" required placeholder="Seu CPF" />
                                    </div>
                                  </div>
                                  <div class="form-group row">
                                    <div class="col-sm-8">
                                      <input value="{{ $dados->cupom }}" id="cupom_desconto" name="cupom" class="form-control" type="text" placeholder="Cupom de desconto" />
                                    </div>
                                    <div class="col-sm-4">
                                      <a id="aplicar_cupom" href="javascript:void(0)" class="btn" type="text">APLICAR</a>
                                      <a href="javascript:void(0)" class="ajuda_cupom" style="display: none;" data-toggle="modal" data-target="#descricao_cupom" >
                                        <i class="fa fa-question-circle"></i>
                                      </a>
                                    </div>
                                  </div>
                                  {{ csrf_field() }}
                                </div>
                              </div>
                            </div>
                            <div class="form-group row">
                              <div class="col-sm-6 text-left">
                                <a href="javascript:;" class="btn btn-custom btn-prev" data-step="4"><i class="fa fa-chevron-left"></i> Voltar</a>
                              </div>
                              <div class="col-sm-6 text-right">
                                <button type="submit" class="btn btn-succes btn-submit enviar-formulario"><i class="fa fa-check"></i> Enviar solicitação</button>
                              </div>
                            </div>
                          </div>
                        </div>
                          <!-- FIM PAGAMENTOS -->

                        {!! Form::close() !!}
                      </section>
                    </div>
                  </div>
              </div>
          </div>
        </div>
      </div>
    </section>
    <section class="section-padding" id="marketing">
      <div class="container">
        <div class="row">
          <div class="col-sm-12">
            <div class="content">
              <div class="row">
                <div class="col-md-12 col-lg-6">
                  <img src="{{asset('landing-page/img/social.png')}}" alt="Mídias Sociais">
                </div>
                <div class="col-md-12 col-lg-6">
                  <h1 class="title-section">Materiais para alimentar suas Redes Sociais</h1>
                  <h2 class="subtitle-section">Tenha em mãos materiais formatados para o seu público, com a identidade do seu escritório e com conteúdo atualizado sobre sua área de atuação.</h2>
                  <div class="text-left">
                    <a class="btn btn-lg" href="{{ url('/marketing') }}">Conheça os planos</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="section-padding" id="contato">
      <div class="container">
        <div class="row">
          <div class="col-sm-12">
            <div class="content">
              <div class="row">
                <div class="col-md-5">
                  <h1 class="title-section">Contato</h1>
                  <h2 class="subtitle-section">Estamos sempre à disposição para qualquer dúvida ou para otimizar seus planos. Entre em contato.</h2>
                  <p><b>Advogar Web</b></p>
                  <p><a href="phone:+553832219333">38 3321-9333</a></p>
                  <p><a href="mailto:contato@embratec.org">contato@embratec.org</a></p>
                  @if ( count($errors) > 0)
                  <div class="alert alert-warning alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    Erros encontrados:<br />
                    <ul>
                      @foreach ($errors->all() as $e)
                      <li>{{ $e }}</li>
                      @endforeach
                    </ul>
                  </div>
                  @endif
                </div>
                <div class="col-md-7">
                  {!! Form::open(['route' => 'contatoSite', 'id'=>'contato', 'name'=>'contato', 'class'=>'form-horizontal form-ligth']) !!}
                    <div class="row form-group">
                       <div class="col-md-12">
                        <input type="text" class="form-control" placeholder="Seu nome*" name="nome" required="required">
                      </div>
                    </div>
                    <div class="row form-group">
                      <div class="col-md-6">
                        <input type="email" class="form-control" placeholder="Seu email*" name="email" required="required">
                      </div>
                      <div class="col-md-6">
                        <input type="text" class="form-control" placeholder="Seu telefone*" name="telefone" required="required">
                      </div>
                    </div>
                    <div class="row form-group">
                      <div class="col-md-12">
                        <textarea name="mensagem" placeholder="Mensagem*" required="required"></textarea>
                      </div>
                    </div>
                    <div class="form-group row">
                      <div class="col-md-12 text-right">
                          <button type="submit" class="btn btn-lg">Enviar</button>
                      </div>
                    </div>
                  {!! Form::close() !!}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- MODAL PARA A DESCRIÇÃO DO CUPOM DE DESCONTO -->
    <div class="modal fade" id="descricao_cupom" tabindex="-1" role="dialog" aria-labelledby="cupomLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="cupomLabel">Vantagens do seu Cupom</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            
          </div>
        </div>
      </div>
    </div>
    <!-- MODAL PARA MENSAGEM DE RETORNO DO CUPOM DE DESCONTO -->
    <div class="modal fade" id="retorno_cupom" tabindex="-1" role="dialog" aria-labelledby="retorno_cupomLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="retorno_cupomLabel">ERRO</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            
          </div>
        </div>
      </div>
    </div>
@endsection
@section('scripts')
  <script src="{{ asset('landing-page/vendor/jquery/jquery.card.js') }}"></script>
  <script type="text/javascript" src="https://assets.pagar.me/js/pagarme.min.js"></script>
  <script src="{{ asset('landing-page/vendor/bootstrap/js/bootbox.min.js') }}"></script>
  <script src="{{ asset('landing-page/js/cadastro.js') }}"></script>
  <script>
    $("#aplicar_cupom").click(function(event) {
      var codigo = $("#cupom_desconto").val();
      $.ajax({
        url: '{{route('getCupom')}}/'+codigo,
        dataType: 'json'
      })
      .done(function(data) {
        if(data.status){
          $("#descricao_cupom").find('.modal-body').html(data.cupom.descricao);
          $("#descricao_cupom").modal();
          $(".ajuda_cupom").show();
        }
        else{
          $("#retorno_cupom").find('.modal-body').html(data.mensagem);
          $("#retorno_cupom").modal();
          $(".ajuda_cupom").hide();
        }
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
      
    });
  </script>
@endsection