@extends('layouts.site')

@section('title', 'Gens - Sistema para Gestão de Ensino')

@section('content')

@push('custom-css')
    <link rel="stylesheet" href="{{ asset('adm/assets/css/active-campaign.css')}}" />
@endpush

<section class="banner-two">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="banner-two__content">
                    <h3>A gestão da sua escola de forma simples e automatizada.</h3>
                    <p>Emita cobranças via pix e boletos, gerencie as finanças, matrículas, turmas e equipe em um só local. 24h por dia e de onde você quiser.</p>
                    <div class="banner-two__btn-block">
                        <a href="/agendar-demonstracao" class="thm-btn btn-gensino-01">Saiba Mais</a><!-- /.thm-btn banner-two__btn-1 -->
                    </div><!-- /.banner-two__btn-block -->
                </div><!-- /.banner-two__content -->
            </div><!-- /.col-lg-8 -->
        </div><!-- /.row -->
    </div><!-- /.container -->
</section><!-- /.banner-two -->

<section class="service-five">
    <div class="container">
        <img src="{{asset('site/assets/images/resources/banner-2-moc-1.png')}}" class="service-five__moc-1 float-bob-y-2" alt="">
        <div class="row">
            <div class="col-lg-4 wow fadeInUp" data-wow-duration="1500ms">
                <div class="service-five__box active">
                    <div class="service-five__icon">
                        <div class="service-five__icon-bubble"></div>
                        <i class="seolight-icon-light-bulb"></i>
                    </div>
                    <h3><a href="service-details.html">Cobrança de mensalidades simplificada</a></h3>
                    <p>Receba as mensalidades dos alunos através de várias formas de pagamento, com envio automatizado por e-mail/sms e recebimento fácil.</p>
                    <a href="service-details.html" class="service-five__link"><span>+</span></a>
                </div>
            </div>
            <div class="col-lg-4 wow fadeInUp" data-wow-duration="1500ms">
                <div class="service-five__box">
                    <div class="service-five__icon">
                        <div class="service-five__icon-bubble"></div>
                        <i class="seolight-icon-start-up"></i>
                    </div>
                    <h3><a href="service-details.html">Controle na palma da mão</a></h3>
                    <p>Sistema online, seguro e pronto a todo momento. Use no celular ou no pc na hora que quiser e onde quiser. Backups diários e com segurança garantida.</p>
                    <a href="service-details.html" class="service-five__link"><span>+</span></a>
                </div>
            </div>
            <div class="col-lg-4 wow fadeInUp" data-wow-duration="1500ms">
                <div class="service-five__box active">
                    <div class="service-five__icon">
                        <div class="service-five__icon-bubble"></div>
                        <i class="seolight-icon-light-bulb"></i>
                    </div>
                    <h3><a href="service-details.html">Matrícula rápida e organizada</a></h3>
                    <p>Contratos e documentos para matrículas prontos e preparados para você só se preocupar em dar. Contratos e documentação feita por especialistas e disponíveis em nossa plataforma para usar a vontade.</p>
                    <a href="service-details.html" class="service-five__link"><span>+</span></a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="service-four">

    <div class="service-four__images wow fadeInLeft" data-wow-duration="1500ms">
        <img src="{{asset('site/assets/images/shapes/service-4-shape-1.png')}}" class="service-four__image-1" alt="">
        <img src="{{asset('site/assets/images/resources/service-moc-4-1.png')}}" class="service-four__image-2 float-bob-y-2"
            alt="">
    </div>
    <div class="container">

        <div class="row justify-content-end">
            <div class="col-lg-12">
                <div class="service-four__content">
                    <div class="block-title text-center">
                        <div class="block-title__line"></div>
                        <h3>Mais motivos para você ser <span>Gens?</span></h3>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6">
                            <div class="service-four__box">
                                <i class="seolight-icon-bank-building"></i>
                                <h3><a href="service-details.html">Flexibilidade e Organização</a></h3>
                                <p>Envista menos tempo nos processos de gestão de sua escola, deixe que o Gens te auxilie com a papelada do dia a dia: notificações, declarações e atestados.</p>
                            </div>
                            <div class="service-four__box">
                                <i class="seolight-icon-tracking"></i>
                                <h3><a href="service-details.html">Follow Up Personalizado</a></h3>
                                <p>Siga de perto cada etapa das negociações com seus futuros alunos e acompanhe o desenvovlimento dos alunos já matriculados oferecendo suporte a cada dificuldade e evitando desistências.</p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="service-four__box">
                                <i class="seolight-icon-bank-building"></i>
                                <h3><a href="service-details.html">Flexibilidade e Organização</a></h3>
                                <p>Envista menos tempo nos processos de gestão de sua escola, deixe que o Gens te auxilie com a papelada do dia a dia: notificações, declarações e atestados.</p>
                            </div>
                            <div class="service-four__box">
                                <i class="seolight-icon-tracking"></i>
                                <h3><a href="service-details.html">Follow Up Personalizado</a></h3>
                                <p>Siga de perto cada etapa das negociações com seus futuros alunos e acompanhe o desenvovlimento dos alunos já matriculados oferecendo suporte a cada dificuldade e evitando desistências.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12 col-md-12">
                            <div class="service-four__box">
                                <i class="seolight-icon-bank-building"></i>
                                <h3><a href="service-details.html">Flexibilidade e Organização</a></h3>
                                <p>Envista menos tempo nos processos de gestão de sua escola, deixe que o Gens te auxilie com a papelada do dia a dia: notificações, declarações e atestados.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="pricing-one pricing-one__home-two" id="assine-agora">

        <img src="{{asset('site/assets/images/shapes/service-2-shape.png')}}" class="service-one__shape-1" alt="">

        {{-- <div class="block-title text-center">
            <div class="block-title__line"></div><!-- /.block-title__line -->
            <h3>Nós oferecemos os melhores<span> preços</span></h3>
        </div><!-- /.block-title text-center --> --}}

        <div class="container">
            <div class="row">
                <div class="col-lg-7">
                    <div class="about-one__content">
                        <div class="block-title text-left">
                            <div class="block-title__line"></div><!-- /.block-title__line -->
                            <h3>Garanta o melhor <span>preço</span> para sua escola</h3>
                        </div>
                        <p>Precisamos de alguns detalhes para oferecermos o melhor preço.</p>
                        <p>Preencha o formulário e garanta nosso preços promocionais de {{\Carbon\Carbon::now()->locale('pt')->isoFormat('MMMM')}} com tempo limitado.</p>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="about-one__image">
                        <div class="active-campaign-form _form_1"></div><script src="https://gensino.activehosted.com/f/embed.php?id=1" type="text/javascript" charset="utf-8"></script>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            @php
            $planos = App\Plano::where('ativo', 1)->where('gratuito', 0)->get();
            @endphp
            @foreach($planos as $plano)
            {{--<div class="col-lg-4">
                <div class="pricing-one__single">
                    @if($plano->destaque == 1)
                    <span class="pricing-one__label">Destaque</span><!-- /.pricing-one__label -->
                    @endif
                    <div class="pricing-one__inner">
                        <h3>{{$plano->nome}}</h3>
                        @if($plano->gratuito == 1)
                        <p><b>R$</b><span>0</span>/ mês</p>
                        @else
                        <p><b>R$</b><span>{{$plano->preco}}</span>/ mês</p>
                        @endif
                        <div class="pricing-one__line"></div><!-- /.pricing-one__line -->
                        <ul class="list-unstyled pricing-one__list">
                            @foreach($plano->recursos as $recurso_do_plano)
                                <li class="">{{$recurso_do_plano->nome}}</li>
                            @endforeach
                        </ul><!-- /.list-unstyled pricing-one__list -->
                        <a href="{{route('cadastrar-instituicao', $plano->id)}}" class="thm-btn pricing-one__btn">Comprar</a><!-- /.thm-btn -->
                    </div><!-- /.pricing-one__inner -->
                </div><!-- /.pricing-one__single -->
            </div><!-- /.col-lg-4 -->--}}
            <div class="col-lg-4 offset-lg-4 col-md-6 offset-md-3 col-sm-10 offset-sm-1 col-10 offset-1">
                <div class="pricing-one__single plano-checkout">
                    @if($plano->destaque == 1)
                    <span class="pricing-one__label">Plano {{$plano->nome}}</span><!-- /.pricing-one__label -->
                    @endif
                    <div class="pricing-one__inner">
                        {{--<h3>{{$plano->nome}}</h3>--}}
                        @if($plano->gratuito == 1)
                        <p><b>R$</b><span>0</span>/ mês</p>
                        @else
                        <p><b>R$</b><span>{{$plano->preco}}</span>/ mês</p>
                        @endif
                        <div class="pricing-one__line"></div>
                        <ul class="list-unstyled pricing-one__list">
                            @foreach($plano->recursos as $recurso_do_plano)
                                <li class="">{{$recurso_do_plano->nome}} - {{$recurso_do_plano->pivot->descricao_recurso}}</li>
                            @endforeach
                        </ul>
                        <a href="{{route('cadastrar-instituicao', $plano->id)}}" class="thm-btn pricing-one__btn btn-gensino-01">Assine já</a><!-- /.thm-btn -->
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>

@endsection