@extends('layouts.install')
@php $currentStep = 3; $stepTitle = 'تنظیم سرور ایمیل'; @endphp

@section('content')
<h2 class="text-xl font-bold mb-2">مرحله ۳: اتصال به سرور ایمیل (cPanel دیگر)</h2>
<p class="text-slate-600 text-sm mb-4">
    در این مرحله اطلاعات <strong>سرور cPanel که ایمیل‌های شما روی آن فعال است</strong> را وارد می‌کنید.
    این سرور می‌تواند کاملاً جدا از سروری باشد که الان این سایت را روی آن نصب می‌کنید.
</p>

<div class="help-box p-4 rounded-lg text-sm text-slate-700 mb-6 space-y-3">
    <p class="font-semibold text-base">راهنمای کامل گرفتن اطلاعات از سرور ایمیل:</p>
    
    <div>
        <p class="font-medium">۱. ساخت API Token در cPanel سرور ایمیل</p>
        <ol class="list-decimal list-inside mr-4 space-y-1 mt-1">
            <li>وارد cPanel <strong>سرور ایمیل</strong> خود شوید (نه این سایت).</li>
            <li>در جستجوی بالای cPanel بنویسید: <code>API Tokens</code> یا به بخش Security بروید.</li>
            <li>روی <strong>Create</strong> کلیک کنید.</li>
            <li>یک نام بگذارید (مثلاً WebmailApp).</li>
            <li>فقط دسترسی‌های مربوط به <strong>Email</strong> را فعال کنید (کمترین دسترسی).</li>
            <li>توکن ساخته‌شده را کپی کنید و در جای امن نگه دارید (فقط یک‌بار نشان داده می‌شود).</li>
        </ol>
    </div>

    <div>
        <p class="font-medium">۲. آدرس سرور cPanel</p>
        <p class="mr-4">معمولاً همان دامنه اصلی شماست (مثل <code>server.yourdomain.com</code> یا <code>yourdomain.com</code>) یا IP سرور. 
        اگر از پورت غیر استاندارد استفاده می‌کنید، پورت را هم مشخص کنید.</p>
    </div>

    <div>
        <p class="font-medium">۳. تنظیمات IMAP و SMTP</p>
        <p class="mr-4">معمولاً:</p>
        <ul class="list-disc list-inside mr-4">
            <li>IMAP: <code>mail.yourdomain.com</code> پورت <code>993</code> با SSL</li>
            <li>SMTP: <code>mail.yourdomain.com</code> پورت <code>465</code> با SSL (یا ۵۸۷ با TLS)</li>
        </ul>
        <p class="mr-4 mt-1">این مقادیر را می‌توانید از بخش Email Accounts → Connect Devices در cPanel سرور ایمیل ببینید.</p>
    </div>
</div>

<form method="POST" action="{{ route('install.cpanel.store') }}" class="space-y-5">
    @csrf

    <fieldset class="border border-slate-200 rounded-lg p-4 space-y-4">
        <legend class="px-2 font-semibold text-slate-800">اطلاعات cPanel سرور ایمیل</legend>

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

        <div class="grid grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium mb-1">پورت cPanel</label>
                <input type="number" name="cpanel_port" value="{{ old('cpanel_port', 2083) }}" 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">معمولاً ۲۰۸۳ (SSL) یا ۲۰۸۷.</p>
            </div>
            <div class="flex items-end pb-1">
                <label class="flex items-center gap-2 cursor-pointer">
                    <input type="checkbox" name="cpanel_ssl" value="1" {{ old('cpanel_ssl', '1') ? 'checked' : '' }}
                           class="w-4 h-4 rounded border-slate-300">
                    <span class="text-sm">استفاده از SSL/HTTPS</span>
                </label>
            </div>
        </div>

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

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

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

    <fieldset class="border border-slate-200 rounded-lg p-4 space-y-4">
        <legend class="px-2 font-semibold text-slate-800">تنظیمات خواندن و ارسال ایمیل (IMAP / SMTP)</legend>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div class="md:col-span-2">
                <label class="block text-sm font-medium mb-1">آدرس سرور IMAP</label>
                <input type="text" name="imap_host" value="{{ old('imap_host') }}" required
                       class="w-full border border-slate-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 outline-none"
                       placeholder="mail.yourdomain.com">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">پورت IMAP</label>
                <input type="number" name="imap_port" value="{{ old('imap_port', 993) }}" 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>
        <div>
            <label class="block text-sm font-medium mb-1">رمزنگاری IMAP</label>
            <select name="imap_encryption" class="w-full border border-slate-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 outline-none">
                <option value="ssl" {{ old('imap_encryption', 'ssl') == 'ssl' ? 'selected' : '' }}>SSL (پیشنهادی - پورت ۹۹۳)</option>
                <option value="tls" {{ old('imap_encryption') == 'tls' ? 'selected' : '' }}>TLS</option>
                <option value="none" {{ old('imap_encryption') == 'none' ? 'selected' : '' }}>بدون رمزنگاری (توصیه نمی‌شود)</option>
            </select>
            <p class="text-xs text-slate-500 mt-1">برای خواندن ایمیل‌ها استفاده می‌شود. مقدار پیشنهادی: SSL روی پورت ۹۹۳.</p>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div class="md:col-span-2">
                <label class="block text-sm font-medium mb-1">آدرس سرور SMTP</label>
                <input type="text" name="smtp_host" value="{{ old('smtp_host') }}" required
                       class="w-full border border-slate-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 outline-none"
                       placeholder="mail.yourdomain.com">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">پورت SMTP</label>
                <input type="number" name="smtp_port" value="{{ old('smtp_port', 465) }}" 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>
        <div>
            <label class="block text-sm font-medium mb-1">رمزنگاری SMTP</label>
            <select name="smtp_encryption" class="w-full border border-slate-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 outline-none">
                <option value="ssl" {{ old('smtp_encryption', 'ssl') == 'ssl' ? 'selected' : '' }}>SSL (پیشنهادی - پورت ۴۶۵)</option>
                <option value="tls" {{ old('smtp_encryption') == 'tls' ? 'selected' : '' }}>TLS (پورت ۵۸۷)</option>
                <option value="none" {{ old('smtp_encryption') == 'none' ? 'selected' : '' }}>بدون رمزنگاری</option>
            </select>
            <p class="text-xs text-slate-500 mt-1">برای ارسال ایمیل استفاده می‌شود. مقدار پیشنهادی: SSL روی پورت ۴۶۵ یا TLS روی ۵۸۷.</p>
        </div>
    </fieldset>

    <div>
        <label class="block text-sm font-medium mb-1">آدرس کامل این سایت (APP URL)</label>
        <input type="url" name="app_url" value="{{ old('app_url', request()->getSchemeAndHttpHost()) }}" required
               class="w-full border border-slate-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 outline-none"
               placeholder="https://webmail.yoursite.com">
        <p class="text-xs text-slate-500 mt-1">آدرسی که کاربران برای ورود به این سامانه مدیریت ایمیل استفاده می‌کنند (همین سایتی که الان نصب می‌کنید).</p>
    </div>

    <div class="flex justify-between pt-4">
        <a href="{{ route('install.database') }}" 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">
            تست اتصال به cPanel و ادامه →
        </button>
    </div>
</form>
@endsection