@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>Bonjour {{$user->familyName}} {{$user->givenName}}</h1>
        </div>
    </div>
</div>
@endsection
@section('content')
<div class="container">
    <div class="row justify-content-center">
        @if (!empty($user->tags))
        <div class="alert alert-info">
            <p>Vous avez encore une formule en cours : </p>
            <ul>
                <li>
                    Nom de la formule : {{$user->tags[0]['name']}}
                </li>
                <li>
                    Date de fin : {{\Carbon\Carbon::parse($user->tags[0]['validThrough'])->format('d-m-Y')}}
                </li>
            </ul>
        </div>
        @endif
        <div class="col-md-12 col-sm-12">
            <div class="card mb-5">
                <form action="{{route('login.product.store')}}" method="post">
                    @csrf
                    <div class="card-header">
                        <h2>Etape 2: Choisissez votre formule et votre date</h2>
                    </div>



                    <div class="card-body">

                        <div class="row">
                            <div class="col-12 mb-4">
                                <label for="dateDebut">Date de début</label>
                                <input type="date" name="dateDebut" id="dateDebut"
                                    class="form-control @error('dateDebut') is-invalid @enderror"
                                    min="{{!empty($user->tags) ? \Carbon\Carbon::parse($user->tags[0]['validThrough'])->format('Y-m-d') : \Carbon\Carbon::now('Europe/Paris')->format('Y-m-d')}}"
                                    value="{{old('dateDebut')}}">
                                @error('dateDebut')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row">

                            @php
                            $FIRST = ['/venicegym/offers/137286', '/venicegym/offers/137284'];
                            $LAST = '/venicegym/offers/141558';

                            $productsCol = collect($products);

                            // 1) Mettre 137286 et 137284 en premier
                            [$first, $rest] = $productsCol->partition(function ($p) use ($FIRST) {
                            return in_array($p->offre->offre_id ?? '', $FIRST, true);
                            });

                            // Ordonner ce bloc "first" selon l'ordre voulu dans $FIRST
                            $first = $first->sortBy(function ($p) use ($FIRST) {
                            return array_search($p->offre->offre_id ?? '', $FIRST, true);
                            });

                            // 2) Mettre 141558 en dernier
                            [$last, $middle] = $rest->partition(function ($p) use ($LAST) {
                            return ($p->offre->offre_id ?? '') === $LAST;
                            });

                            // 3) Ordre final : FIRST -> MIDDLE -> LAST
                            $orderedProducts = $first->concat($middle)->concat($last);
                            @endphp

                            @foreach ($orderedProducts as $product)
                            @php
                            $offer = $product->offre ?? null;
                            $offerUri = $offer->offre_id ?? '';
                            $highlight = $offerUri === '/venicegym/offers/141558';
                            @endphp

                            <div class="col-md-4 col-sm-12">
                                <div class="card card-pointer mb-2 formule-card text-center {{ $highlight ? 'text-white bg-dark' : '' }}"
                                    data-selected="false">

                                    <div class="card-body">
                                        <p>
                                            <img class="aligncenter" src="{{ asset($product->offre->image) }}"
                                                alt="{{ $product->name }}" width="200" height="200">
                                        </p>

                                        <h5 class="card-title {{ $highlight ? 'text-white' : '' }}">
                                            {{ $product->name }}
                                        </h5>

                                        {{-- --- Bloc prix (inchangé) --- --}}
                                        @php
                                        $offer = $product->offre ?? null;
                                        $offerId = $offer ? (int) $offer->id : 0;
                                        $toEuro = function ($v) {
                                        $isCents = is_numeric($v) && (int)$v == $v && $v >= 1000;
                                        return number_format($isCents ? ($v / 100) : $v, 2, ',', ' ');
                                        };
                                        $isWeekly = $offer && (
                                        in_array($offerId, [11, 12], true) ||
                                        ($offer->rhythmBilling ?? null) === 'week4'
                                        );
                                        $weeklyAmount = $offer
                                        ? ((isset($offer->recurrentPriceTI) && $offer->recurrentPriceTI > 0)
                                        ? $offer->recurrentPriceTI
                                        : ($offer->priceTI / 4))
                                        : null;
                                        @endphp

                                        @if ($product->type === 'counter' && $offer)
                                        <h3 class="jaune h5">{{ $toEuro($offer->priceTI) }} €</h3>
                                        @elseif ($product->type === 'subscription' && $offer)
                                        @if ($isWeekly)
                                        <h3 class="jaune h5">{{ $toEuro($weeklyAmount) }} € / semaine</h3>
                                        @else
                                        <h3 class="jaune h5">{{ $toEuro($offer->priceTI) }} €</h3>
                                        @endif
                                        @endif

                                        <h6 class="{{ $highlight ? 'text-white' : 'card-text' }}">
                                            {{ $product->offre->info_acces_duree }}
                                        </h6>
                                        <p class="card-text fs-sm">{{ $product->offre->info_duree }}</p>
                                        <p class="card-text fs-sm">{{ $product->offre->info_acces_service }}</p>
                                        <p class="card-text fs-xs">{{ $product->offre->info_engagement }}</p>

                                        {{-- Bouton choisir (PAS de <form> ici) --}}
                                            <input type="hidden" class="hidden-input" name="product_id"
                                                value="{{ $product->product_id }}" disabled>
                                            <button type="button"
                                                class="btn btn-sm btn-yellow btn-choose">Choisir</button>
                                    </div>
                                </div>
                            </div>
                            @endforeach

                        </div>

                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-yellow disabled" id="btn-formule">Suivant</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="container mb-2 mt-4">
    <div class="row">
        <div class="col-md-12 mt-4">
            <p>Site web réalisé par <a style="color:#000;" href="https://kalamconseil.fr/">Kalam Conseil</a></p>
        </div>
    </div>
</div>
@endsection

<script>
    window.dateValidThrough = "{{!empty($user->tags) ? \Carbon\Carbon::parse($user->tags[0]['validThrough'])->format('Y-m-d') : \Carbon\Carbon::now('Europe/Paris')->format('Y-m-d')}}";
</script>

@section('js')
<script src="{{asset('js/login/products/script.js')}}"></script>
@endsection