@extends('layouts.auth')

@section('content')
    <div class="container py-5">
        {{-- HEADER --}}
        <div class="text-center mb-5">
            <h2 class="fw-bold">Choisissez votre abonnement</h2>
            <p class="text-muted">Testez gratuitement pendant 7 jours</p>
        </div>

        {{-- MESSAGE --}}
        @if(session('error'))
            <div class="alert alert-danger text-center">
                {{ session('error') }}
            </div>
        @endif

        @php
            $subscription = auth()->user()->subscription;
            $currentPlanId = $subscription->plan_id ?? null;
            $isExpired = !$subscription || $subscription->status === 'expired';
        @endphp

        <div class="row g-4">
            @foreach($plans as $plan)
                <div class="col-md-4">
                    <div class="card h-100 shadow border-0 position-relative
                        {{ $plan->is_featured ? 'border-primary shadow-lg' : '' }}">

                        {{-- BADGE --}}
                        @if($plan->is_featured)
                            <span class="badge bg-primary text-white position-absolute top-0 start-50 translate-middle px-3 py-2">
                                Recommandé
                            </span>
                        @endif

                        {{-- HEADER --}}
                        <div class="card-header text-center bg-white border-0">
                            <h4 class="mb-1 fw-bold">{{ $plan->name }}</h4>

                            <h2 class="fw-bold {{ $plan->is_featured ? 'text-primary' : '' }}">
                                {{ number_format($plan->price, 0, ',', ' ') }} FCFA
                            </h2>

                            <small class="text-muted">
                                {{ $plan->duration }} jours
                            </small>
                        </div>

                        {{-- BODY --}}
                        <div class="card-body">
                            <ul class="list-group list-group-flush mb-3">
                                <li class="list-group-item">
                                    ✔ Max utilisateurs :
                                    <strong>{{ $plan->max_users ?? 'Illimité' }}</strong>
                                </li>

                                <li class="list-group-item">
                                    ✔ Max commandes :
                                    <strong>{{ $plan->max_commandes ?? 'Illimité' }}</strong>
                                </li>
                            </ul>

                            {{-- FEATURES --}}
                            <h6>Fonctionnalités</h6>
                            <ul class="list-unstyled mb-3">
                                @foreach(json_decode($plan->features ?? '[]') as $feature)
                                    <li>✔ {{ $feature }}</li>
                                @endforeach
                            </ul>

                            <p class="text-muted small">
                                {{ $plan->description ?? '' }}
                            </p>
                        </div>

                        {{-- FOOTER --}}
                        <div class="card-footer bg-white border-0">
                            @if($currentPlanId == $plan->id && !$isExpired)
                                {{-- PLAN ACTUEL --}}
                                <button class="btn btn-success w-100" disabled>
                                    Plan actuel
                                </button>
                            @else
                                {{-- CHOISIR / REABONNEMENT --}}
                                <a href="{{ route('checkout.plan', $plan->id) }}"
                                    class="btn btn-dark w-100">
                                    @if($currentPlanId == $plan->id && $isExpired)
                                        Se réabonner
                                    @else
                                        Choisir ce plan
                                    @endif
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        {{-- TRIAL --}}
        @auth
            @if($subscription && $subscription->status === 'trial')
                <div class="alert alert-warning text-center mt-5">
                    Essai actif —
                    <strong>
                        {{ now()->diffInDays($subscription->trial_ends_at, false) }}
                    </strong>
                    jours restants
                </div>
            @endif
        @endauth
    </div>
@endsection