@extends('partial.layout')

@section('content')
    <div class="container sp_top_50 sp_bottom_50">
        <div class="row justify-content-center mb-4">
            <div class="col-lg-10 text-center">
                <h1 class="mb-3">راهنمای نصب و اجرا</h1>
                <p class="text-muted">مراحل زیر را دنبال کنید تا پروژه هم روی محیط محلی و هم روی سرور به درستی بالا بیاید.</p>
            </div>
        </div>

        <div class="row g-4">
            <div class="col-lg-6">
                <div class="card h-100 shadow-sm">
                    <div class="card-header bg-primary text-white">
                        <h4 class="mb-0">راه‌اندازی محلی</h4>
                    </div>
                    <div class="card-body">
                        <ol class="text-start">
                            <li>پیش‌نیازها را نصب کنید: <strong>PHP 8.2</strong>، <strong>Composer</strong>، <strong>Node.js</strong> و یک سرویس پایگاه داده (MySQL/PostgreSQL).</li>
                            <li>داخل پوشه <code>backend</code> یک کپی از <code>.env.example</code> بگیرید و تنظیمات پایگاه داده و پیامک را تکمیل کنید.</li>
                            <li>بسته‌های PHP را نصب کنید: <code>composer install</code>.</li>
                            <li>کلید برنامه را بسازید: <code>php artisan key:generate</code>.</li>
                            <li>مهاجرت‌ها را اجرا کنید: <code>php artisan migrate</code> و سپس داده‌های اولیه را بریزید: <code>php artisan db:seed</code>.</li>
                            <li>سیگنال‌های فرانت و پنل مدیریت را کامپایل کنید: <code>npm install</code> و بعد <code>npm run build</code> (یا <code>npm run dev</code> برای توسعه).</li>
                            <li>سرور داخلی لاراول را بالا بیاورید: <code>php artisan serve</code>. در صورت نیاز دستور <code>php artisan queue:work</code> را هم در پنجره‌ای جداگانه اجرا کنید.</li>
                            <li>حالا می‌توانید سایت اصلی را در مرورگر با آدرس <code>http://localhost:8000</code> مشاهده کنید.</li>
                        </ol>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <div class="card h-100 shadow-sm">
                    <div class="card-header bg-success text-white">
                        <h4 class="mb-0">استقرار روی سرور</h4>
                    </div>
                    <div class="card-body">
                        <ol class="text-start">
                            <li>پیش‌نیازها (PHP، Composer، Node.js، سرویس پایگاه داده، وب‌سرور Nginx/Apache) را روی سرور نصب کنید.</li>
                            <li>سورس را روی سرور مستقر کنید و دسترسی نوشتن پوشه‌های <code>storage</code> و <code>bootstrap/cache</code> را تنظیم نمایید.</li>
                            <li>فایل <code>.env</code> را با تنظیمات دامنه، پایگاه داده، کش و درگاه پیامک/پرداخت تکمیل کنید.</li>
                            <li>دستورات زیر را پشت سر هم اجرا کنید:
                                <ul>
                                    <li><code>composer install --no-dev --optimize-autoloader</code></li>
                                    <li><code>php artisan migrate --force</code> و در صورت نیاز <code>php artisan db:seed --force</code></li>
                                    <li><code>npm ci</code> و سپس <code>npm run build</code></li>
                                    <li><code>php artisan config:cache && php artisan route:cache && php artisan view:cache</code></li>
                                </ul>
                            </li>
                            <li>وب‌سرور را طوری پیکربندی کنید که روت <code>backend/public</code> به عنوان داکیومنت روت باشد و HTTPS فعال شود.</li>
                            <li>برای تسک‌های زمان‌بندی، کران جاب <code>* * * * * php /path/to/backend/artisan schedule:run >> /dev/null 2>&1</code> را اضافه کنید.</li>
                            <li>سرویس صف را با Supervisor یا Systemd فعال کنید تا دستور <code>php artisan queue:work --daemon</code> همیشه در حال اجرا بماند.</li>
                            <li>پس از استقرار، از طریق پنل ادمین صفحه «تنظیمات سایت» را باز کنید و لوگو، متن‌ها و اطلاعات تماس را مطابق نیاز به‌روزرسانی کنید.</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <div class="row justify-content-center mt-4">
            <div class="col-lg-10">
                <div class="alert alert-info" role="alert">
                    تمام تنظیمات برندینگ (لوگو، متن‌های سئو، آیکون‌ها، اطلاعات تماس و شبکه‌های اجتماعی) از جدول <code>app_settings</code> خوانده می‌شود. هر زمان که آن‌ها را از طریق پنل ادمین تغییر دهید، سایت اصلی به صورت خودکار به‌روز خواهد شد.
                </div>
            </div>
        </div>
    </div>
@endsection