@extends('layouts.front')

@section('title', __('front.subscriptions.title') . ' — ' . getSiteName())

@section('content')
<section class="page-section active" id="page-subscriptions">
<div class="page-hero">
  <div class="container">
    <div class="breadcrumb"><a href="{{ url('/') }}" data-page="home">{{ __('front.nav.home') }}</a> / {{ __('front.subscriptions.title') }}</div>
    <h1>{{ __('front.subscriptions.title') }}</h1>
    <p>{{ __('front.subscriptions.subtitle') }}</p>
  </div>
</div>

<div class="container">
  <div class="plans-grid">
    @php
      $planMeta = [
        'monthly'     => ['label' => __('front.subscriptions.monthly'),     'per' => __('front.subscriptions.per_month')],
        'quarterly'   => ['label' => __('front.subscriptions.quarterly'),   'per' => __('front.subscriptions.per_quarter')],
        'half_yearly' => ['label' => __('front.subscriptions.half_yearly'), 'per' => __('front.subscriptions.per_half_year')],
        'yearly'      => ['label' => __('front.subscriptions.yearly'),      'per' => __('front.subscriptions.per_year')],
      ];
    @endphp
    @foreach($plans as $planKey => $price)
      <div class="card plan-card">
        <div class="plan-name">{{ $planMeta[$planKey]['label'] }}</div>
        <div class="plan-price">EGP {{ number_format($price, 0) }}<span>{{ $planMeta[$planKey]['per'] }}</span></div>
        <form method="POST" action="{{ route('front.subscriptions.subscribe', $planKey) }}">
          @csrf
          <button type="submit" class="btn btn-primary btn-block">{{ __('front.subscriptions.subscribe') }}</button>
        </form>
      </div>
    @endforeach
  </div>
</div>
</section>
@endsection