@extends('client.layouts.client')

@section('title', 'Điều khoản dịch vụ')

@section('content')
<section class="py-5">
    <div class="container">
        <div class="mx-auto bg-white border rounded-3 shadow p-4 p-md-5">
            <h2 class="text-center text-danger fw-bold mb-3 fs-3">ĐIỀU KHOẢN DỊCH VỤ CỦA {{ site('name_site') }}</h2>
            <p class="text-center text-muted fw-semibold fs-6 mb-4">Việc bạn sử dụng website đồng nghĩa với việc bạn đồng ý với các điều khoản dưới đây.</p>

            @php
                $rules = [
                    'QUY ĐỊNH VỀ TÀI KHOẢN VÀ TIỀN TỆ' => [
                        'Giá trị quy đổi trên website tương đương tiền tệ VNĐ, với tỉ giá có thể dao động theo thị trường.',
                        'Việc nạp tiền vào tài khoản là hoàn toàn tự nguyện, nhằm mục đích sử dụng các dịch vụ được cung cấp trên website.',
                        'Khi nạp tiền thành công, người dùng sẽ nhận được số dư tương ứng (có thể kèm khuyến mãi từ quản trị viên). Số tiền này không thể quy đổi ngược lại thành tiền mặt hoặc rút ra khỏi hệ thống.',
                    ],
                    'QUY ĐỊNH VỀ ĐƠN HÀNG VÀ DỊCH VỤ' => [
                        'Bạn nên chạy thử nghiệm với số lượng nhỏ để đánh giá và lựa chọn dịch vụ phù hợp nhất.',
                        'Bắt buộc đọc kỹ thông tin chi tiết của từng máy chủ (hiển thị khi bạn chọn dịch vụ) trước khi đặt hàng.',
                        'Đảm bảo rằng thông tin bạn cung cấp để cài đặt dịch vụ là chính xác và phù hợp với yêu cầu của máy chủ.',
                        'Tốc độ hiển thị chỉ mang tính chất tham khảo và có thể không chính xác 100% so với thực tế.',
                        'Mỗi dịch vụ có các quy định riêng biệt. Vui lòng xem chi tiết tại thông tin máy chủ của dịch vụ đó trước khi sử dụng.',
                        'Các quy định và cách thức hoạt động của dịch vụ có thể thay đổi theo thời gian mà không cần báo trước.',
                        'Đối với các đơn hàng báo lỗi hoặc yêu cầu hủy, vui lòng liên hệ bộ phận hỗ trợ để được kiểm tra và xử lý kịp thời.',
                    ],
                    'CHÍNH SÁCH CHẤT LƯỢNG DỊCH VỤ' => [
                        'Website chúng tôi tập trung cung cấp các dịch vụ với mức giá cạnh tranh. Các loại hình dịch vụ bao gồm:',
                        '<strong>Dịch vụ không bảo hành</strong>: Các dịch vụ này có rủi ro cao hơn, đơn hàng có thể không chạy hoặc không đạt yêu cầu. Chúng tôi không hỗ trợ hoàn tiền đối với các đơn hàng thuộc loại này.',
                        '<strong>Dịch vụ có bảo hành</strong>: Các dịch vụ này được bảo hành trong khoảng thời gian được ghi rõ tại thông tin máy chủ. Bạn có thể yêu cầu bảo hành nếu dịch vụ không lên đủ số lượng hoặc không hoạt động như cam kết.',
                        'Bạn có thể yêu cầu thêm bảo hành cho các dịch vụ không có bảo hành ban đầu, tùy thuộc vào chính sách cụ thể.',
                        'Các đơn hàng không bảo hành vẫn có thể được xem xét hỗ trợ hoàn tiền trong một số trường hợp đặc biệt, theo quyết định của quản trị viên.',
                        'Mọi quyết định cuối cùng liên quan đến dịch vụ và hoàn tiền đều thuộc về quản trị viên.',
                    ],
                    'ĐỐI VỚI KHÁCH HÀNG' => [
                        'Nghiêm cấm sử dụng website cho các mục đích vi phạm pháp luật, chính trị, đồi trụy hoặc các hành vi trái đạo đức khác. Mọi vi phạm sẽ dẫn đến việc khóa tài khoản vĩnh viễn và bạn sẽ phải chịu trách nhiệm trước pháp luật.',
                        'Bạn có quyền báo cáo các dịch vụ không đạt hiệu quả hoặc gặp vấn đề tại mục hỗ trợ.',
                    ],
                    'TRÁCH NHIỆM CỦA QUẢN TRỊ VIÊN' => [
                        'Chúng tôi có trách nhiệm hoàn thành các dịch vụ mà bạn đã yêu cầu và thanh toán.',
                        'Tiếp nhận và xử lý các lỗi hoặc vấn đề được người dùng báo cáo một cách kịp thời.',
                        'Từ chối hỗ trợ đối với các ID hoặc yêu cầu vi phạm điều khoản, hoặc không tuân thủ hướng dẫn sử dụng.',
                    ],
                    'QUY ĐỊNH VỀ YÊU CẦU HỖ TRỢ' => [
                        'Khi yêu cầu hỗ trợ, vui lòng đi thẳng vào vấn đề bạn cần được giúp đỡ, tránh các tin nhắn chung chung.',
                        'Cung cấp mã đơn hàng một cách rõ ràng (ghi riêng, không gộp chung với các thông tin khác).',
                        'Miêu tả chi tiết và rõ ràng vấn đề bạn đang gặp phải để quản trị viên có thể hỗ trợ bạn tốt nhất.',
                    ],
                    'CHÍNH SÁCH BẢO MẬT THÔNG TIN' => [
                        'Chúng tôi thu thập các thông tin cá nhân của người dùng bao gồm: số điện thoại, email, địa chỉ IP, các ID liên quan đến dịch vụ và nội dung dịch vụ đã sử dụng.',
                        'Mọi thông tin người dùng được thu thập sẽ được bảo mật tuyệt đối theo chính sách của chúng tôi.',
                    ],
                ];
            @endphp

            <div class="mt-4">
                @foreach($rules as $title => $items)
                    <div class="mb-4 pb-3 border-bottom">
                        <h5 class="fw-bold text-dark fs-5 mb-3">{{ $title }}</h5>
                        <ul class="text-muted fw-semibold fs-6 ps-3">
                            @foreach($items as $item)
                                <li class="mb-2">{!! $item !!}</li>
                            @endforeach
                        </ul>
                    </div>
                @endforeach

                <div class="mb-4 pb-3 border-bottom">
                    <h5 class="fw-bold text-dark fs-5 mb-3">CÁC TRẠNG THÁI ĐƠN HÀNG</h5>
                    <ul class="fw-semibold text-muted fs-6">
                        <li class="mb-2">
                            <span class="badge bg-success bg-opacity-25 text-success rounded-pill px-3 py-1">Hoàn thành</span> : Đơn hàng đã được xử lý và hoàn tất.
                        </li>
                        <li class="mb-2">
                            <span class="badge bg-primary bg-opacity-25 text-primary rounded-pill px-3 py-1">Đang chạy</span> : Đơn hàng đang trong quá trình thực hiện.
                        </li>
                        <li class="mb-2">
                            <span class="badge bg-danger bg-opacity-25 text-danger rounded-pill px-3 py-1">Đang tiến hành</span> : Đơn hàng đang được xếp hàng chờ xử lý.
                        </li>
                        <li class="mb-2">
                            <span class="badge bg-info bg-opacity-25 text-info rounded-pill px-3 py-1">Đang xử lý</span> : Đơn hàng đang được bắt đầu thực hiện.
                        </li>
                        <li class="mb-2">
                            <span class="badge bg-danger bg-opacity-25 text-danger rounded-pill px-3 py-1">Đã hủy</span> : Đơn hàng gặp lỗi và đã bị hủy.
                        </li>
                        <li class="mb-2">
                            <span class="badge bg-warning bg-opacity-25 text-warning rounded-pill px-3 py-1">Chờ xử lý</span> : Đơn hàng đang chờ được xử lý.
                        </li>
                        <li class="mb-2">
                            <span class="badge bg-danger bg-opacity-25 text-danger rounded-pill px-3 py-1">Đã hoàn tiền</span> : Đơn hàng đã được xác nhận lỗi và hoàn lại tiền.
                        </li>
                    </ul>
                </div>

                <div class="mb-4">
                    <h5 class="fw-bold text-dark fs-5 mb-3">CÁC TRẠNG THÁI NẠP THẺ CÀO</h5>
                    <ul class="fw-semibold text-muted fs-6">
                        <li class="mb-2">
                            <span class="badge bg-warning bg-opacity-25 text-warning rounded-pill px-3 py-1">Chờ xử lý</span> : Thẻ cào đã được gửi và đang chờ hệ thống kiểm tra.
                        </li>
                        <li class="mb-2">
                            <span class="badge bg-success bg-opacity-25 text-success rounded-pill px-3 py-1">Thành công</span> : Thẻ cào hợp lệ và số dư đã được cộng vào tài khoản của bạn.
                        </li>
                        <li class="mb-2">
                            <span class="badge bg-danger bg-opacity-25 text-danger rounded-pill px-3 py-1">Thất bại</span> : Thẻ cào sai mã, sai mệnh giá hoặc đã được sử dụng trước đó.
                        </li>
                    </ul>
                </div>

                <p class="text-danger text-center fw-bold fs-6 mt-4">Lưu ý quan trọng: Các điều khoản này có thể được thay đổi và cập nhật thường xuyên để phù hợp với tình hình thực tế và chính sách của chúng tôi.</p>

                <h5 class="text-center text-dark fw-bold fs-5 mt-5">{{ site('name_site') }} chân thành cảm ơn bạn đã tin tưởng và sử dụng dịch vụ của chúng tôi!</h5>
            </div>
        </div>
    </div>
</section>
@endsection