@extends('admin.layout')

@section('title', 'إضافة مدرسة جديدة')
@section('header', 'إضافة مدرسة يدوياً')

@section('content')
<div class="max-w-2xl mx-auto bg-white p-6 rounded-lg shadow">
    <form action="{{ route('admin.tenants.store') }}" method="POST">
        @csrf
        
        <div class="mb-4">
            <label class="block text-gray-700 font-bold mb-2">اسم المدرسة</label>
            <input type="text" name="name" value="{{ old('name') }}" class="w-full border border-gray-300 p-2 rounded focus:ring-blue-500 focus:border-blue-500" required>
            @error('name') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
        </div>

        <div class="mb-4">
            <label class="block text-gray-700 font-bold mb-2">رابط المدرسة (Subdomain)</label>
            <div class="flex" dir="ltr">
                <input type="text" name="domain" value="{{ old('domain') }}" class="w-full border border-gray-300 p-2 rounded-l focus:ring-blue-500 focus:border-blue-500" placeholder="myschool" required>
                <span class="bg-gray-100 border border-l-0 border-gray-300 p-2 rounded-r text-gray-600 flex items-center">
                    .{{ config('tenancy.central_domains')[0] ?? 'localhost' }}
                </span>
            </div>
            @error('domain') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
        </div>

        <div class="mb-4">
            <label class="block text-gray-700 font-bold mb-2">البريد الإلكتروني للمدير</label>
            <input type="email" name="email" value="{{ old('email') }}" class="w-full border border-gray-300 p-2 rounded focus:ring-blue-500 focus:border-blue-500" required>
            @error('email') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
        </div>

        <div class="mb-4">
            <label class="block text-gray-700 font-bold mb-2">كلمة المرور للمدير</label>
            <input type="password" name="password" class="w-full border border-gray-300 p-2 rounded focus:ring-blue-500 focus:border-blue-500" required>
            @error('password') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
        </div>

        <div class="mb-6">
            <label class="block text-gray-700 font-bold mb-2">خطة الاشتراك</label>
            <select name="plan" class="w-full border border-gray-300 p-2 rounded focus:ring-blue-500 focus:border-blue-500">
                <option value="trial">تجريبي (14 يوم)</option>
                <option value="standard">Standard</option>
                <option value="premium">Premium</option>
            </select>
            @error('plan') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
        </div>

        <div class="flex justify-between items-center">
            <a href="{{ route('admin.tenants.index') }}" class="text-gray-600 hover:text-gray-800">إلغاء</a>
            <button type="submit" class="bg-blue-600 text-white px-6 py-2 rounded hover:bg-blue-700 transition">إنشاء المدرسة</button>
        </div>
    </form>
</div>
@endsection