@extends('layouts.app')

@section('content')
    <div class="academy-container">
        {{-- Back Button --}}
        <a href="{{ route('menu') }}" class="btn-back-icon-top" aria-label="{{ __('menu.menu') }}">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
            </svg>
        </a>

        {{-- Page Title --}}
        <h1>
            <span style="font-size: 2.5rem; margin-bottom: 0.5rem; display: block;">📖</span>
            {{ app()->getLocale() == 'fa' ? 'راهنمای استفاده از سیستم' : 'User Guide' }}
        </h1>

        <div style="background: rgba(255,255,255,0.03); border: 1px solid var(--border-color); border-radius: 12px; padding: 2rem; margin-top: 2rem; line-height: 2;">
            @if(app()->getLocale() == 'fa')
                <h3 style="color: var(--accent-color); border-bottom: none; margin-top: 0; padding-bottom: 0;">❓ چطور از خدمات ربات و پنل استفاده کنیم؟</h3>
                <p>سیستم یکپارچه ما به شما امکان دسترسی به فایل‌های آموزشی، ویدیوهای تخصصی، مدیریت کیف پول و ثبت سفارش مشاوره یا کلاس‌ها را می‌دهد.</p>
                
                <h4 style="margin-top: 1.5rem; color: #fff;">🔑 راهنمای بخش‌ها:</h4>
                <ul style="margin-right: 1.5rem; margin-bottom: 2rem; list-style-type: disc;">
                    <li><b>آکادمی:</b> دسترسی به پوشه‌ها و دوره‌های آموزشی ویژه و عمومی. برای دریافت فایل در تلگرام، روی هر فایل کلیک کنید تا ربات بلافاصله آن را برایتان ارسال کند.</li>
                    <li><b>آرشیو:</b> مخزن بزرگ فایل‌های متفرقه‌، اسناد و رسانه‌ها.</li>
                    <li><b>مشاوره:</b> امکان رزرو زمان مشاوره و پرداخت آنلاین یا با ستاره تلگرام.</li>
                    <li><b>کیف پول:</b> شارژ حساب و پیگیری تراکنش‌ها.</li>
                </ul>

                <div style="text-align: center;">
                    <a href="https://t.me/{{ env('BOT_USERNAME', 'Rammehrazbot') }}" 
                       target="_blank" 
                       class="item-card__action-label" 
                       style="text-decoration: none; display: inline-block; padding: 0.75rem 2rem; color: #0d1117;">
                        ورود به ربات پشتیبانی تلگرام
                    </a>
                </div>
            @else
                <h3 style="color: var(--accent-color); border-bottom: none; margin-top: 0; padding-bottom: 0;">❓ How to use the system?</h3>
                <p>Our integrated system allows you to access educational files, specialized videos, manage your wallet, and register consultation or class requests.</p>
                
                <h4 style="margin-top: 1.5rem; color: #fff;">🔑 Sections Guide:</h4>
                <ul style="margin-left: 1.5rem; margin-bottom: 2rem; list-style-type: disc;">
                    <li><b>Academy:</b> Access specialized and public educational courses. Click on any file to receive it instantly via the Telegram bot.</li>
                    <li><b>Archive:</b> Large repository of miscellaneous files, documents, and media.</li>
                    <li><b>Support:</b> Connect with support representatives at any time.</li>
                </ul>

                <div style="text-align: center;">
                    <a href="https://t.me/{{ env('BOT_USERNAME', 'Rammehrazbot') }}" 
                       target="_blank" 
                       class="item-card__action-label" 
                       style="text-decoration: none; display: inline-block; padding: 0.75rem 2rem; color: #0d1117;">
                        Open Telegram Bot Support
                    </a>
                </div>
            @endif
        </div>
    </div>
@endsection