@extends('layouts.app')

@section('title', 'Pagamento em Processamento')

@section('content')
<div class="card">
    <div class="card-body">
        <div class="inscricao-card">
            <div class="text-center py-5">
                <div class="mb-4">
                    <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 24 24" fill="none"
                         stroke="#f59e0b" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="12" r="10"></circle>
                        <polyline points="12 6 12 12 16 14"></polyline>
                    </svg>
                </div>

                <h2 class="mb-3" style="color: #f59e0b;">Processando Pagamento</h2>

                <p class="mb-1">
                    Recebemos os dados do cartão <strong>{{ strtoupper($bandeira) }} **** {{ $ultimosDigitos }}</strong>
                    no valor de <strong>R$ {{ number_format($valor, 2, ',', '.') }}</strong>
                    em <strong>{{ $parcelas }}x sem juros</strong>.
                </p>

                <p class="mb-4 text-muted">
                    Estamos validando o pagamento com a operadora do cartão.<br>
                    <strong>Você receberá um e-mail de confirmação assim que o pagamento for aprovado.</strong>
                </p>

                <div class="alert alert-info text-start mx-auto" style="max-width: 480px;">
                    <strong>O que acontece agora?</strong>
                    <ol class="mb-0 mt-2">
                        <li>Estamos validando seu pagamento junto à operadora.</li>
                        <li>Você receberá um e-mail de confirmação quando aprovado.</li>
                        <li>O contrato de autorização será enviado para assinatura digital.</li>
                    </ol>
                </div>

                <p class="text-muted small mt-4">
                    Você pode fechar esta página com segurança.<br>
                    Fique atento ao seu e-mail (verifique também a caixa de SPAM).
                </p>
            </div>
        </div>
    </div>
</div>
@endsection