@extends('layouts.app')

@section('content')
    <div class="container-fluid contents">
        <h1 class="h3-bold mb-40"><i class="fa fa-credit-card" aria-hidden="true"></i>
            Mon compte flex</h1>

        <div class="row">
            <div class="col-md-12">
                {{-- <div class="ma-carte">
                    <div class="pic-card">
                        @if(@isset($cartes->qr_code) && $cartes?->qr_code !== "")
                            <img src="../{{ $cartes?->qr_code }}" class="qr" >
                        @endif
                    </div>
                    <div class="card-identity">
                        <div class="pic-profile">
                        @if(@isset($cartes->qr_code) && $cartes?->qr_code !== "")
                            <img class="rounded-circle bg-light" src="{{ Auth::user()->photo }}" width="60" height="60">
                        @endif
                        </div>
                        <div class="pic-identity">
                            <label class="h4-semibold text-white" for="">{{ $cartes?->num_carte }}</label>
                            <label class="label-line24 text-white" for="">{{ Auth::user()->nom }} {{ Auth::user()->prenom }}</label>
                        </div>
                    </div>
                </div> --}}
                
            </div>
            <br>
            
            {{-- <div class="text-sm-start mt-30">
                <a href="/avantages/list" class="label-500 primary-text text-decoration-underline">Voir mes avantages</a>
            </div> --}}
            <br>

            <!-- app store -->
            <div class="mt-3">
                <p class="label" style="width:50%;">
                    Retrouvez votre compte flex sur votre application Carte Jeunes.
                </p>
            </div>
            <div class="cadre-app">
                <div class="row">
                    <div class="col-md-3">
                        <img src="/images/cartejeuneicon.png">
                    </div>
                    <div class="col-md-9">
                        <h2 class="H2-white">Télécharge l’app CarteJeunes</h2>
                        <div class="row g-1 justify-content-start">
                            <div class="col-6 pe-20">
                                Sur Android
                                <img src="{{ asset('images/googleplay.svg') }}" alt="" class="store-icon">
                            </div>
                            <div class="col-6">
                                Sur IOS
                                <img src="{{ asset('images/appstore.svg') }}" alt="" class="store-icon">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- app store -->
        </div>
    </div>
@endsection