@extends('admin.layouts.layout')
@section('title', 'پشتیبانی ترب‌پی')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">

    <div class="d-flex align-items-center justify-content-between mb-4">
        <div>
            <h4 class="mb-1">پشتیبانی ترب‌پی</h4>
            <p class="text-muted mb-0 small">راه‌های تماس و پرسش‌های متداول</p>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ $settingsUrl }}" class="btn btn-outline-secondary btn-sm">تنظیمات درگاه</a>
            <a href="{{ $ordersUrl }}" class="btn btn-outline-secondary btn-sm">سفارش‌های ترب‌پی</a>
        </div>
    </div>

    <div class="row g-4">
        <div class="col-lg-6">
            <div class="card h-100">
                <div class="card-header">
                    <h5 class="mb-0">تماس با پشتیبانی</h5>
                </div>
                <div class="card-body">
                    <p class="text-muted">برای دریافت پشتیبانی و راهنمایی می‌توانید از طرق زیر تماس بگیرید:</p>

                    <div class="border rounded p-3 mb-3">
                        <div class="fw-medium mb-2"><i class="ti ti-brand-telegram me-1"></i>پشتیبان تلگرام</div>
                        <div class="d-flex flex-wrap gap-2">
                            <a href="https://t.me/Tp_shop_support" target="_blank" rel="noopener" class="btn btn-sm btn-outline-primary">پیام شخصی</a>
                            <a href="https://t.me/+7G6KD-xi1kI3MjY8" target="_blank" rel="noopener" class="btn btn-sm btn-outline-primary">کانال تلگرام</a>
                        </div>
                    </div>

                    <div class="border rounded p-3 mb-4">
                        <div class="fw-medium mb-2"><i class="ti ti-mail me-1"></i>پست الکترونیکی</div>
                        <a href="mailto:torobpay@gmail.com">torobpay@gmail.com</a>
                    </div>

                    <h6 class="mb-3">لینک‌های مفید</h6>
                    <div class="border rounded p-3 mb-2">
                        <div class="fw-medium">پنل فروشندگان ترب‌پی</div>
                        <p class="small text-muted mb-2">مدیریت سفارش‌ها و پیگیری تراکنش‌ها</p>
                        <a href="https://panel.torobpay.com/s" target="_blank" rel="noopener" class="btn btn-sm btn-primary">ورود به پنل</a>
                    </div>
                    <div class="border rounded p-3 mb-2">
                        <div class="fw-medium">صفحه ترب‌پی</div>
                        <p class="small text-muted mb-2">صفحه رسمی ترب‌پی</p>
                        <a href="https://torobpay.com" target="_blank" rel="noopener" class="btn btn-sm btn-outline-secondary">مشاهده سایت</a>
                    </div>
                    <div class="border rounded p-3">
                        <div class="fw-medium">سفارش‌های ترب‌پی در فروشگاه</div>
                        <p class="small text-muted mb-2">لیست سفارش‌ها و عودت از پنل ادمین</p>
                        <a href="{{ $ordersUrl }}" class="btn btn-sm btn-outline-secondary">مشاهده سفارش‌ها</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="card h-100">
                <div class="card-header">
                    <h5 class="mb-0">پرسش‌های متداول</h5>
                </div>
                <div class="card-body">
                    <div class="accordion" id="tpFaq">
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
                                    از کجا بدانم سفارش موفق بوده است؟
                                </button>
                            </h2>
                            <div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#tpFaq">
                                <div class="accordion-body small">
                                    وارد جزئیات سفارش شوید. اگر در یادداشت‌های سفارش عبارت مربوط به تراکنش موفق ترب‌پی باشد، پرداخت موفق بوده است.
                                    همچنین وضعیت را از
                                    <a href="https://panel.torobpay.com/s" target="_blank" rel="noopener">پنل فروشندگان ترب‌پی</a>
                                    بررسی کنید.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
                                    سفارش‌های ترب‌پی را از کجا بررسی کنم؟
                                </button>
                            </h2>
                            <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#tpFaq">
                                <div class="accordion-body small">
                                    از منوی تنظیمات → درگاه پرداخت ترب‌پی →
                                    <a href="{{ $ordersUrl }}">سفارش‌های ترب‌پی</a>
                                    می‌توانید لیست سفارش‌ها را ببینید.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
                                    چگونه سفارش را کنسل / عودت کنم؟
                                </button>
                            </h2>
                            <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#tpFaq">
                                <div class="accordion-body small">
                                    از صفحه سفارش‌های ترب‌پی روی دکمه «عودت» کلیک کنید، یا وضعیت سفارش را روی «لغو شده» / «عودت شده» قرار دهید.
                                    در این حالت API لغو ترب‌پی فراخوانی می‌شود و عودت وجه توسط ترب‌پی (حداکثر ۴۸ ساعت) انجام می‌شود؛ فروشگاه نباید مبلغی به مشتری پرداخت کند.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4">
                                    عودت وجه چگونه انجام می‌شود؟
                                </button>
                            </h2>
                            <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#tpFaq">
                                <div class="accordion-body small">
                                    در صورت لغو یا تغییر سفارش، مبلغ توسط ترب‌پی و ظرف حداکثر ۴۸ ساعت به مشتری بازمی‌گردد.
                                    حتی اگر بخشی از سفارش با فروشگاه تسویه شده باشد، عودت باید از طریق ترب‌پی انجام شود.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
