@extends('v2-portal::app-layout', [
    'pageTitle'             => 'Solicitação enviada — ' . config('app.name'),
    'pageDescription'       => 'Sua solicitação de associação foi enviada com sucesso.',
    'fullWidthMain'         => true,
    'showHeader'            => false,
    'showMainHeader'        => false,
    'showMainFooter'        => false,
    'showFooter'            => false,
    'showAccessibilityBar'  => false,
    'showMainLeftArea'      => false,
    'showMainRightArea'     => false,
])

@section('main-section-area')

{{-- HERO BREADCRUMB --}}
<div class="breadcrumb-wrapper bg-cover" style="background-image: url('{{ asset('assets/sucesu/img/hero/breadcrumb.png') }}');">
    <div class="container">
        <div class="page-heading">
            <ul class="breadcrumb-items">
                <li><a href="{{ url('/') }}">Home</a></li>
                <li><i class="bi bi-chevron-right mx-2"></i></li>
                <li>Associe-se</li>
            </ul>
            <h1>Solicitação enviada com sucesso!</h1>
        </div>
    </div>
</div>

{{-- SUCCESS MESSAGE --}}
<section class="section-padding">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6 text-center">
                <div class="card border-0 shadow-sm">
                    <div class="card-body p-5">
                        <div class="text-success mb-4">
                            <i class="bi bi-check-circle-fill" style="font-size: 4rem;" aria-hidden="true"></i>
                        </div>
                        <h2 class="h3 fw-bold">Obrigado pelo seu interesse!</h2>
                        <p class="text-muted lead mb-4">
                            Sua solicitação de associação foi recebida com sucesso. Nossa equipe entrará em contato em breve.
                        </p>

                        <h3 class="h5 fw-bold text-start mt-4 mb-3">O que acontece agora?</h3>
                        <ul class="list-unstyled text-start">
                            <li class="mb-2 d-flex align-items-center">
                                <i class="bi bi-check-circle-fill text-success me-2 flex-shrink-0" aria-hidden="true"></i>
                                Recebemos sua solicitação de associação
                            </li>
                            <li class="mb-2 d-flex align-items-center">
                                <i class="bi bi-check-circle-fill text-success me-2 flex-shrink-0" aria-hidden="true"></i>
                                Nossa equipe analisará seus dados
                            </li>
                            <li class="mb-2 d-flex align-items-center">
                                <i class="bi bi-check-circle-fill text-success me-2 flex-shrink-0" aria-hidden="true"></i>
                                Entraremos em contato pelo e-mail ou telefone informados
                            </li>
                            <li class="mb-2 d-flex align-items-center">
                                <i class="bi bi-check-circle-fill text-success me-2 flex-shrink-0" aria-hidden="true"></i>
                                Você receberá mais informações sobre os planos e benefícios
                            </li>
                        </ul>

                        <a href="{{ url('/') }}" class="btn btn-primary btn-lg mt-4">
                            <i class="bi bi-house me-2" aria-hidden="true"></i> Voltar para o início
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection