@extends('admin.layouts.app')

@section('title', 'تست و دمو RMTO')

@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <h2><i class="fas fa-file-alt"></i> پنل تست و دمو سامانه RMTO</h2>
            <p class="text-muted">آزمایش و تست تمامی قابلیت‌های سامانه بارنامه الکترونیک راهداری</p>
        </div>
    </div>

    <!-- Tab Navigation -->
    <ul class="nav nav-tabs mb-4" id="rmtoTabs" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="dashboard-tab" data-bs-toggle="tab" data-bs-target="#dashboard" type="button">
                <i class="fas fa-tachometer-alt"></i> داشبورد
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="settings-tab" data-bs-toggle="tab" data-bs-target="#settings" type="button">
                <i class="fas fa-cog"></i> تنظیمات
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="bill-tab" data-bs-toggle="tab" data-bs-target="#bill" type="button">
                <i class="fas fa-file-invoice"></i> ثبت بارنامه
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="driver-tab" data-bs-toggle="tab" data-bs-target="#driver" type="button">
                <i class="fas fa-id-card"></i> اطلاعات راننده
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="freighter-tab" data-bs-toggle="tab" data-bs-target="#freighter" type="button">
                <i class="fas fa-truck"></i> اطلاعات ناوگان
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="otp-tab" data-bs-toggle="tab" data-bs-target="#otp" type="button">
                <i class="fas fa-mobile-alt"></i> ارسال OTP
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="inquiry-tab" data-bs-toggle="tab" data-bs-target="#inquiry" type="button">
                <i class="fas fa-search"></i> استعلام‌ها
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="introduce-tab" data-bs-toggle="tab" data-bs-target="#introduce" type="button">
                <i class="fas fa-clipboard-list"></i> حواله (Introduce)
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="state-tab" data-bs-toggle="tab" data-bs-target="#state" type="button">
                <i class="fas fa-info"></i> وضعیت / بیجک
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="lookup-tab" data-bs-toggle="tab" data-bs-target="#lookup" type="button">
                <i class="fas fa-list-alt"></i> استعلام بارنامه‌ها
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="raw-tab" data-bs-toggle="tab" data-bs-target="#raw" type="button">
                <i class="fas fa-terminal"></i> اجرای عملیات RMTO
            </button>
        </li>
    </ul>

    <!-- Tab Content -->
    <div class="tab-content" id="rmtoTabContent">
        <!-- Dashboard Tab -->
        <div class="tab-pane fade show active" id="dashboard" role="tabpanel">
            <div class="row">
                <div class="col-md-3 mb-3">
                    <div class="card text-white" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
                        <div class="card-body">
                            <h5>محیط فعلی</h5>
                            <h3 id="currentEnv">{{ $settings['environment'] == 'test' ? 'تست' : 'عملیاتی' }}</h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="card text-white" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
                        <div class="card-body">
                            <h5>نام کاربری</h5>
                            <h3 id="currentUsername">{{ $settings['username'] ?: 'تنظیم نشده' }}</h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="card text-white" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
                        <div class="card-body">
                            <h5>نسخه API</h5>
                            <h3>7.6</h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="card text-white" style="background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);">
                        <div class="card-body">
                            <h5>وضعیت</h5>
                            <h3><i class="fas fa-check-circle"></i> آماده</h3>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row mt-4">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <h5><i class="fas fa-info-circle"></i> راهنمای استفاده</h5>
                        </div>
                        <div class="card-body">
                            <ol>
                                <li>ابتدا از تب "تنظیمات" اطلاعات کاربری خود را وارد کنید</li>
                                <li>اتصال به سرویس RMTO را تست کنید</li>
                                <li>از تب‌های مختلف برای تست قابلیت‌ها استفاده کنید</li>
                                <li>نتایج در باکس پاسخ نمایش داده می‌شود</li>
                            </ol>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <h5><i class="fas fa-list"></i> قابلیت‌های موجود</h5>
                        </div>
                        <div class="card-body">
                            <ul>
                                <li><i class="fas fa-check text-success"></i> ثبت بارنامه الکترونیک</li>
                                <li><i class="fas fa-check text-success"></i> استعلام اطلاعات راننده</li>
                                <li><i class="fas fa-check text-success"></i> استعلام اطلاعات ناوگان</li>
                                <li><i class="fas fa-check text-success"></i> ارسال OTP به راننده</li>
                                <li><i class="fas fa-check text-success"></i> دریافت تاریخ سرور</li>
                                <li><i class="fas fa-check text-success"></i> استعلام کد ملی و کد پستی</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Settings Tab -->
        <div class="tab-pane fade" id="settings" role="tabpanel">
            <div class="card">
                <div class="card-header">
                    <h5><i class="fas fa-cog"></i> تنظیمات RMTO</h5>
                </div>
                <div class="card-body">
                    <form id="settingsForm">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">نام کاربری *</label>
                                <input type="text" class="form-control" name="username" value="{{ $settings['username'] }}" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">رمز عبور *</label>
                                <input type="password" class="form-control" name="password" placeholder="رمز عبور جدید" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">محیط *</label>
                                <select class="form-select" name="environment" required>
                                    <option value="test" {{ $settings['environment'] == 'test' ? 'selected' : '' }}>تست (bar-test.rmto.ir)</option>
                                    <option value="production" {{ $settings['environment'] == 'production' ? 'selected' : '' }}>عملیاتی (bar.rmto.ir)</option>
                                </select>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">کد کلاینت (اختیاری)</label>
                                <input type="text" class="form-control" name="client_code" value="{{ $settings['client_code'] }}">
                            </div>
                            <div class="col-md-12 mb-3">
                                <label class="form-label">کلید نقشه نشان</label>
                                <input type="text" class="form-control" name="neshan_map_api_key" value="{{ $settings['neshan_map_api_key'] ?? 'web.6fe810e9e53c4730af91d1607c3bd5a1' }}">
                                <small class="text-muted">این کلید برای نمایش نقشه در بخش‌های مدیریتی استفاده می‌شود.</small>
                            </div>
                        </div>
                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> ذخیره تنظیمات
                            </button>
                            <button type="button" class="btn btn-success" onclick="testConnection()">
                                <i class="fas fa-plug"></i> تست اتصال
                            </button>
                            <button type="button" class="btn btn-info" onclick="getCurrentDate()">
                                <i class="fas fa-calendar"></i> دریافت تاریخ سرور
                            </button>
                        </div>
                    </form>
                    <div id="settingsResult" class="mt-3"></div>
                </div>
            </div>
        </div>

        <!-- Bill Registration Tab -->
        <div class="tab-pane fade" id="bill" role="tabpanel">
            <div class="card">
                <div class="card-header">
                    <h5><i class="fas fa-file-invoice"></i> ثبت بارنامه تستی</h5>
                </div>
                <div class="card-body">
                    <form id="billForm">
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <h6 class="border-bottom pb-2">اطلاعات بارنامه</h6>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">شماره بارنامه *</label>
                                <input type="number" class="form-control" name="bill_number" value="123456789" required>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">سریال *</label>
                                <input type="text" class="form-control" name="serial" value="A" maxlength="1" required>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">کد رهگیری</label>
                                <input type="text" class="form-control" name="trace_code" placeholder="اختیاری">
                            </div>

                            <div class="col-md-12 mb-3">
                                <h6 class="border-bottom pb-2">تاریخ و زمان</h6>
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">سال *</label>
                                <input type="number" class="form-control" name="year" value="1403" required>
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">ماه *</label>
                                <input type="number" class="form-control" name="month" value="11" min="1" max="12" required>
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">روز *</label>
                                <input type="number" class="form-control" name="day" value="3" min="1" max="31" required>
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">ساعت صدور *</label>
                                <input type="text" class="form-control" name="issue_time" value="10:30" placeholder="HH:MM" required>
                            </div>

                            <div class="col-md-12 mb-3">
                                <h6 class="border-bottom pb-2">مبدا و مقصد</h6>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">کد شهر مبدا *</label>
                                <input type="number" class="form-control" name="origin_city_id" value="117" required>
                                <small class="text-muted">تهران: 117</small>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">کد شهر مقصد *</label>
                                <input type="number" class="form-control" name="destination_city_id" value="166" required>
                                <small class="text-muted">مشهد: 166</small>
                            </div>

                            <div class="col-md-12 mb-3">
                                <h6 class="border-bottom pb-2">اطلاعات فرستنده</h6>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">نام فرستنده *</label>
                                <input type="text" class="form-control" name="sender_name" value="علی رضایی" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">کد ملی فرستنده *</label>
                                <input type="text" class="form-control" name="sender_national_code" value="0012345678" maxlength="10" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">کد پستی فرستنده *</label>
                                <input type="text" class="form-control" name="sender_postal_code" value="1234567890" maxlength="10" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">موبایل فرستنده</label>
                                <input type="text" class="form-control" name="sender_mobile" value="09121234567" maxlength="11">
                            </div>

                            <div class="col-md-12 mb-3">
                                <h6 class="border-bottom pb-2">اطلاعات گیرنده</h6>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">نام گیرنده *</label>
                                <input type="text" class="form-control" name="receiver_name" value="رضا احمدی" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">کد ملی گیرنده *</label>
                                <input type="text" class="form-control" name="receiver_national_code" value="9876543210" maxlength="10" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">کد پستی گیرنده *</label>
                                <input type="text" class="form-control" name="receiver_postal_code" value="9876543210" maxlength="10" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">موبایل گیرنده</label>
                                <input type="text" class="form-control" name="receiver_mobile" value="09351234567" maxlength="11">
                            </div>

                            <div class="col-md-12 mb-3">
                                <h6 class="border-bottom pb-2">اطلاعات ناوگان و راننده</h6>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">شماره کارت هوشمند ناوگان *</label>
                                <input type="text" class="form-control" name="freighter_card_number" value="9876543210123456" maxlength="16" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">شماره کارت هوشمند راننده اول *</label>
                                <input type="text" class="form-control" name="first_driver_card_number" value="1234567890123456" maxlength="16" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">شماره کارت هوشمند راننده دوم</label>
                                <input type="text" class="form-control" name="second_driver_card_number" maxlength="16">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">نوع بارگیر *</label>
                                <select class="form-select" name="freighter_type" required>
                                    <option value="1">کامیون</option>
                                    <option value="2">کامیونت</option>
                                    <option value="3">تریلی</option>
                                </select>
                            </div>

                            <div class="col-md-12 mb-3">
                                <h6 class="border-bottom pb-2">مبالغ</h6>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">کرایه (ریال) *</label>
                                <input type="number" class="form-control" name="cost" value="5000000" required>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">مبلغ کل (ریال) *</label>
                                <input type="number" class="form-control" name="total_cost" value="5500000" required>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">بیمه</label>
                                <input type="number" class="form-control" name="insurance" value="0">
                            </div>

                            <div class="col-md-12 mb-3">
                                <h6 class="border-bottom pb-2">اطلاعات کالا</h6>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">نام کالا *</label>
                                <input type="text" class="form-control" name="goods_name" value="لوازم یدکی" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">وزن (کیلوگرم)</label>
                                <input type="number" class="form-control" name="weight" value="1000">
                            </div>
                        </div>

                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-paper-plane"></i> ثبت بارنامه
                        </button>
                    </form>
                    <div id="billResult" class="mt-3"></div>
                </div>
            </div>
        </div>

        <!-- Driver Info Tab -->
        <div class="tab-pane fade" id="driver" role="tabpanel">
            <div class="card">
                <div class="card-header">
                    <h5><i class="fas fa-id-card"></i> استعلام اطلاعات راننده</h5>
                </div>
                <div class="card-body">
                    <form id="driverForm">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">نوع جستجو</label>
                                <select class="form-select" name="search_type" onchange="toggleDriverSearch(this.value)">
                                    <option value="smart_card">با کارت هوشمند</option>
                                    <option value="national_code">با کد ملی</option>
                                </select>
                            </div>
                            <div class="col-md-6 mb-3" id="driverSmartCardField">
                                <label class="form-label">شماره کارت هوشمند</label>
                                <input type="text" class="form-control" name="card_number" maxlength="16" placeholder="1234567890123456">
                            </div>
                            <div class="col-md-6 mb-3" id="driverNationalCodeField" style="display:none;">
                                <label class="form-label">کد ملی</label>
                                <input type="text" class="form-control" name="national_code" maxlength="10" placeholder="0012345678">
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-search"></i> استعلام
                        </button>
                    </form>
                    <div id="driverResult" class="mt-3"></div>
                </div>
            </div>
        </div>

        <!-- Freighter Info Tab -->
        <div class="tab-pane fade" id="freighter" role="tabpanel">
            <div class="card">
                <div class="card-header">
                    <h5><i class="fas fa-truck"></i> استعلام اطلاعات ناوگان</h5>
                </div>
                <div class="card-body">
                    <form id="freighterForm">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">شماره کارت هوشمند ناوگان</label>
                                <input type="text" class="form-control" name="card_number" maxlength="16" placeholder="9876543210123456" required>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-search"></i> استعلام
                        </button>
                    </form>
                    <div id="freighterResult" class="mt-3"></div>
                </div>
            </div>
        </div>

        <!-- OTP Tab -->
        <div class="tab-pane fade" id="otp" role="tabpanel">
            <div class="card">
                <div class="card-header">
                    <h5><i class="fas fa-mobile-alt"></i> ارسال کد تایید (OTP)</h5>
                </div>
                <div class="card-body">
                    <form id="otpForm">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">شماره موبایل راننده *</label>
                                <input type="text" class="form-control" name="mobile" maxlength="11" placeholder="09121234567" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">کد ملی راننده *</label>
                                <input type="text" class="form-control" name="national_code" maxlength="10" placeholder="0012345678" required>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-paper-plane"></i> ارسال کد تایید
                        </button>
                    </form>
                    <div id="otpResult" class="mt-3"></div>
                </div>
            </div>
        </div>

        <!-- Inquiry Tab -->
        <div class="tab-pane fade" id="inquiry" role="tabpanel">
            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <h5><i class="fas fa-user"></i> استعلام کد ملی (حقیقی)</h5>
                        </div>
                        <div class="card-body">
                            <form id="nationalCodeForm">
                                <div class="mb-3">
                                    <label class="form-label">کد ملی *</label>
                                    <input type="text" class="form-control" name="national_code" maxlength="10" placeholder="0012345678" required>
                                </div>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-search"></i> استعلام
                                </button>
                            </form>
                            <div id="nationalCodeResult" class="mt-3"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <h5><i class="fas fa-map-marker-alt"></i> استعلام کد پستی</h5>
                        </div>
                        <div class="card-body">
                            <form id="postalCodeForm">
                                <div class="mb-3">
                                    <label class="form-label">کد پستی *</label>
                                    <input type="text" class="form-control" name="postal_code" maxlength="10" placeholder="1234567890" required>
                                </div>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-search"></i> استعلام
                                </button>
                            </form>
                            <div id="postalCodeResult" class="mt-3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Introduce (Havaleh) Tab -->
        <div class="tab-pane fade" id="introduce" role="tabpanel">
            <div class="card">
                <div class="card-header">
                    <h5><i class="fas fa-clipboard-list"></i> ثبت حواله (InsertIntroduce)</h5>
                    <small class="text-muted">قبل از صدور بارنامه واقعی، حواله توسط راننده ثبت می‌شود.</small>
                </div>
                <div class="card-body">
                    <form id="introduceForm">
                        <div class="row">
                            <div class="col-md-12 mb-2"><h6 class="border-bottom pb-2">راننده / ناوگان</h6></div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">کد ملی راننده *</label>
                                <input type="text" class="form-control" name="CodeMeliRanande" maxlength="10" placeholder="0922893640" required>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">کارت هوشمند راننده</label>
                                <input type="text" class="form-control" name="KarteHooshmandRanande" placeholder="3700861">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">کارت هوشمند ناوگان</label>
                                <input type="text" class="form-control" name="KarteHooshmandNavgan" placeholder="4421720">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">شماره پلاک ناوگان</label>
                                <input type="text" class="form-control" name="BargirPlateNo" placeholder="24ع917">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">سریال پلاک</label>
                                <input type="number" class="form-control" name="BargirPlateSerial">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">رمز راننده (در صورت نیاز)</label>
                                <input type="text" class="form-control" name="DriverPassword">
                            </div>

                            <div class="col-md-12 mb-2"><h6 class="border-bottom pb-2">مبدأ و مقصد</h6></div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">کد شهر مبدأ *</label>
                                <input type="number" class="form-control" name="CodeMabdaa" required placeholder="117">
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">کد شهر مقصد *</label>
                                <input type="number" class="form-control" name="CodeMaghsad" required placeholder="166">
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">کد پستی مقصد</label>
                                <input type="text" class="form-control" name="CodePostiMaghsad">
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">آدرس مقصد</label>
                                <input type="text" class="form-control" name="AdreseMaghsad">
                            </div>

                            <div class="col-md-12 mb-2"><h6 class="border-bottom pb-2">فرستنده / گیرنده</h6></div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">نام فرستنده</label>
                                <input type="text" class="form-control" name="NameFerestandeh">
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">نام خانوادگی فرستنده</label>
                                <input type="text" class="form-control" name="FamileFerestandeh">
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">کد ملی فرستنده</label>
                                <input type="text" class="form-control" name="ShomareMelliFerestandeh" maxlength="11">
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">آدرس فرستنده</label>
                                <input type="text" class="form-control" name="AddressFerestande">
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">نام گیرنده</label>
                                <input type="text" class="form-control" name="NameGirandeh">
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">نام خانوادگی گیرنده</label>
                                <input type="text" class="form-control" name="FamileGirandeh">
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">کد ملی گیرنده</label>
                                <input type="text" class="form-control" name="ShomareMelliGirandeh" maxlength="11">
                            </div>

                            <div class="col-md-12 mb-2"><h6 class="border-bottom pb-2">سند تجاری</h6></div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">شماره سند</label>
                                <input type="text" class="form-control" name="ShomareSanad">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">تاریخ سند (yyyy/mm/dd)</label>
                                <input type="text" class="form-control" name="TarikheSanad" placeholder="1404/02/19">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">انبار / Code</label>
                                <input type="text" class="form-control" name="AnbCode">
                            </div>
                            <div class="col-md-3 mb-3">
                                <div class="form-check mt-4">
                                    <input class="form-check-input" type="checkbox" name="IsRobari" value="1" id="introIsRobari">
                                    <label class="form-check-label" for="introIsRobari">ربایی</label>
                                </div>
                            </div>
                            <div class="col-md-3 mb-3">
                                <div class="form-check mt-4">
                                    <input class="form-check-input" type="checkbox" name="TrafficLoad" value="1" id="introTrafficLoad">
                                    <label class="form-check-label" for="introTrafficLoad">بار ترافیکی</label>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary"><i class="fas fa-paper-plane"></i> ثبت حواله</button>
                    </form>
                    <div id="introduceResult" class="mt-3"></div>
                </div>
            </div>
        </div>

        <!-- State / Bijak Tab -->
        <div class="tab-pane fade" id="state" role="tabpanel">
            <div class="row">
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-header"><h6><i class="fas fa-info-circle"></i> وضعیت فعلی حواله</h6></div>
                        <div class="card-body">
                            <form id="currentStateForm">
                                <div class="mb-3">
                                    <label class="form-label">کد رهگیری *</label>
                                    <input type="text" class="form-control" name="trace_code" required>
                                </div>
                                <button class="btn btn-primary"><i class="fas fa-search"></i> دریافت وضعیت</button>
                            </form>
                            <div id="currentStateResult" class="mt-3"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-header"><h6><i class="fas fa-receipt"></i> اطلاعات بیجک</h6></div>
                        <div class="card-body">
                            <form id="bijakForm">
                                <div class="mb-3">
                                    <label class="form-label">کد رهگیری *</label>
                                    <input type="text" class="form-control" name="trace_code" required>
                                </div>
                                <button class="btn btn-primary"><i class="fas fa-search"></i> دریافت بیجک</button>
                            </form>
                            <div id="bijakResult" class="mt-3"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-header"><h6><i class="fas fa-times-circle"></i> لغو حواله</h6></div>
                        <div class="card-body">
                            <form id="cancelIntroForm">
                                <div class="mb-3">
                                    <label class="form-label">کد رهگیری *</label>
                                    <input type="text" class="form-control" name="trace_code" required>
                                </div>
                                <button class="btn btn-danger"><i class="fas fa-ban"></i> لغو</button>
                            </form>
                            <div id="cancelIntroResult" class="mt-3"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header"><h6><i class="fas fa-mobile-alt"></i> ارسال OTP (HAVALEHTRACECODE)</h6></div>
                        <div class="card-body">
                            <form id="sendOtpForm">
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">کد رهگیری حواله *</label>
                                        <input type="text" class="form-control" name="havaleh_trace_code" required>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">عملیات</label>
                                        <select class="form-select" name="otp_operation">
                                            <option value="1">ثبت حواله / معرفی</option>
                                            <option value="2">لغو حواله</option>
                                            <option value="3">ثبت بارنامه</option>
                                        </select>
                                    </div>
                                </div>
                                <button class="btn btn-primary"><i class="fas fa-paper-plane"></i> ارسال</button>
                            </form>
                            <div id="sendOtpResult" class="mt-3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Bill lookup tab -->
        <div class="tab-pane fade" id="lookup" role="tabpanel">
            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header"><h6><i class="fas fa-search"></i> دریافت بارنامه با شماره/سریال</h6></div>
                        <div class="card-body">
                            <form id="lookupBillForm">
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">سریال</label>
                                        <input type="text" class="form-control" name="serial" required>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">شماره</label>
                                        <input type="number" class="form-control" name="number" required>
                                    </div>
                                </div>
                                <button class="btn btn-primary me-1"><i class="fas fa-eye"></i> LoadBillOfLadingByNumber</button>
                                <button type="button" class="btn btn-outline-secondary" onclick="checkExistBill()"><i class="fas fa-check"></i> CheckExist</button>
                            </form>
                            <div id="lookupBillResult" class="mt-3"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header"><h6><i class="fas fa-id-card-alt"></i> دریافت بارنامه با پلاک</h6></div>
                        <div class="card-body">
                            <form id="byPlaqueForm">
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">PLAQUE_ID *</label>
                                        <input type="text" class="form-control" name="plaque_id" required placeholder="24-917">
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">PLAQUE_SN *</label>
                                        <input type="text" class="form-control" name="plaque_sn" required>
                                    </div>
                                </div>
                                <button class="btn btn-primary"><i class="fas fa-search"></i> جستجو</button>
                            </form>
                            <div id="byPlaqueResult" class="mt-3"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mt-3">
                    <div class="card">
                        <div class="card-header"><h6><i class="fas fa-route"></i> Inquiry_BarnamehTraceCode</h6></div>
                        <div class="card-body">
                            <form id="barnamehTraceForm">
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">BARNUMBER *</label>
                                        <input type="number" class="form-control" name="bar_number" required>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">BARSERIAL *</label>
                                        <input type="text" class="form-control" name="bar_serial" required>
                                    </div>
                                </div>
                                <button class="btn btn-primary">دریافت کد رهگیری</button>
                            </form>
                            <div id="barnamehTraceResult" class="mt-3"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mt-3">
                    <div class="card">
                        <div class="card-header"><h6><i class="fas fa-shield-alt"></i> Inquiry_Insurance</h6></div>
                        <div class="card-body">
                            <form id="insuranceForm">
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">کد بیمه (InsuranceCompany) *</label>
                                        <input type="number" class="form-control" name="insurance_company" required placeholder="2">
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">شماره بیمه‌نامه *</label>
                                        <input type="text" class="form-control" name="insurance_number" required placeholder="011014162659">
                                    </div>
                                </div>
                                <button class="btn btn-primary">استعلام</button>
                            </form>
                            <div id="insuranceResult" class="mt-3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Generic raw-operation tab — drives all 37 TRNServiceV03 operations -->
        <div class="tab-pane fade" id="raw" role="tabpanel">
            <div class="card mt-3">
                <div class="card-header"><h6><i class="fas fa-terminal"></i> اجرای مستقیم عملیات سرویس راهداری</h6></div>
                <div class="card-body">
                    <p class="text-muted small">
                        نام عملیات را از فهرست انتخاب و پارامترها را به‌صورت JSON بنویسید.
                        اعتبارنامه (UserID/Password) به‌طور خودکار از تنظیمات اضافه می‌شود.
                    </p>
                    <form id="rawOpForm">
                        <div class="row">
                            <div class="col-md-5 mb-3">
                                <label class="form-label">عملیات (Operation)</label>
                                <select class="form-select" name="operation" id="rawOpName" required>
                                    @foreach ([
                                        'GetRmtoCurrentDate','GetCompanyStatus',
                                        'GetDriverByNational_ID','GetDriverBySmartCardNo',
                                        'GetFreighterBySmartCardNo','GetFreighterBySmartCardNoFull',
                                        'Inquiry_RealPerson','Inquiry_LegalPerson','Inquiry_PostalCode',
                                        'Inquiry_GNAFPostalCode','Inquiry_Insurance','Inquiry_RadTaeid_Barnameh',
                                        'Inquiry_TradeDocInformation','Inquiry_CheckWaybillAssign',
                                        'Inquiry_OrfOstanPrice','Inquiry_BarnamehTraceCode',
                                        'SendOTP','SendPasswordForDriverByNationalID',
                                        'SendPasswordForDriverBySmartCardNo','SendPasswordForFreighterBySmartCardNo',
                                        'InsertIntroduce','CancelIntroduce','GetCurrentState','GetBijakInfo',
                                        'GetSourcePlaceName','InsertBillOfLading',
                                        'RegisterBillOfLadingFormAsDamaged','LoadBillOfLadingByNumber',
                                        'LoadAllBillOfLadingByNumber','CheckExistBillOfLadingBySerialAndNumber',
                                        'GetBillOfLadingByPlaque','GetBillOfLadingByDriverNationalID',
                                        'GetBillOfLadingByDriverNationalIdInToday',
                                        'GetBillOfLadingByDriverCardNumberInToday',
                                        'GetBillOfLadingByFreighterCardNumberInToday',
                                        'RegisterReceipt','DeleteReceiptByID',
                                    ] as $op)
                                        <option value="{{ $op }}">{{ $op }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-7 mb-3">
                                <label class="form-label">پارامترها (JSON)</label>
                                <textarea class="form-control font-monospace" name="params" id="rawOpParams" rows="6" placeholder='{ "code": "0012345678" }'></textarea>
                            </div>
                        </div>
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" id="rawOpDebug" name="debug">
                            <label class="form-check-label" for="rawOpDebug">نمایش envelope ارسالی (Debug)</label>
                        </div>
                        <button class="btn btn-primary"><i class="fas fa-paper-plane"></i> اجرا</button>
                    </form>
                    <div id="rawOpResult" class="mt-3"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .nav-tabs .nav-link {
        color: #6c757d;
    }
    .nav-tabs .nav-link.active {
        font-weight: 600;
    }
    .result-box {
        background: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        padding: 15px;
        max-height: 400px;
        overflow-y: auto;
    }
    .result-box pre {
        margin: 0;
        white-space: pre-wrap;
    }
</style>

<script>
    // CSRF Token
    const csrfToken = document.querySelector('meta[name="csrf-token"]').content;

    // Toggle Driver Search Fields
    function toggleDriverSearch(type) {
        const smartCardField = document.getElementById('driverSmartCardField');
        const nationalCodeField = document.getElementById('driverNationalCodeField');
        
        if (type === 'smart_card') {
            smartCardField.style.display = 'block';
            nationalCodeField.style.display = 'none';
            smartCardField.querySelector('input').required = true;
            nationalCodeField.querySelector('input').required = false;
        } else {
            smartCardField.style.display = 'none';
            nationalCodeField.style.display = 'block';
            smartCardField.querySelector('input').required = false;
            nationalCodeField.querySelector('input').required = true;
        }
    }

    // Settings Form
    document.getElementById('settingsForm').addEventListener('submit', async (e) => {
        e.preventDefault();
        const formData = new FormData(e.target);
        const data = Object.fromEntries(formData);

        showLoading('در حال ذخیره...');
        
        try {
            const response = await fetch('{{ route("admin.rmto.settings.update") }}', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': csrfToken
                },
                body: JSON.stringify(data)
            });

            const result = await response.json();
            hideLoading();
            
            if (result.success) {
                showResult('settingsResult', result, 'success');
                updateDashboard(data);
            } else {
                showResult('settingsResult', result, 'danger');
            }
        } catch (error) {
            hideLoading();
            showResult('settingsResult', { message: 'خطا در ارتباط با سرور' }, 'danger');
        }
    });

    // Test Connection
    async function testConnection() {
        showLoading('در حال تست اتصال...');
        
        try {
            const response = await fetch('{{ route("admin.rmto.test-connection") }}', {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': csrfToken
                }
            });

            const result = await response.json();
            hideLoading();
            showResult('settingsResult', result, result.success ? 'success' : 'danger');
        } catch (error) {
            hideLoading();
            showResult('settingsResult', { message: 'خطا در ارتباط با سرور' }, 'danger');
        }
    }

    // Get Current Date
    async function getCurrentDate() {
        // Unified path — every dashboard test button goes through the generic
        // /admin/rmto/raw gateway so we always exercise the same code path
        // RmtoService::operation() uses for the dedicated "اجرای عملیات RMTO"
        // tab. Loading state is identical everywhere.
        await runRmtoOp('GetRmtoCurrentDate', {}, 'settingsResult', 'در حال دریافت تاریخ...');
    }

    async function runRmtoOp(operation, params, resultId, loadingMessage) {
        showLoading(loadingMessage || ('در حال اجرای ' + operation + '...'));
        try {
            const result = await postJson('{{ route("admin.rmto.raw") }}', { operation, params: params || {} });
            hideLoading();
            showResult(resultId, result, result.success ? 'success' : 'danger');
            return result;
        } catch (err) {
            hideLoading();
            showResult(resultId, { message: 'خطا در ارتباط با سرور' }, 'danger');
            return null;
        }
    }

    // Bill Form
    document.getElementById('billForm').addEventListener('submit', async (e) => {
        e.preventDefault();
        const formData = new FormData(e.target);
        const data = Object.fromEntries(formData);

        showLoading('در حال ثبت بارنامه...');
        
        try {
            const response = await fetch('{{ route("admin.rmto.test-bill") }}', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': csrfToken
                },
                body: JSON.stringify(data)
            });

            const result = await response.json();
            hideLoading();
            showResult('billResult', result, result.success ? 'success' : 'danger');
        } catch (error) {
            hideLoading();
            showResult('billResult', { message: 'خطا در ارتباط با سرور' }, 'danger');
        }
    });

    // Driver Form
    document.getElementById('driverForm').addEventListener('submit', async (e) => {
        e.preventDefault();
        const formData = new FormData(e.target);
        const data = Object.fromEntries(formData);

        showLoading('در حال استعلام...');
        
        try {
            const response = await fetch('{{ route("admin.rmto.driver-info") }}', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': csrfToken
                },
                body: JSON.stringify(data)
            });

            const result = await response.json();
            hideLoading();
            showResult('driverResult', result, result.success ? 'success' : 'danger');
        } catch (error) {
            hideLoading();
            showResult('driverResult', { message: 'خطا در ارتباط با سرور' }, 'danger');
        }
    });

    // Freighter Form
    document.getElementById('freighterForm').addEventListener('submit', async (e) => {
        e.preventDefault();
        const formData = new FormData(e.target);
        const data = Object.fromEntries(formData);

        showLoading('در حال استعلام...');
        
        try {
            const response = await fetch('{{ route("admin.rmto.freighter-info") }}', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': csrfToken
                },
                body: JSON.stringify(data)
            });

            const result = await response.json();
            hideLoading();
            showResult('freighterResult', result, result.success ? 'success' : 'danger');
        } catch (error) {
            hideLoading();
            showResult('freighterResult', { message: 'خطا در ارتباط با سرور' }, 'danger');
        }
    });

    // Legacy OTP form: WSDL SendOTP expects HAVALEHTRACECODE + OTPOPERATION;
    // mobile/national_code are not used by RMTO. Treat the mobile field as
    // the trace code so existing UI keeps working.
    document.getElementById('otpForm').addEventListener('submit', async (e) => {
        e.preventDefault();
        const formData = new FormData(e.target);
        const payload = {
            havaleh_trace_code: formData.get('mobile') || formData.get('national_code') || '',
            otp_operation: 1,
        };
        showLoading('در حال ارسال...');
        try {
            const response = await fetch('{{ route("admin.rmto.send-otp") }}', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': csrfToken },
                body: JSON.stringify(payload),
            });
            const result = await response.json();
            hideLoading();
            showResult('otpResult', result, result.success ? 'success' : 'danger');
        } catch (error) {
            hideLoading();
            showResult('otpResult', { message: 'خطا در ارتباط با سرور' }, 'danger');
        }
    });

    // Generic helper for new tabs
    async function postJson(url, data) {
        const resp = await fetch(url, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': csrfToken },
            body: JSON.stringify(data),
        });
        return resp.json();
    }

    function bindFormHandler(formId, url, resultId) {
        const el = document.getElementById(formId);
        if (!el) return;
        el.addEventListener('submit', async (e) => {
            e.preventDefault();
            const data = Object.fromEntries(new FormData(e.target));
            showLoading('...');
            try {
                const result = await postJson(url, data);
                hideLoading();
                showResult(resultId, result, result.success ? 'success' : 'danger');
            } catch (err) {
                hideLoading();
                showResult(resultId, { message: 'خطا در ارتباط با سرور' }, 'danger');
            }
        });
    }

    bindFormHandler('introduceForm',     '{{ route("admin.rmto.introduce.insert") }}',         'introduceResult');
    bindFormHandler('cancelIntroForm',   '{{ route("admin.rmto.introduce.cancel") }}',         'cancelIntroResult');
    bindFormHandler('currentStateForm',  '{{ route("admin.rmto.state.current") }}',            'currentStateResult');
    bindFormHandler('bijakForm',         '{{ route("admin.rmto.bijak.info") }}',               'bijakResult');
    bindFormHandler('sendOtpForm',       '{{ route("admin.rmto.send-otp") }}',                 'sendOtpResult');
    bindFormHandler('lookupBillForm',    '{{ route("admin.rmto.bill.load") }}',                'lookupBillResult');
    bindFormHandler('byPlaqueForm',      '{{ route("admin.rmto.bill.by-plaque") }}',           'byPlaqueResult');
    bindFormHandler('barnamehTraceForm', '{{ route("admin.rmto.inquiry.barnameh-trace-code") }}', 'barnamehTraceResult');
    bindFormHandler('insuranceForm',     '{{ route("admin.rmto.inquiry.insurance") }}',        'insuranceResult');

    // Generic raw-op runner — drives the catch-all `admin.rmto.raw` endpoint.
    document.getElementById('rawOpForm').addEventListener('submit', async (e) => {
        e.preventDefault();
        const op = document.getElementById('rawOpName').value;
        const paramsRaw = document.getElementById('rawOpParams').value.trim();
        const debug = document.getElementById('rawOpDebug').checked;
        let params = {};
        if (paramsRaw !== '') {
            try { params = JSON.parse(paramsRaw); }
            catch (_) {
                showResult('rawOpResult', { message: 'JSON پارامترها نامعتبر است' }, 'danger');
                return;
            }
        }
        showLoading('در حال اجرای ' + op);
        try {
            const result = await postJson('{{ route("admin.rmto.raw") }}', { operation: op, params, debug });
            hideLoading();
            showResult('rawOpResult', result, result.success ? 'success' : 'danger');
        } catch (err) {
            hideLoading();
            showResult('rawOpResult', { message: 'خطا در ارتباط با سرور' }, 'danger');
        }
    });

    async function checkExistBill() {
        const form = document.getElementById('lookupBillForm');
        const data = Object.fromEntries(new FormData(form));
        showLoading('...');
        try {
            const result = await postJson('{{ route("admin.rmto.bill.check-exist") }}', data);
            hideLoading();
            showResult('lookupBillResult', result, result.success ? 'info' : 'danger');
        } catch (err) {
            hideLoading();
            showResult('lookupBillResult', { message: 'خطا در ارتباط با سرور' }, 'danger');
        }
    }

    // National Code Form
    document.getElementById('nationalCodeForm').addEventListener('submit', async (e) => {
        e.preventDefault();
        const formData = new FormData(e.target);
        const data = Object.fromEntries(formData);

        showLoading('در حال استعلام...');
        
        try {
            const response = await fetch('{{ route("admin.rmto.inquiry.real-person") }}', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': csrfToken
                },
                body: JSON.stringify(data)
            });

            const result = await response.json();
            hideLoading();
            showResult('nationalCodeResult', result, result.success ? 'success' : 'danger');
        } catch (error) {
            hideLoading();
            showResult('nationalCodeResult', { message: 'خطا در ارتباط با سرور' }, 'danger');
        }
    });

    // Postal Code Form
    document.getElementById('postalCodeForm').addEventListener('submit', async (e) => {
        e.preventDefault();
        const formData = new FormData(e.target);
        const data = Object.fromEntries(formData);

        showLoading('در حال استعلام...');
        
        try {
            const response = await fetch('{{ route("admin.rmto.inquiry.postal-code") }}', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': csrfToken
                },
                body: JSON.stringify(data)
            });

            const result = await response.json();
            hideLoading();
            showResult('postalCodeResult', result, result.success ? 'success' : 'danger');
        } catch (error) {
            hideLoading();
            showResult('postalCodeResult', { message: 'خطا در ارتباط با سرور' }, 'danger');
        }
    });

    // Helper Functions
    function showResult(elementId, result, type) {
        const element = document.getElementById(elementId);
        element.innerHTML = `
            <div class="alert alert-${type}">
                ${result.message || 'عملیات انجام شد'}
            </div>
            ${result.data ? `<div class="result-box"><pre>${JSON.stringify(result.data, null, 2)}</pre></div>` : ''}
        `;
    }

    function showLoading(message) {
        document.querySelector('.loading-overlay').classList.add('show');
    }

    function hideLoading() {
        document.querySelector('.loading-overlay').classList.remove('show');
    }

    function updateDashboard(data) {
        document.getElementById('currentEnv').textContent = data.environment === 'test' ? 'تست' : 'عملیاتی';
        document.getElementById('currentUsername').textContent = data.username || 'تنظیم نشده';
    }
</script>
@endsection