@extends('layouts.landlord')
@section('title', 'إضافة موقع يدوياً')

@section('content')
<h2 class="text-2xl font-bold mb-6">إضافة موقع جديد يدوياً</h2>
<p class="text-sm text-gray-500 mb-6">
    يُستخدم هذا لإنشاء موقع بدون المرور ببوابة دفع — مفيد للاختبار أو لإنشاء حساب مجاني/تجريبي لعميل.
    المواقع الناتجة من دفع فعلي تُنشأ تلقائياً عبر صفحة التسعير ولا تحتاج هذا النموذج.
</p>

@if ($errors->any())
    <div class="mb-4 bg-red-100 text-red-700 px-4 py-2 rounded">{{ $errors->first() }}</div>
@endif

<form method="post" action="{{ route('landlord.tenants.store') }}" class="bg-white p-6 rounded-lg shadow max-w-lg space-y-4">
    @csrf

    <div>
        <label class="block text-sm font-medium mb-1">اسم الموقع/المجلة</label>
        <input type="text" name="site_name" value="{{ old('site_name') }}" required>
    </div>

    <div>
        <label class="block text-sm font-medium mb-1">النطاق الفرعي (اختياري)</label>
        <div style="display:flex; align-items:center; gap:6px;">
            <input type="text" name="preferred_slug" value="{{ old('preferred_slug') }}"
                   placeholder="مثال: demo" dir="ltr" style="flex:1;">
            <span class="text-sm text-gray-500" dir="ltr">.{{ config('app.central_domains')[0] ?? 'zeena.app' }}</span>
        </div>
        <p class="text-xs text-gray-500 mt-1">اتركه فارغاً ليتولّد تلقائياً من اسم الموقع.</p>
    </div>

    <div>
        <label class="block text-sm font-medium mb-1">أو نطاق مخصص كامل (اختياري)</label>
        <input type="text" name="custom_domain" value="{{ old('custom_domain') }}"
               placeholder="مثال: magazine.com" dir="ltr">
        <p class="text-xs text-gray-500 mt-1">
            لو عبّيت هذا الحقل، الموقع يُربط بهذا النطاق مباشرة بدل النطاق الفرعي أعلاه
            (يتجاهل حقل "النطاق الفرعي" تماماً). لازم توجّه DNS الخاص بهذا النطاق (A Record)
            نحو IP السيرفر يدوياً بعد الإنشاء حتى يشتغل فعلياً.
        </p>
    </div>

    <div>
        <label class="block text-sm font-medium mb-1">اسم صاحب الموقع</label>
        <input type="text" name="admin_name" value="{{ old('admin_name') }}" required>
    </div>

    <div>
        <label class="block text-sm font-medium mb-1">البريد الإلكتروني</label>
        <input type="email" name="admin_email" value="{{ old('admin_email') }}" required>
    </div>

    <div>
        <label class="block text-sm font-medium mb-1">الخطة</label>
        <select name="plan_id" required>
            @forelse ($plans as $plan)
                <option value="{{ $plan->id }}">{{ $plan->name }} (${{ number_format($plan->price_cents / 100, 2) }})</option>
            @empty
                <option value="" disabled>لا توجد خطط بعد — أنشئ خطة أولاً</option>
            @endforelse
        </select>
    </div>

    <div>
        <label class="block text-sm font-medium mb-1">لغة الموقع</label>
        <select name="language_direction">
            <option value="rtl">العربية (RTL)</option>
            <option value="ltr">الإنجليزية (LTR)</option>
        </select>
    </div>

    <button type="submit" class="bg-blue-600 text-white px-5 py-2 rounded">إنشاء الموقع</button>
</form>
@endsection