@extends('layouts.app')

@section('nav')
    @include('header.index')
@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 "Créer un nouveau compte" entrez votre adresse email et votre mot de passe utlisés lors de votre inscription.</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('register.create.step.one')}}">Retour</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('register.create.step.one')}}">Retour</a>
                </div>
            </div>
        </div>
    </div>
</div>    




@endsection