@extends('layouts.app')
@section('title', app()->getLocale()==='ar'?'إنشاء حساب — Media Serve':'Register — Media Serve')
@section('content')
<div class="auth-wrap">
  <div class="auth-card">
    <div class="auth-logo">
      <h2>🚀 Media Serve</h2>
      <p>{{ app()->getLocale()==='ar'?'إنشاء حساب جديد مجاناً':'Create a free account' }}</p>
    </div>
    @if($errors->any())
    <div class="alert alert-error">❌ {{ $errors->first() }}</div>
    @endif
    <form method="POST" action="{{ route('register.post') }}">
      @csrf
      <input type="hidden" name="plan_id" value="{{ request('plan','') }}">
      <div class="form-group">
        <label class="form-label">{{ app()->getLocale()==='ar'?'الاسم الكامل':'Full Name' }}</label>
        <input type="text" name="name" class="form-input" value="{{ old('name') }}" required placeholder="{{ app()->getLocale()==='ar'?'محمد أحمد':'John Doe' }}">
      </div>
      <div class="form-group">
        <label class="form-label">{{ app()->getLocale()==='ar'?'البريد الإلكتروني':'Email' }}</label>
        <input type="email" name="email" class="form-input" value="{{ old('email') }}" required placeholder="example@domain.com">
      </div>
      <div class="form-group">
        <label class="form-label">{{ app()->getLocale()==='ar'?'كلمة المرور':'Password' }}</label>
        <input type="password" name="password" class="form-input" required placeholder="{{ app()->getLocale()==='ar'?'6 أحرف على الأقل':'At least 6 characters' }}">
      </div>
      <div class="form-group">
        <label class="form-label">{{ app()->getLocale()==='ar'?'الباقة (اختياري)':'Plan (optional)' }}</label>
        <select name="plan_id" class="form-input">
          <option value="">{{ app()->getLocale()==='ar'?'مجاني':'Free' }}</option>
          <option value="monthly"   {{ request('plan')==='monthly'?'selected':'' }}>Monthly — $29</option>
          <option value="quarterly" {{ request('plan')==='quarterly'?'selected':'' }}>Quarterly — $69</option>
          <option value="yearly"    {{ request('plan')==='yearly'?'selected':'' }}>Yearly — $199 ⭐</option>
          <option value="lifetime"  {{ request('plan')==='lifetime'?'selected':'' }}>Lifetime — $499</option>
        </select>
      </div>
      <button type="submit" class="btn btn-primary w-full">
        {{ app()->getLocale()==='ar'?'إنشاء الحساب ←':'Create Account →' }}
      </button>
    </form>
    <p class="auth-link text-center mt-4">
      {{ app()->getLocale()==='ar'?'لديك حساب؟':'Have an account?' }}
      <a href="{{ route('login') }}">{{ app()->getLocale()==='ar'?'تسجيل الدخول':'Sign In' }}</a>
    </p>
  </div>
</div>
@endsection