@extends('layouts.app')

@php $isAr = app()->getLocale()==='ar'; @endphp
@section('title', $isAr?'إتمام الشراء':'Checkout')

@section('content')
<div class="auth-wrap">
  <div class="auth-card" style="max-width:480px">
    <div class="auth-logo">
      <h2>💳 {{ $isAr?'إتمام الاشتراك':'Complete Subscription' }}</h2>
      <p>{{ $isAr?'باقة':'Plan' }}: <strong>{{ $plan['name'] }}</strong></p>
    </div>

    <div class="card" style="background:#f8fafc;border-radius:10px;padding:20px;margin-bottom:20px;border:1px solid #e2e8f0">
      <div style="display:flex;justify-content:space-between;margin-bottom:8px">
        <span>{{ $isAr?'الباقة':'Plan' }}</span>
        <strong>{{ $plan['name'] }}</strong>
      </div>
      <div style="display:flex;justify-content:space-between;margin-bottom:8px">
        <span>{{ $isAr?'المواقع':'Sites' }}</span>
        <strong>{{ $plan['sites'] }}</strong>
      </div>
      <div style="display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid #e2e8f0;font-size:18px">
        <span>{{ $isAr?'الإجمالي':'Total' }}</span>
        <strong style="color:#2563eb">${{ number_format($plan['price'],2) }}</strong>
      </div>
    </div>

    <form method="POST" action="{{ route('checkout.process', $plan['id']) }}">
      @csrf
      <button type="submit" class="btn btn-primary w-full btn-lg">
        {{ $isAr?'متابعة للدفع →':'Continue to Payment →' }}
      </button>
    </form>

    <p class="text-center mt-4" style="font-size:12px;color:#64748b">
      {{ $isAr?'بالمتابعة أنت توافق على شروط الخدمة وسياسة الخصوصية':'By continuing you agree to our Terms of Service and Privacy Policy' }}
    </p>
  </div>
</div>
@endsection