@extends('layouts.app')

@section('content')
    <div class="container-fluid contents">
        <h1 class="h3-bold mb-45"><i class="fas fa-home"></i> Bienvenue {{ ucfirst(strtolower(Auth::user()->prenom)) }},</h1>
        {{-- <div class="home-carte">
            <div class="ma-carte ma-carte-bgpos">
                <div class="ma-carte-mask"></div>
                <div class="logo-repub">
                    <img src="{{ asset('images/logo_rep.svg') }}">
                </div>
                <div class="pic-card-center">
                    <img src="/images/card-inside.svg" width="70">
                </div>
                <div class="card-identity-bottom align-items-baseline">
                    <div class="pic-identity">
                        <label class="mb-0" for="">{{ Auth::user()->nom }} {{ Auth::user()->prenom }}</label>
                        <label class="legend text-white" for="">{{ $cartes->num_carte }}</label>
                    </div>
                    <div class="pic-profile">

                        @if (Auth::user()->photo)
                            <img src="{{ Auth::user()->photo }}" class="carte-avatar" width="35" height="35">
                        @else
                            <img src="{{ asset('images/avatar.svg') }}" class="carte-avatar" width="35" height="35">
                        @endif
                        <img src="{{ asset($cartes?->qr_code) }}" class="qr-base" width="30" height="30">
                    </div>
                </div>
            </div>
        </div> --}}
        <div class="col-lg-7 col-md-12">
            <div class="ma-carte-bgpos">
                <div class="logo-repub">
                    {{-- <img src="{{ asset('images/civlogo.png') }}"> --}}
                </div>
                <div class="card-identity-bottom align-items-baseline">
                    <div class="pic-profile">
                    <img src="{{ Auth::user()->photo }}" class="carte-avatar" width="93" height="113">
                    </div>

                    <div class="pic-identity mt-4" style="max-width: 180px; display: flex; flex-direction: column; margin-right: 10%;">
                        <label class="mt-3"></label>

                        <label class="mb-0 carteText mt-10" for="" style="overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 1;
                            -webkit-box-orient: vertical;
                            position: relative;">{{ ucfirst(strtolower(Auth::user()->nom)) }} {{ ucfirst(strtolower(Auth::user()->prenom)) }}</label>
                        <label class="legend text-white" for="" style="position: relative;">{{ $cartes?->num_carte }}</label>
                    </div>
                    <div class="pic-profile">
                        <img src="{{ asset($cartes?->qr_code) }}" class="qr-base" width="53" height="53">
                    </div>
                </div>

            </div>
        </div>
        <br><br>
        <div class="row align-items-start mb-30">
            <div class="col-md-6">
                <h4 class="h5-bold">Mes avantages <img src="{{ asset('images/reduction.svg') }}" alt="Avantages"
                        width="24">
                </h4>
            </div>
            <div class="col-md-6 text-md-end text-sm-start">
                <a href="/avantages/list" class="label-500 primary-text text-decoration-underline">Voir tous mes
                    avantages</a>
            </div>
        </div>

        @if ($avantages)
            <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-3">
                @foreach ($avantages as $key => $avantage)                 
                    <div class="col-md-6 col-lg-6 col-xl-4">
                        @include('Components.card-avantage', [
                            'id' => $avantage->id,
                              {{-- 'url_image' => $avantage->avantages_partenaires->logo, --}}
                            'pourcentage' => $avantage->pourcentage,
                            'lieu' => $avantage->lieu,
                            'validite' => $avantage->start_validite,
                            'coupon' => $avantage->nom_coupon,
                            'lieu' => $avantage->lieu,
                            'description' => $avantage->description,
                            'partenaires' =>$avantage?->avantages_partenaires,
                            'prtype' => $avantage->prtype
                        ])
                    </div>
                @endforeach

            </div>
        @endif

    </div>
@endsection