@extends('layouts.site')
@section('title', __('Subscription'))
@section('content')
<section class="section section-cream page-v4" style="padding-top:3rem;">
    <div class="container">
        <span class="label-tag">{{ __('Subscription') }}</span>
        <h1 class="sec-title">{{ __('Subscription') }}</h1>

        @if($level === 'trial')
            <div class="trial-banner">{{ __('Free trial') }} — {{ $remaining }} {{ __('hours remaining') }}</div>
        @elseif($active)
            <div class="trial-banner">{{ __('Active until') }}: {{ $active->ends_at->format('Y-m-d') }} ({{ $active->plan->displayName() }})</div>
        @elseif($pending)
            <div class="trial-banner">{{ __('Pending approval') }} — {{ $pending->plan->displayName() }}</div>
        @endif

        <div class="plan-grid" style="margin-top:2rem;">
            @foreach($plans as $plan)
            <div class="plan-card">
                <h3 style="margin-bottom:.5rem;">{{ $plan->displayName() }}</h3>
                <div class="price">{{ number_format($plan->price, 0) }} <small style="font-size:.9rem;">{{ $plan->currency }}</small></div>
                <p style="color:var(--text-muted);margin:1rem 0;">{{ $plan->displayDescription() }}</p>
                <p style="font-size:.85rem;margin-bottom:1.2rem;">{{ $plan->duration_days }} {{ app()->getLocale()==='en'?'days':'يوم' }}</p>
                @auth
                <form method="POST" action="{{ route('subscription.request') }}">
                    @csrf
                    <input type="hidden" name="plan_id" value="{{ $plan->id }}">
                    <button type="submit" class="btn btn-gold" @disabled($active)>{{ __('Request subscription') }}</button>
                </form>
                @else
                <a href="{{ route('register') }}" class="btn btn-gold">{{ __('Register') }}</a>
                @endauth
            </div>
            @endforeach
        </div>
        <p style="margin-top:2rem;color:var(--text-muted);font-size:.9rem;">
            {{ app()->getLocale()==='en'
                ? 'Payment is manual for now. After requesting, an admin will activate your subscription.'
                : 'التفعيل حالياً يدوي. بعد الطلب سيقوم الأدمن بتفعيل اشتراكك.' }}
        </p>
    </div>
</section>
@endsection