@extends('layouts.login')

@section('nav')
@include('header.login')
@endsection

@section('title')



<div class="container mb-2">
    <div class="row">
        <div class="col-md-12">
            <h1>Validation paiement</h1>
        </div>
    </div>
</div>
@endsection

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card bg-dark text-white text-center">
                <div class="card-header">
                    <p> <img class="alignleft"
                            src="https://2024.venicegym.fr/wp-content/uploads/2024/08/Sport-is-life-2.png" alt="Bravo"
                            width="100"></p>
                    <h2 class="text-center jaune">Bravo ! Vous êtes maintenant membre </h2>
                    <h6 class="text-white">Votre paiement est validé.</h6>
                </div>
                <div class="card-body">
                    <h6 class="text-white">Choix du club : {{$clubName}} </h6>
                    <h6 class="text-white">Votre choix : {{$offer->product->name}} </h6>

                    <h6 class="text-white">Etape n°1 </h6>

                    <h4 class="jaune mb-0">Téléchargez notre application</h4>
                    <h5 class="text-white mt-1">et accédez facilement à votre club</h5>

                    <p>Une fois l'application installée, cliquez sur « Mot de passe oublié », entrez votre adresse
                        email,
                        puis choisissez un nouveau mot de passe.</p>

                    <p> <a href="https://apps.apple.com/fr/app/venice-gym/id1263794112"> <img class="alignleft"
                                src="https://2024.venicegym.fr/wp-content/uploads/2024/08/app-venice-gym.png"
                                alt="Application IOS" width="250"></a></p>

                    <p><a
                            href="https://play.google.com/store/apps/details?id=com.cclub.venicegymbrignoles2&pcampaignid=web_share">
                            <img class="alignleft"
                                src="https://2024.venicegym.fr/wp-content/uploads/2024/08/app-venice-gym-google.png"
                                alt="Application ANDROID" width="250"></a></p>

                    <h6 class="text-white">Etape n°2 </h6>

                    <h4 class="jaune mb-2">Ajoutez votre photo de profil</h4>

                    <p><img src="/public/image/portrait.jpg" class="rounded-circle img-fluid" width="150"></p>


                    <p>Pour une meilleure expérience, nous vous recommandons d’ajouter votre photo de profil directement
                        depuis l’application.</p>


                    <h6 class="text-white">Etape n°3 </h6>

                    <h4 class="jaune mb-2">Récupérez votre QR Code</h4>


                    <p>Une fois votre photo ajoutée, récupérez votre QR code directement dans l'application.</p>
                    <p>Présentez-le à la borne d’entrée pour accéder au club de votre choix.</p>



                    <h3 class="text-center jaune">Bonne séance !</h3>

                </div>
                <div class="card-footer text-center">

                    <a type="button" class="btn btn-yellow" id="step-five"
                        href="{{route('login.index')}}">Déconnexion</a>
                </div>
            </div>
        </div>
    </div>

    <div class="row justify-content-center mt-5">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h2>Paiement validé</h2>
                </div>
                <div class="card-body">
                    <h6>Votre paiement est validé </h6>
                    <h6>Votre choix : {{$offer->product->name}} </h6>

                </div>

                <div class="card-footer">
                    <a type="button" class="btn btn-yellow" id="step-five"
                        href="{{route('login.index')}}">Déconnexion</a>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection





@section('js')

@endsection