@extends('layouts.site')

@section('title', 'Gens - Alterar Cartão')

@section('content')
<section class="page-header">
</section>

<section class="section-header">
    <div class="container container-header">
        <h2>Assinatura #{{$assinatura->id}}</h2>
        @component('components.site.breadbrumb', ["itens" => ["Minhas Assinaturas" => "minhas-assinaturas", "Alterar Cartão" => ""]])
        @endcomponent
    </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" style="margin-bottom: 40px;">
            <div class="block-title__line"></div>
            <h3>Edite os dados de Pagamento da Assinatura</h3>
            <p>No momento da cobrança de sua fatura seu Cartão de Crédito estava Expirado, Cancelado, Bloqueado</p>
            <p>ou não possuia limite suficiente e por isso você precisará substituí-lo.</p>
            <p>Por favor, insira os dados de um novo cartão.</p>
        </div>

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

            @csrf

            <div class="row checkout-form">
                <div class="col-lg-8 offset-lg-2 col-md-8 offset-md-2">

                    @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

                    <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">Confirmar Dados</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</section>

@component('components.site.fale-conosco')
@endcomponent

@endsection

@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