@extends('layouts.install')
@php $currentStep = 4; $stepTitle = 'حساب مدیر'; @endphp

@section('content')
<h2 class="text-xl font-bold mb-2">مرحله ۴: ساخت حساب مدیر سیستم</h2>
<p class="text-slate-600 text-sm mb-6">
    این حساب برای ورود به پنل مدیریت این سامانه استفاده می‌شود.
    بعد از نصب می‌توانید رمز را تغییر دهید و کاربران دیگر اضافه کنید.
</p>

<form method="POST" action="{{ route('install.admin.store') }}" class="space-y-5">
    @csrf
    <div>
        <label class="block text-sm font-medium mb-1">نام نمایشی</label>
        <input type="text" name="name" value="{{ old('name', 'مدیر سیستم') }}" required
               class="w-full border border-slate-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 outline-none">
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">ایمیل ورود</label>
        <input type="email" name="email" value="{{ old('email') }}" required
               class="w-full border border-slate-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 outline-none"
               placeholder="admin@example.com">
        <p class="text-xs text-slate-500 mt-1">این ایمیل فقط برای ورود به پنل است و لازم نیست حتماً یکی از حساب‌های ایمیل شما باشد.</p>
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">رمز عبور</label>
        <input type="password" name="password" required minlength="8"
               class="w-full border border-slate-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 outline-none">
        <p class="text-xs text-slate-500 mt-1">حداقل ۸ کاراکتر. از رمز قوی استفاده کنید.</p>
    </div>
    <div>
        <label class="block text-sm font-medium mb-1">تکرار رمز عبور</label>
        <input type="password" name="password_confirmation" required
               class="w-full border border-slate-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 outline-none">
    </div>

    <div class="flex justify-between pt-4">
        <a href="{{ route('install.cpanel') }}" class="text-slate-600 hover:text-slate-900">← بازگشت</a>
        <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium">
            ادامه →
        </button>
    </div>
</form>
@endsection