@extends('layouts.install')
@php $currentStep = 2; $stepTitle = 'تنظیم دیتابیس'; @endphp

@section('content')
<h2 class="text-xl font-bold mb-2">مرحله ۲: تنظیم پایگاه داده</h2>
<p class="text-slate-600 text-sm mb-4">
    این دیتابیس روی <strong>همین سرور</strong> (جایی که سایت وب‌میل را نصب می‌کنید) ساخته می‌شود
    و برای ذخیره کاربران، لاگ‌ها و تنظیمات استفاده می‌شود.
    <strong>این دیتابیس با سرور ایمیل شما فرق دارد.</strong>
</p>

<div class="help-box p-4 rounded-lg text-sm text-slate-700 mb-6 space-y-2">
    <p class="font-semibold">چگونه دیتابیس بسازم؟</p>
    <ol class="list-decimal list-inside space-y-1">
        <li>وارد cPanel <strong>همین سایت</strong> شوید.</li>
        <li>به بخش <strong>MySQL® Databases</strong> بروید.</li>
        <li>یک دیتابیس جدید بسازید (مثلاً <code>username_webmail</code>).</li>
        <li>یک کاربر MySQL بسازید و رمز قوی به آن بدهید.</li>
        <li>کاربر را به دیتابیس اضافه کنید و تمام Privileges را بدهید.</li>
        <li>نام کامل دیتابیس، نام کاربر و رمز را اینجا وارد کنید.</li>
    </ol>
</div>

<form method="POST" action="{{ route('install.database.store') }}" class="space-y-5">
    @csrf
    <div>
        <label class="block text-sm font-medium mb-1">آدرس هاست دیتابیس</label>
        <input type="text" name="db_host" value="{{ old('db_host', 'localhost') }}" required
               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">تقریباً همیشه <code>localhost</code> است. اگر هاست شما چیز دیگری گفت، همان را وارد کنید.</p>
    </div>

    <div>
        <label class="block text-sm font-medium mb-1">پورت</label>
        <input type="number" name="db_port" value="{{ old('db_port', 3306) }}" required
               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">پیش‌فرض MySQL برابر ۳۳۰۶ است.</p>
    </div>

    <div>
        <label class="block text-sm font-medium mb-1">نام دیتابیس</label>
        <input type="text" name="db_database" value="{{ old('db_database') }}" required
               class="w-full border border-slate-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 outline-none"
               placeholder="مثلاً username_webmail">
        <p class="text-xs text-slate-500 mt-1">نام کامل دیتابیس که در cPanel ساختید (معمولاً با پیشوند نام کاربری شروع می‌شود).</p>
    </div>

    <div>
        <label class="block text-sm font-medium mb-1">نام کاربری دیتابیس</label>
        <input type="text" name="db_username" value="{{ old('db_username') }}" required
               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">نام کامل کاربر MySQL که ساختید.</p>
    </div>

    <div>
        <label class="block text-sm font-medium mb-1">رمز عبور دیتابیس</label>
        <input type="password" name="db_password" value="{{ old('db_password') }}"
               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 class="flex justify-between pt-4">
        <a href="{{ route('install.requirements') }}" 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