@extends('frontend.jpt.layout.mainlayout')

@section('content')
    <section class="cover-background full-screens py-0 md-h-250px sm-h-250px"
        style="background-image:url({{ URL::asset('/assets/frontend/jpt/img/banner.jpg') }});">
        {{-- <div class="opacity-very-light bg-black"></div> --}}
        <div class="opacity-light bg-black"></div>
        <div class="container h-100">
            <div class="row align-items-center justify-content-center h-300px sm-h-300px">
                <div class="col-xl-10 col-lg-10 col-md-10 position-relative z-index-1 mt-5">
                    <div class="d-flex justify-content-center">
                        <h3 class="alt-font text-white fw-600 text-center letter-spacing-2px pt-2 pt-sm-0 mt-5">Inscription
                        </h3>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="pt-4 pb-4">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body pt-4 text-center">
                            <div class="mb-4">
                                {{-- <div class="icon-circle bg-light-green rounded-circle p-4 mx-auto mb-3"
                                    style="width: 100px; height: 100px;">
                                    <i class="fas fa-check text-green fs-1"></i>
                                </div>
                                <h3 class="text-dark-gray fw-600 mb-3">Inscription confirmée !</h3> --}}
                                <p class="text-muted mb-4">
                                    Merci pour votre pré-inscription aux Journées Parapharmaceutiques JPT 2026.
                                </p>

                                <p class="text-muted mb-4">
                                    La validation de votre participation sera traité par l'équipe d'organisation.
                                </p>

                                {{-- <div class="alert alert-info mb-4">
                                    <p class="mb-2"><strong>Prochaines étapes :</strong></p>
                                    <ul class="mb-0 ps-3">
                                        <li>Consultez votre email pour les détails</li>
                                        <li>Présentez votre confirmation à l'entrée</li>
                                        <li>Suivez-nous sur les réseaux sociaux pour les mises à jour</li>
                                    </ul>
                                </div> --}}

                                {{-- <div class="d-flex justify-content-center gap-3">
                                    <a href="/" class="btn btn-medium btn-rounded btn-green-color">
                                        <i class="fas fa-home me-2"></i>Retour à l'accueil
                                    </a>
                                    <a href="/programme" class="btn btn-medium btn-rounded btn-red-color">
                                        <i class="fas fa-calendar-alt me-2"></i>Voir le programme
                                    </a>
                                </div> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection