@extends('layouts.site')

@section('title', 'Gens - Checkout')

@section('content')

<section class="page-header">
</section>

<section class="section-header">
    <div class="container container-header">
        <h2>Checkout</h2>
        @component('components.site.breadbrumb', ["itens" => ["Cadastrar Instituição" => "", "Checkout" => ""]])
        @endcomponent
    </div>
</section>

<section class="section-header">
    <div class="container">
        <div class="row etapa">
            <div class="col-lg-04 col-md-4 col-sm-4 etapas-checkout">
                <h2>1 - Escolha seu Plano <i class="fa fa-check" aria-hidden="true"></i></h2>
                <h5>Etapa anterior</h5>
            </div>
            <div class="col-lg-04 col-md-4 col-sm-4 etapas-checkout">
                <h2>2 - Cadastre sua Escola <i class="fa fa-check" aria-hidden="true"></i></h2>
                <h5>Etapa anterior</h5>
            </div>
            <div class="col-lg-04 col-md-4 col-sm-4 etapas-checkout etapa-active">
                <h2 style="padding-top: 5px;">3 - Realize o Pagamento</h2>
                <h4>Você está aqui</h4>
            </div>
        </div>
    </div>
</section>

<section class="contact-info-one pricing-one pricing-one__home-two">
    <div class="container">
        {{--<img src="{{asset('site/assets/images/shapes/contact-info-shape-1-1.png')}}" class="contact-info-one__bg-shape-1" alt="">--}}
        {{--<div class="block-title text-center">
            <div class="block-title__line"></div>
            <h3>Confirmar Assinatura</h3>
            <p>Complete seu cadastro preenchedo os dados da sua Instituição de Ensino <br>e escolha uma forma de pagamento para completar sua assinatura.</p>
        </div>
        <div class="row">
            <div class="col-lg-4 offset-lg-4">
                <div class="pricing-one__single plano-checkout">
                    <span class="pricing-one__label">Plano Atual</span>
                    <div class="pricing-one__inner">
                        <h3>{{$assinatura->plano->nome}}</h3>
                        @if($assinatura->plano->gratuito == 1)
                        <p><b>R$</b><span>0</span>/ mês</p>
                        @else
                        <p><b>R$</b><span>{{$assinatura->plano->preco}}</span>/ mês</p>
                        @endif
                        <div class="pricing-one__line"></div>
                        <ul class="list-unstyled pricing-one__list">
                            @foreach($assinatura->plano->recursos as $recurso)
                            <li class="">{{$recurso->nome}}</li>
                            @endforeach
                        </ul>
                        <a href="{{route('home')}}" class="thm-btn pricing-one__btn">Trocar Plano</a><!-- /.thm-btn -->
                    </div>
                </div>
            </div>
        </div>--}}
        <img src="{{asset('site/assets/images/shapes/contact-info-shape-1-1.png')}}" class="contact-info-one__bg-shape-1" alt="">
        {{--<div class="block-title text-center">
            <div class="block-title__line"></div>
            <h3>Confirmar Pagamento</h3>
            <p>Complete sua Assinatura preenchedo seus dados de cobrança.</p>
        </div>--}}

        <form method="POST" action="{{route('confirmar-pagamento', $assinatura->id)}}" class="comment-form__wrap" id="formPayment">

            <div class="row checkout-form">
                <div class="col-lg-4">
                    <div class="sidebar__single">
                        <h3>Plano da Assinatura</h3>
                        <div class="row">
                            <div class="col-lg-10 col-lg-offset-1">
                                <div class="pricing-one__single plano-checkout">
                                    <span class="pricing-one__label">Plano {{$assinatura->plano->nome}}</span>
                                    <div class="pricing-one__inner">
                                        {{--<h3>{{$assinatura->plano->nome}}</h3>--}}
                                        <p><b>R$</b><span>{{$assinatura->plano->preco}}</span>/ mês</p>
                                        <div class="pricing-one__line"></div>
                                        <ul class="list-unstyled pricing-one__list">
                                            @foreach($assinatura->plano->recursos as $recurso)
                                            <li class=""><strong>{{$recurso->nome}}</strong><br>{{$recurso->pivot->descricao_recurso}}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="sidebar__single">
                        <h3>Preencha seus dados de pagamento</h3>
                        @if ($errors->any())
                            <div class="col-md-12" style="margin-bottom:0px;">
                                <div class="alert alert-danger col-lg-12 col-md-12">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                    @foreach ($errors->all() as $error)
                                    <p style="margin:auto;"><strong class="msg-info">Atenção! </strong>{!! $error !!}</p>
                                    @endforeach
                                </div>
                            </div>
                        @endif

                        @if(session('mensagem'))
                            <div class="col-md-12" style="margin-bottom:0px;">
                                <div class="alert alert-success col-lg-12 col-md-12">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                        <p style="margin:auto;"><strong class="msg-info">Feito!</strong>{!!session('mensagem')!!}</p>
                                </div>
                            </div>
                        @endif

                        @csrf

                        <div class="comment-form white-form">
                            <div class="">
                                @component('components.galaxpay.form-pagamento')
                                @endcomponent
                                <div class="col-lg-12 text-right checkout-form">
                                    <button type="submit" class="thm-btn comment-form__btn btn-gensino-01 btn-salvar">Confirmar Dados</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </form>
    </div>
</section>

@endsection

@push('footer_imports_end')
@endpush

@push('js')
<script type="text/javascript">

    //gerando TOKEN automaticamente
    $.ajaxSetup({
        headers:{
            'X-CSRF-TOKEN':"{{ csrf_token()}}"
        }
    });

    //Parametros Pagseguro
    var amount = {{$assinatura->plano->preco}};

</script>

<script src="{{asset('site/assets/js/checkout-transparente-galaxpay.js') }}"></script>
@endpush