@extends('frontend::layouts.master')

@section('content')
    <div class="bg-top-sub-gradient py-12">
        <h1 class="text-center text-24 lg:text-36 font-bold text-primary leading-10">Check warranty</h1>
        <div class="container pt-12">
            <div class="flex flex-wrap -mx-4">
                <div class="w-full lg:w-3/12 px-4 pb-2 lg:pb-0">
                    @php
                        $menuData = [
                            [
                                'name' => 'menu1',
                                'title' => 'วิธีการจัดส่ง',
                                'url' => '#',
                            ],
                            [
                                'name' => 'menu2',
                                'title' => 'วิธีการติดตามสถานะพัสดุ',
                                'url' => '#',
                            ],
                            [
                                'name' => 'menu3',
                                'title' => 'ขั้นตอนการเปลี่ยนสินค้า',
                                'url' => '#',
                            ],
                            [
                                'name' => 'menu4',
                                'title' => 'ขั้นตอนการส่งเคลม',
                                'url' => '#',
                            ],
                            [
                                'name' => 'menu5',
                                'title' => 'รูปแบบการคืนเงิน',
                                'url' => '#',
                            ],
                        ];
                    @endphp
                    <x-frontend::navigation.sidebar-navigation.template :menuData=$menuData :active=4></x-frontend::navigation.sidebar-navigation.template-member>
                    <button class="sidebar-more-trigger button-secondary-bordered !bg-opacity-50 !border-none lg:hidden justify-between w-full inline-flex gap-x-3 items-center">
                        <p>รูปแบบการคืนเงิน</p>
                        <svg class="lg:hidden shrink-0 w-[24px] h-[24px] text-gray-400 dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="m9 18 6-6-6-6"></path>
                        </svg>
                    </button>
                </div>
                <div class="w-full lg:w-9/12 px-4">
                    <div class="text-editor">
                        <img src="{{ Module::asset('frontend:img/refund.png') }}" class="">
                        <h3 class="text-secondary font-semibold mt-3">วิธีการคืนเงิน กรณีชำระสินค้าผ่านบัตรเครดิต</h3>
                        <p>กรณีชำระสินค้าผ่านบัตรเครดิต แบบชำระเงินเต็มจำนวนหรือแบบผ่อนชำระ บริษัทฯจะทำการคืนเงินค่าสินค้า กลับเข้าวงเงินบัญชีบัตรเครดิตที่ลูกค้าใช้ทำการซื้อสินค้า ภายในระยะเวลา 15 – 30 วัน (ขอสงวนสิทธิ์ข้อมูลชื่อบนบัตรเครดิตต้องตรงตามรายชื่อผู้สั่งซื้อสินค้าบนเว็บไซต์เท่านั้น)</p>

                        <h3 class="text-secondary font-semibold mt-3">วิธีการคืนเงิน กรณีชำระสินค้าผ่านช่องทางอื่น ๆ</h3>
                        <p>กรณีชำระสินค้าผ่านเคาท์เตอร์ธนาคาร, เคาท์เตอร์เซอร์วิส, หักบัญชีธนาคาร, เก็บเงินสดปลายทาง หรือ เอทีเอ็ม บริษัทฯจะทำการคืนเงินค่าสินค้า คืนกลับเข้าบัญชีธนาคาร ที่ลูกค้าได้ทำการแจ้งไว้ทีเมนูขอคืนสินค้า ภายในระยะเวลา 15 - 30 วัน นับตั้งแต่วันที่บริษัทฯ ได้รับเอกสารครบ*</p>

                        <h3 class="text-secondary font-semibold mt-3">เอกสารแนบในการคืนเงิน กรณีชำระสินค้าด้วยเงินสด</h3>

                        <h4 class="font-semibold">ลูกค้าทั่วไป/บุคคลธรรมดา</h3>
                        <ul>
                            <li>สำเนาบัตรประชาชน เซ็นชื่อรับรองสำเนาถูกต้อง พร้อมระบุ "ใช้เพื่อขอรับเงินคืนจาก Bnn Online เท่านั้น"</li>
                            <li>สำเนาหน้าบัญชีธนาคาร (Book bank)</li>
                            <li>สลิปการโอนเงิน/หลักฐานการชำระเงิน</li>
                        </ul>

                        <h4 class="font-semibold">ลูกค้านิติบุคคล</h3>
                        <ul>
                            <li>สำเนาหนังสือรับรองบริษัทฯ และภพ.20</li>
                            <li>สำเนาหน้าบัญชีธนาคารของบริษัทฯ</li>
                            <li>สำเนาหลักฐาน/สลิปการชำระเงิน</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection