@extends('layouts.app')
@section('title', __('Membership'))
@section('meta_description', 'One membership, every course. Learn without limits at '.setting('site_name', 'Learnify').'.')

@section('content')
<section class="section">
    <div class="container">
        <div class="text-center mb-5"><div class="eyebrow mb-1">{{ __('Membership') }}</div><h1 class="h2 fw-bold">{{ __('One plan. Every course.') }}</h1><p class="text-muted mx-auto" style="max-width:52ch">{{ __('Join once and open any course in the catalogue — new courses included. Cancel any time.') }}</p></div>
        @if($current)<div class="alert alert-success text-center mx-auto" style="max-width:620px"><i class="bi bi-gem me-1"></i>@if($current->ends_at){!! __('You\'re on :plan until :date.', ['plan' => '<b>'.e($current->plan?->name).'</b>', 'date' => e($current->ends_at->format('d M Y'))]) !!}@else{!! __('You\'re on :plan.', ['plan' => '<b>'.e($current->plan?->name).'</b>']) !!}@endif <a href="{{ route('student.membership') }}">{{ __('Manage') }}</a></div>@endif
        <div class="row g-4 justify-content-center">
            @forelse($plans as $p)
                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 rounded-4 shadow-sm {{ $p->is_featured ? 'border-primary border-2' : 'border-0' }}">
                        <div class="card-body p-4 d-flex flex-column">
                            @if($p->is_featured)<span class="badge bg-primary align-self-start mb-2">{{ __('Best value') }}</span>@endif
                            <h3 class="h5 fw-bold">{{ $p->name }}</h3>
                            <div class="my-3"><span class="display-6 fw-bold text-gradient">{{ money($p->price) }}</span> <span class="text-muted">{{ $p->cycleLabel() }}</span></div>
                            <p class="text-muted small">{{ $p->description }}</p>
                            <ul class="list-unstyled small mb-4">
                                <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>{{ $p->accessSummary() }}</li>
                                @if($p->max_courses_per_period)<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>{{ trans_choice(':count course unlock per period|:count course unlocks per period', $p->max_courses_per_period, ['count' => $p->max_courses_per_period]) }}</li>@endif
                                @if($p->certificate_access)<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>{{ __('Certificates included') }}</li>@endif
                                @if($p->live_class_access)<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>{{ __('Live classes included') }}</li>@endif
                                @if($p->ai_tutor_access)<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>{{ __('AI tutor included') }}</li>@endif
                                @if($p->downloadable_resources)<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>{{ __('Downloads included') }}</li>@endif
                                @foreach($p->features ?? [] as $f)<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>{{ __($f) }}</li>@endforeach
                            </ul>
                            <div class="mt-auto">
                                @auth
                                    @if($current && $current->membership_plan_id === $p->id)<button class="btn btn-outline-success w-100" disabled><i class="bi bi-check-lg me-1"></i>{{ __('Current plan') }}</button>
                                    @else<form action="{{ route('cart.addMembership', $p) }}" method="POST">@csrf<button class="btn {{ $p->is_featured ? 'btn-primary' : 'btn-outline-primary' }} w-100 btn-lg">{{ $current ? __('Switch to this plan') : __('Join now') }}</button></form>@endif
                                @else<a href="{{ route('login') }}" class="btn {{ $p->is_featured ? 'btn-primary' : 'btn-outline-primary' }} w-100 btn-lg">{{ __('Join now') }}</a>@endauth
                            </div>
                        </div>
                    </div>
                </div>
            @empty
                <div class="col-lg-6"><div class="alert alert-light border text-center">{{ __('Membership plans are coming soon.') }}</div></div>
            @endforelse
        </div>
    </div>
</section>
@endsection