@extends('frontend')

@section('content')

    <div class="row justify-content-center" style="background:#F5F5F5;padding-top:150px">
        <div class="col-12 col-md-12 col-lg-12" style="">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-6 col-lg-6">
                        <a href="{{ url('/') }}" class="text-decoration-none text-dark">หน้าแรก</a> <b>| KFC</b>
                        <h3 class="mt-5"><b>KFC</b></h3>
                        <div>
                            <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                            <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                            <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                            <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                            <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                            <span class="ms-3"><b>10 เรตติ้ง 2 รีวิว</b></span>
                        </div>
                        <div>อาหารจานด่วน, ไก่ทอด, เครื่องดื่ม</div>
                    </div>
                    <div class="col-12 col-md-3 col-lg-3  align-self-end">
                        <div class="text-end">
                            <div class="d-inline-block">
                                <div class="f-w-b text-start">แชร์</div>
                                <button class="btn btn-light px-0 border-0 background-none">
                                    <img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}" alt=""></button>
                                <button class="btn btn-light px-0 border-0 background-none"><img
                                        src="{{ url('assets/frontend/icon/icon-twitter.svg') }}" alt=""></button>
                                <button class="btn btn-light px-0 border-0 background-none">
                                    <img src="{{ url('assets/frontend/icon/icon-line.svg') }}" alt=""></button>
                                <button class="btn btn-light px-0 border-0 background-none"><img
                                        src="{{ url('assets/frontend/icon/icon-link.svg') }}" alt=""></button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-4 mb-5">
                    <div class="col-12 col-md-3 col-lg-3 pb-5">
                        <div class="rounded">
                            <img src="{{ url('assets/frontend/img/shop_banner-01.jpg') }}" alt="" class="w-100 rounded">
                            <div class="p-2">
                                <div class="row">
                                    <div class="col-4 p-1">
                                        <img src="{{ url('assets/frontend/img/shop_photo-1.jpg') }}" style="width:100%"
                                            onclick="openModal();currentSlide(1)" class="hover-shadow cursor rounded">
                                    </div>
                                    <div class="col-4 p-1">
                                        <img src="{{ url('assets/frontend/img/shop_photo-2.jpg') }}" style="width:100%"
                                            onclick="openModal();currentSlide(2)" class="hover-shadow cursor rounded">
                                    </div>
                                    <div class="col-4 p-1 position-relative">
                                        <img src="{{ url('assets/frontend/img/shop_photo-3.jpg') }}" style="width:100%"
                                            class="hover-shadow cursor rounded">
                                        <div class="position-absolute"
                                            style="height: 100%;top: 0;left: 0;width: 100%;padding: 4px;cursor: pointer;"
                                            onclick="openModal();currentSlide(3)">
                                            <div style="background: rgba(0,0,0,0.5);height: 100%;border-radius: 10px;">
                                                <span class="position-absolute"
                                                    style="top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;">
                                                    <h4>+6</h4>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-md-9 col-lg-6 pb-5">
                        <div class="rounded shadow-sm p-4 bg-white">
                            <div>
                                <span class="f-w-b text-green">เปิดอยู่</span>
                                <span class="ms-3">เปิดทุกวัน | เวลาเปิด-ปิด : 10:30 - 23:00</span>
                            </div>
                            <div class="mt-3">
                                <h5><b>รายละเอียดร้านค้า</b> <span
                                        class="f-size-default tags-yellow rounded-pill px-3 py-1">มือสอง</span></h5>
                            </div>
                            <div>
                                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
                                invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
                                et justo duo dolores et ea rebum.
                            </div>
                            <div class="mt-4">
                                <h5><b>ช่วงราคา</b></h5>
                            </div>
                            <div>
                                29 - 1,000 บาท
                            </div>
                            <div class="mt-3">
                                <h5><b>โปรโมชั่น</b></h5>
                            </div>
                            <div>
                                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
                                invidunt ut labore et dolore
                            </div>
                            <div class="mt-4">
                                <h5><b>สิ่งอำนวยความสะดวก</b></h5>
                            </div>
                            <div>
                                <ul class="ms-3 fa-ul ps-2">
                                    <li><span class="fa-li"><i class="fa fa-check-circle"
                                                aria-hidden="true"></i></span>ที่จอดรถ</li>
                                    <li><span class="fa-li"><i class="fa fa-check-circle"
                                                aria-hidden="true"></i></span>บัตรเครติต</li>
                                    <li><span class="fa-li"><i class="fa fa-check-circle"
                                                aria-hidden="true"></i></span>เดลิเวอรี่</li>
                                </ul>
                            </div>
                            <hr>
                            <div class="mt-4">
                                <h5><b>เกี่ยวกับร้านค้า</b></h5>
                            </div>
                            <div>
                                <iframe
                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d61687.90556587817!2d102.05395929320156!3d14.90954085079231!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x279e049ca8ee87a0!2sKFC!5e0!3m2!1sth!2sth!4v1629965117413!5m2!1sth!2sth"
                                    width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                            </div>
                            <div class="mt-3">
                                <span style="color:#F66074;font-size:22px;padding-right:7px"><i class="fa fa-map-marker"
                                        aria-hidden="true"></i></span>
                                Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
                                diam nonumy
                            </div>
                            <div class="mt-1">
                                <span style="color:#F66074;font-size:22px;padding-right:5px"><i class="fa fa-phone"
                                        aria-hidden="true"></i></span>
                                1150, 000-000-0000
                            </div>
                            <div class="mt-4">
                                <h5><b>ช่องทางติดต่อร้านค้า</b></h5>
                            </div>
                            <div class="">
                                <a href="" class="btn btn-light px-0 border-0 background-none"><img
                                        src="{{ url('assets/frontend/icon/icon-facebook.svg') }}" alt=""></a>
                                <a href="" class="btn btn-light px-0 border-0 background-none"><img
                                        src="{{ url('/assets/frontend/icon/icon-line.svg') }}" alt=""></a>
                                <a href="" class="btn btn-light px-0 border-0 background-none"><img
                                        src="{{ url('/assets/frontend/icon/icon-twitter.svg') }}" alt=""></a>
                            </div>
                            <div class="mt-5">
                                <i class="fa fa-info-circle" aria-hidden="true" style="font-size: 22px;color:#D3D3D3;"></i>
                                <a href="" class="text-dark" data-bs-toggle="modal"
                                    data-bs-target="#Modal-policy">ข้อกำหนดในการซื้อสินค้าและบริการ ผ่านช่องทางของเรา</a>
                            </div>
                        </div>

                        <div class="rounded shadow-sm p-4 bg-white mt-3">
                            <div class="mt-3">
                                <h5><b>ให้ะแนนร้านค้า</b></h5>
                            </div>
                            <div class="text-center">
                                <i class="fa fa-star ico-yellow f-size-34" aria-hidden="true"></i>
                                <i class="fa fa-star ico-yellow f-size-34" aria-hidden="true"></i>
                                <i class="fa fa-star ico-yellow f-size-34" aria-hidden="true"></i>
                                <i class="fa fa-star ico-gray f-size-34" aria-hidden="true"></i>
                                <i class="fa fa-star ico-gray f-size-34" aria-hidden="true"></i>
                            </div>
                        </div>

                        <div class="rounded shadow-sm p-4 bg-white mt-3">
                            <div class="mt-3">
                                <h5><b>เขียนรีวิว</b> <span class="f-size-default">
                                        (กรุณาลงชื่อเข้าใช้ก่อนเขียนรีวิว)</span></h5>
                            </div>
                            <div class="mt-3">
                                <form class="row g-3 needs-validation" novalidate>
                                    <div class="mb-3">
                                        <label for="exampleFormControlInput1" class="form-label "><b>หัวเรื่อง</b> <span
                                                class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="exampleFormControlInput1" placeholder=""
                                            required>
                                    </div>
                                    <div class="mb-3">
                                        <label for="exampleFormControlTextarea1" class="form-label"><b>รายละเอียด</b> <span
                                                class="text-danger">*</span></label>
                                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"
                                            required></textarea>
                                    </div>
                                    <div>
                                        <h5><b>อัพโหลดรูปภาพ</b> <span class="f-size-default"> (ขนาดไฟล์ไม่เกิน 1 MB/รูป,
                                                อัพโหลดได้ไม่เกิน 10 รูป)</span></h5>
                                    </div>
                                    <div>
                                        <button onclick="importData()" class="rounded-pill border-0 px-5 py-2"
                                            style="background-color: #FFCF15">
                                            <i class="fa fa-upload" aria-hidden="true"></i> เพิ่มไฟล์
                                        </button>
                                        <span class="text-black-50">อัพโหลดแล้ว 1 รูป</span>
                                    </div>
                                    <div class="mb-3">
                                        <div class="ex-checkbox">
                                            <input type="checkbox" id="radio_one" name="" value="1">
                                            <label for="radio_one" class="radio_one"> เปิดเผยชื่อผู้ใช้</label>

                                        </div>
                                    </div>
                                    <div>
                                        <button type="submit"
                                            class="rounded-pill w-100 a-regis text-decoration-none text-white border-0 text-center"
                                            style="background-color: #F66074;padding: 7px 50px;">
                                            ส่งความคิดเห็น
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="rounded shadow-sm p-4 bg-white mt-3">
                            <div class="row justify-content-end position-relative">
                                <div class="position-absolute" style="left: 0;top:0">
                                    <img src="{{ url('assets/frontend/icon/user1.png') }}" alt="" class=""
                                        style="width: 70px;" class="p-3">
                                </div>
                                <div class="col-12 col-md-10 col-lg-10 align-self-end">
                                    <div class="">
                                        <img src="{{ url('assets/frontend/icon/user-pink.svg') }}" alt="" class=""
                                            style="height: 15px;">
                                        <span class="align-middle">Kitty</span>
                                        <span class="float-end">1 สัปดาห์ที่แล้ว</span>
                                    </div>
                                    <div class="mt-2">
                                        <h5><b>อร่อยมากค่ะ ชอบเมนูวิ้งค์แซ่บมาก</b></h5>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div>
                                        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
                                        tempor invidunt ut labore et dolore magna aliquyam erat,
                                    </div>
                                    <div class="mt-3 p-1">
                                        <div class="row">
                                            <div class="col-4 col-md-2 col-lg-2 p-1 ">
                                                <img src="{{ url('assets/frontend/img/shop_photo-1.jpg') }}" alt=""
                                                    class="w-100 rounded cursor-pointer"
                                                    onclick="openModal();currentSlide(1)">
                                            </div>
                                            <div class="col-4 col-md-2 col-lg-2 p-1">
                                                <img src="{{ url('assets/frontend/img/shop_photo-2.jpg') }}" alt=""
                                                    class="w-100 rounded cursor-pointer"
                                                    onclick="openModal();currentSlide(2)">
                                            </div>
                                            <div class="col-4 col-md-2 col-lg-2 p-1">
                                                <img src="{{ url('assets/frontend/img/shop_photo-3.jpg') }}" alt=""
                                                    class="w-100 rounded cursor-pointer"
                                                    onclick="openModal();currentSlide(3)">
                                            </div>
                                        </div>

                                    </div>
                                    <hr class="mb-0">
                                    <div>
                                        <button class="border-0 background-none ps-0">
                                            <img src="{{ url('assets/frontend/icon/like-pink.svg') }}" alt="" class="">
                                            <span class="align-middle">5 Like</span>
                                        </button>
                                        <button class="border-0 background-none">
                                            <img src="{{ url('assets/frontend/icon/comment-pink.svg') }}" alt=""
                                                class="">
                                            <span class="align-middle">1 Comment</span>
                                        </button>
                                        <button class="border-0 background-none">
                                            <img src="{{ url('assets/frontend/icon/reply-pink.svg') }}" alt="" class="">
                                            <span class="align-middle">Reply</span>
                                        </button>
                                    </div>
                                    <div class="mt-3 ps-5 position-relative">
                                        <div class="position-absolute" style="left: 0;top:0">
                                            <img src="{{ url('assets/frontend/icon/user2.png') }}" alt="" class=""
                                                style="width: 40px">
                                        </div>
                                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="2"
                                            required=""></textarea>
                                        <div class="mt-3">
                                            <div class="ex-checkbox">
                                                <input type="checkbox" id="radio_one" name="" value="1">
                                                <label for="radio_one" class="radio_one"> เปิดเผยชื่อผู้ใช้</label>
                                            </div>
                                        </div>
                                        <div class="mt-3 text-end">
                                            <button type="submit"
                                                class="rounded-pill a-regis text-decoration-none text-white border-0 text-center"
                                                style="background-color: #F66074;padding: 7px 50px;">
                                                ส่งความคิดเห็น
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-12 col-lg-3">
                        <div class="mb-4">
                            <h3><b>ร้านอื่นในซอยหมี 1</b></h3>
                        </div>
                        <div class="row">
                            <div class="col-12 col-md-4 col-lg-12">
                                <div class="rounded shadow-sm a-p mb-3">
                                    <a href="{{ url('product/detail/1') }}"
                                        class="d-block text-dark text-decoration-none">
                                        <div class="position-relative">
                                            <img src="{{ url('assets/frontend/img/shop_banner-09.jpg') }}" alt=""
                                                class="w-100">
                                            <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                        </div>
                                    </a>
                                    <div class="p-3 position-relative" style="background-color:#fff;min-height: 160px;">
                                        <a href="{{ url('product/detail/1') }}"
                                            class="d-block text-dark text-decoration-none">
                                            <div>
                                                <h4><b>Potato Corner</b></h4>
                                            </div>
                                            <div>
                                                <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                                <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                                <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                                <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                                <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                            </div>
                                            <div class="c-g">ของทานเล่น, เฟรนช์ฟรายส์, ไกป๊อป</div>
                                        </a>
                                        <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                            <span data-bs-toggle="collapse" href="#collapseExample" role="button">
                                                <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                            </span>
                                        </div>
                                        <div class="collapse box-share " id="collapseExample" style="">
                                            <div class="text-center p-2">
                                                <span data-bs-toggle="collapse" href="#collapseExample" role="button">
                                                    <img src="{{ url('assets/frontend/icon/close.svg') }}" alt=""
                                                        class="">
                                                </span>
                                            </div>
                                            <div class="card card-body">
                                                <ul>
                                                    <li><button><img
                                                                src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                                alt=""></button></li>
                                                    <li><button><img
                                                                src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                                alt=""></button></li>
                                                    <li><button><img
                                                                src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                                alt=""></button></li>
                                                    <li><button><img
                                                                src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                                alt=""></button></li>
                                                </ul>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-4 col-lg-12">
                                <div class="rounded shadow-sm a-p mb-3">
                                    <a href="{{ url('product/detail/1') }}"
                                        class="d-block text-dark text-decoration-none">
                                        <div class="position-relative">
                                            <img src="{{ url('assets/frontend/img/shop_banner-04.jpg') }}" alt=""
                                                class="w-100">
                                            <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                        </div>
                                    </a>
                                    <div class="p-3 position-relative" style="background-color:#fff;min-height: 160px;">
                                        <div>
                                            <h4><b>MK</b></h4>
                                        </div>
                                        <div>
                                            <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                            <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                            <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                            <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                            <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        </div>
                                        <div class="c-g">อาหาร, สุกี้, เครื่องดื่ม</div>
                                        </a>
                                        <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                            <span data-bs-toggle="collapse" href="#collapseExample-2" role="button"
                                                aria-expanded="true">
                                                <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                            </span>
                                        </div>
                                        <div class="collapse box-share " id="collapseExample-2" style="">
                                            <div class="text-center p-2">
                                                <span data-bs-toggle="collapse" href="#collapseExample-2" role="button">
                                                    <img src="{{ url('assets/frontend/icon/close.svg') }}" alt=""
                                                        class="">
                                                </span>
                                            </div>
                                            <div class="card card-body">
                                                <ul>
                                                    <li><button><img
                                                                src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                                alt=""></button></li>
                                                    <li><button><img
                                                                src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                                alt=""></button></li>
                                                    <li><button><img
                                                                src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                                alt=""></button></li>
                                                    <li><button><img
                                                                src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                                alt=""></button></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-4 col-lg-12">
                                <div class="rounded shadow-sm a-p mb-3">
                                    <a href="{{ url('product/detail/1') }}"
                                        class="d-block text-dark text-decoration-none">
                                        <div class="position-relative">
                                            <img src="{{ url('assets/frontend/img/shop_banner-14.jpg') }}" alt=""
                                                class="w-100">
                                            <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                        </div>
                                    </a>
                                    <div class="p-3 position-relative" style="background-color:#fff;min-height: 160px;">
                                        <a href="{{ url('product/detail/1') }}"
                                            class="d-block text-dark text-decoration-none">
                                            <div>
                                                <h4><b>Sizzler</b></h4>
                                            </div>
                                            <div>
                                                <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                                <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                                <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                                <i class="fa fa-star ico-gray" aria-hidden="true"></i>
                                                <i class="fa fa-star ico-gray" aria-hidden="true"></i>
                                            </div>
                                            <div class="c-g">สลัด, สเต็ก, อาหารเพื่อสุขภาพ</div>
                                        </a>
                                        <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                            <span data-bs-toggle="collapse" href="#collapseExample-3" role="button"
                                                aria-expanded="true">
                                                <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                            </span>
                                        </div>
                                        <div class="collapse box-share " id="collapseExample-3" style="">
                                            <div class="text-center p-2">
                                                <span data-bs-toggle="collapse" href="#collapseExample-3" role="button">
                                                    <img src="{{ url('assets/frontend/icon/close.svg') }}" alt=""
                                                        class="">
                                                </span>
                                            </div>
                                            <div class="card card-body">
                                                <ul>
                                                    <li><button><img
                                                                src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                                alt=""></button></li>
                                                    <li><button><img
                                                                src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                                alt=""></button></li>
                                                    <li><button><img
                                                                src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                                alt=""></button></li>
                                                    <li><button><img
                                                                src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                                alt=""></button></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="myModal" class="modal-img">
        <span class="close cursor" onclick="closeModal()">&times;</span>
        <div class="modal-content">

            <div class="mySlides">
                {{-- <div class="numbertext">1 / 3</div> --}}
                <img src="{{ url('assets/frontend/img/shop_photo-1.jpg') }}" style="">
            </div>

            <div class="mySlides">
                {{-- <div class="numbertext">2 / 3</div> --}}
                <img src="{{ url('assets/frontend/img/shop_photo-2.jpg') }}" style="">
            </div>

            <div class="mySlides">
                {{-- <div class="numbertext">3 / 3</div> --}}
                <img src="{{ url('assets/frontend/img/shop_photo-3.jpg') }}" style="">
            </div>

            <a class="prev" onclick="plusSlides(-1)"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
            <a class="next" onclick="plusSlides(1)"><i class="fa fa-angle-right" aria-hidden="true"></i></a>

        </div>
    </div>
    <script src="{{ asset('assets/frontend/js/slide-gellary.js') }}"></script>

    <div class="modal fade" id="Modal-policy" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content" style="background:unset;border: unset;">
                <div class="modal-header pe-0" style="border:unset">
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"
                        style="opacity: 1;"></button>
                </div>
                <div class="modal-body p-5" style="background: #fff;border-radius: 10px;">
                    <div id="myDIV">
                        <div style="height: 280px;overflow: auto;background: #EFEFEF;padding: 30px;">
                            นโยบายความเป็นส่วนตัวของ <b style="font-size: 12px">WWW.MGBESTAUTOSALES.COM</b>  <br><br>

                            บริษัท เบส ออโต้เซลส์  จำกัด (“เอ็มจี เบส ออโต้เซลส์”) ซึ่งรวมถึงเว็บไซต์
                            www.mgbestautosales.com
                            มีความตระหนักถึงความปลอดภัยของข้อมูลส่วนบุคคล รวมถึงการจัดการรักษาความปลอดภัยข้อมูลของลูกค้า
                            และจะรักษาข้อมูลที่ได้รับจากท่านไว้อย่างเป็นความลับ ปลอดภัย
                            เพื่อให้เป็นไปตามหลักการคุ้มครองสิทธิส่วนบุคคล และสอดคล้องกับกฎหมายที่เกี่ยวข้อง
                            โดยใช้นโยบายความเป็นส่วนตัวฉบับนี้เพื่อป้องกันความเสียหายที่อาจเกิดขึ้นกับท่าน
                            และครอบคลุมการดำเนินงานของเอ็มจี เบส ออโต้เซลส์ ต่อข้อมูลส่วนบุคคลที่เอ็มจี เบส
                            ออโต้เซลส์ได้รับมา
                            เอ็มจี เบส ออโต้เซลส์
                            จึงมีนโยบายความเป็นส่วนตัวเพื่อป้องกันความปลอดภัยของข้อมูลส่วนตัวของท่านดังนี้<br><br>

                            การเก็บข้อมูลและการใช้ข้อมูลส่วนบุคคล<br><br>

                            เอ็มจี เบส ออโต้เซลส์จะทำการเก็บรวบรวมข้อมูลส่วนบุคคลของท่าน
                            เพื่อจุดประสงค์ในการให้บริการและติดต่อสื่อสาร เมื่อท่านใช้บริการผ่านทางเว็บไซต์
                            www.mgbestautosales.com เช่น การลงทะเบียนเพื่อทดลองขับรถยนต์เอ็มจี เบส ออโต้เซลส์
                            หรือการติดต่อสอบถามข้อมูลต่างๆ ผ่านทางเว็บไซต์ ท่านจะต้องให้ข้อมูลส่วนตัวกับทางเว็บไซต์ เช่น
                            ชื่อ
                            นามสกุล อีเมล เบอร์โทรศัพท์ ที่อยู่ ข้อมูลเกี่ยวกับรถยนต์เอ็มจี เบส ออโต้เซลส์ที่ท่านให้ความสนใจ
                            หรือข้อมูลอื่นๆเพิ่มเติม เช่น ประเภทของการติดต่อ การแนะนำติชม การแจ้งปัญหา การติดต่อสอบถาม
                            หรือการติดต่อประเภทอื่นๆเพิ่มเติมที่เกี่ยวข้องกับการให้บริการเอ็มจี เบส ออโต้เซลส์
                            รวมถึงข้อมูลลักษณะการใช้งานเว็บไซต์ เป็นต้น เอ็มจี เบส
                            ออโต้เซลส์ตกลงจะเก็บข้อมูลเหล่านี้ไว้เป็นความลับ โดยคำนึงถึงความปลอดภัยของข้อมูลเป็นสำคัญ
                            และเอ็มจี
                            เบส ออโต้เซลส์อาจใช้ข้อมูลดังกล่าวเพื่อ<br><br>

                            ประมวลผล วิเคราะห์ข้อมูลส่วนบุคคลของท่าน
                            เพื่อบริหารการใช้งานบนเว็บไซต์ของท่านได้ประสิทธิภาพสมบูรณ์<br><br>

                            เพื่อความสะดวกในการติดต่อสื่อสารกับท่านผ่านทางโทรศัพท์ อีเมล
                            หรือข้อความทางมือถือเกี่ยวกับการใช้งานเว็บไซต์<br><br>

                            ตอบคำถามของท่านเกี่ยวกับการให้บริการลูกค้า เพื่อดำเนินการแก้ไข ตามคำร้องขอของท่าน
                            หรือกระทำการอื่นใดเพื่อตอบคำถามของท่านหรือตอบสนองกิจกรรมในเว็บไซต์อื่นๆ ของท่าน
                            จัดทำข้อเสนอการขาย
                            และ/หรือการให้บริการ เพื่อส่งเสริมการขายเฉพาะกลุ่มโดยพิจารณาจากข้อมูลการใช้งานบนเว็บไซต์เอ็มจี
                            เบส
                            ออโต้เซลส์ เช่น การติดต่อสอบถามสำรวจความพึงพอใจที่มีต่อสินค้าและบริการของเอ็มจี เบส ออโต้เซลส์,
                            การติดต่อเพื่อนัดหมายการตรวจสภาพหรือซ่อมบำรุงรถยนต์ ที่เกี่ยวของกับรถยนต์เอ็มจี เบส
                            ออโต้เซลส์ของท่าน, การแจ้งเตือนกิจกรรมส่งเสริมการขายหรือนำเสนอโปรโมชั่นจากเอ็มจี เบส ออโต้เซลส์
                            ในการเก็บรวบรวมข้อมูลส่วนบุคคลของท่าน รวมถึงข้อมูลส่วนบุคคลที่ได้จากการซื้อรถยนต์เอ็มจี เบส
                            ออโต้เซลส์ การเข้ารับบริการหลังการขาย การซ่อมบำรุงรักษารถยนต์เอ็มจี เบส ออโต้เซลส์
                            และบริการเสริมอื่นใดอันเกี่ยวเนื่องกับรถยนต์เอ็มจี  เอ็มจี เบส
                            ออโต้เซลส์จะเก็บข้อมูลส่วนบุคคลของท่านไว้เพื่อใช้งานตามวัตถุประสงค์ที่แจ้ง
                            ในระยะเวลาที่เหมาะสมและจำเป็นสำหรับธุรกรรมอันเกี่ยวข้องกับสินค้าและบริการของเอ็มจี เบส
                            ออโต้เซลส์
                            เท่านั้น
                            <br><br>
                            การเปิดเผยข้อมูลส่วนบุคคลให้แก่บุคคลภายนอก
                            <br><br>
                            เอ็มจี เบส ออโต้เซลส์จะเปิดเผยข้อมูลส่วนบุคคลของท่านเป็นการภายใน
                            แก่ผู้ที่มีหน้าที่ในการใช้ข้อมูลส่วนบุคคลเพื่อการช่วยเหลือ หรือเพื่อการให้บริการตามคำขอของท่าน
                            และเอ็มจี เบส ออโต้เซลส์จะไม่เปิดเผยข้อมูล แบ่งปัน จำหน่ายหรือให้เช่าข้อมูลส่วนบุคคลใดๆ
                            ของท่านให้แก่บุคคลภายนอก เว้นแต่ ได้รับความยินยอมจากท่าน

                            ผู้ให้บริการ หมายถึงนิติบุคคลหรือบุคคลธรรมดา ที่เอ็มจี เบส
                            ออโต้เซลส์พิจารณาเห็นสมควรว่ามีคุณสมบัติที่เหมาะสมในการ ดำเนินการเพื่อให้บริการแก่ท่าน

                            เป็นการเปิดเผยให้กับ ผู้จำหน่าย ผู้จัดงาน ผู้จัดกิจกรรม หรือการแสดงต่าง ๆ ทั้งนี้
                            เฉพาะข้อมูลส่วนบุคคลที่เกี่ยวข้องกับงาน กิจกรรม หรือการแสดงที่เกี่ยวข้องเท่านั้น

                            เป็นการเปิดเผยให้กับบริการอื่นซึ่งสนับสนุนการใช้งานเว็บไซต์ เช่น ผู้ให้บริการอีเมล
                            เพื่อเป็นการตอบกลับว่าทางเอ็มจี เบส ออโต้เซลส์ได้รับคำร้องจากท่านเป็นที่เรียบร้อย เป็นต้น

                            ข้อมูลบางส่วนอาจเปิดเผย เมื่อมีคำร้องขอโดยชอบด้วยกฎหมาย จากหน่วยงานทางกฎหมาย
                            หรือเพื่อปกป้องสิทธิ
                            ทรัพย์สิน และความปลอดภัยของเอ็มจี เบส ออโต้เซลส์ พนักงาน ผู้จำหน่าย และผู้ใช้งานเว็บไซต์ท่านอื่น
                            เป็นต้น
                            <br>
                            การใช้คุกกี้
                            <br>
                            “คุกกี้” คือไฟล์ข้อมูลขนาดเล็กที่ใช้เพื่อการจัดเก็บข้อมูลบนคอมพิวเตอร์
                            โดยจะถูกส่งไปเก็บไว้ในบราวเซอร์ของท่านเพื่อเป็นการเก็บข้อมูลในการใช้บริการกับทางเว็บไซต์
                            www.mgbestautosales.com เพื่อปรับปรุงเว็บไซต์และการให้บริการข้อมูลทีดียิ่งขึ้น
                            หากท่านไม่ประสงค์จะให้คุกกี้ทำการเก็บข้อมูลดังกล่าว
                            ท่านสามารถตั้งค่าบราวเซอร์เพื่อปฏิเสธคุกกี้ทั้งหมด หรือแจ้งเตือนให้ทราบเมื่อมีการส่งคุกกี้
                            ซึ่งการปิดใช้งานคุกกี้นั้นอาจจะส่งผลต่อการใช้บริการ
                            คุณสมบัติบางอย่างของเว็บไซต์อาจทำงานได้ไม่สมบูรณ์
                            <br><br>
                            การคุ้มครองความปลอดภัยในการเข้าถึงข้อมูลส่วนบุคคล
                            <br><br>
                            เอ็มจี เบส ออโต้เซลส์มีการดำเนินการตามสมควรในการรักษาความปลอดภัยด้านกายภาพ เทคนิค
                            และการจัดการเพื่อป้องกันความสูญเสีย การใช้งานอันไม่สมควร การเข้าถึงข้อมูลโดยไม่ได้รับอนุญาต
                            การเปิดเผยหรือปรับเปลี่ยนข้อมูลส่วนบุคคล อย่างไรก็ตาม เอ็มจี เบส
                            ออโต้เซลส์ขอสงวนความรับผิดในการคุ้มครองความปลอดภัยดังกล่าว
                            เนื่องจากไม่มีระบบหรือการส่งข้อมูลใดทางเครือข่ายสาธารณะใดที่จะสามารถรับประกันความปลอดภัยได้โดยสมบูรณ์
                            <br><br>
                            สิทธิของเจ้าของข้อมูลส่วนบุคคล
                            <br><br>
                            ท่านอาจปฏิเสธการให้ข้อมูลบางประเภท หรืออาจแจ้งยกเลิกความยินยอมในการอนุญาตให้เอ็มจี เบส
                            ออโต้เซลส์เก็บรวบรวมข้อมูลส่วนบุคคลของท่านได้ ภายใต้หลักเกณฑ์     
                            ตามกฎหมายว่าด้วยการคุ้มครองข้อมูลส่วนบุคคลทั่วไปของประเทศไทยที่ใช้บังคับ
                            <br>
                            1.สิทธิในการเข้าถึงข้อมูลส่วนบุคคล ขอสำเนา
                            แก้ไขหรือปรับปรุงข้อมูลส่วนบุคคลของท่านที่อยู่ในความรับผิดชอบของเอ็มจี เบส ออโต้เซลส์
                            ให้เป็นปัจจุบัน ถูกต้องสมบูรณ์     เพื่อไม่ก่อให้เกิดความเข้าใจผิด<br>
                            2.สิทธิในการขอรับหรือขอให้เอ็มจี เบส ออโต้เซลส์
                            ส่งหรือโอนข้อมูลส่วนบุคคลของท่านไปยังผู้ควบคุมข้อมูลบุคคลอื่นได้<br>
                            3.สิทธิในการให้เอ็มจี เบส ออโต้เซลส์ ลบ หรือทำลาย หรือการทำให้ข้อมูลส่วนบุคคล
                            เป็นข้อมูลที่ไม่สามารถระบุตัวบุคคลได้ในบางกรณีตราบเท่าที่กฎหมายกำหนดไว้<br>
                            4.สิทธิการระงับการใช้ข้อมูลส่วนบุคคลเป็นการชั่วคราว<br>
                            5.สิทธิการคัดค้านการจัดเก็บ การใช้ และเปิดเผยข้อมูลส่วนบุคคล<br><br>

                            การแก้ไขนโยบายความปลอดภัยและข้อปฏิเสธความรับผิดชอบ
                            <br><br>
                            เอ็มจี เบส ออโต้เซลส์ขอสงวนสิทธิในการเปลี่ยนแปลงนโยบายความเป็นส่วนตัว
                            ในการรักษาความปลอดภัยของข้อมูลโดยไม่ต้องแจ้งให้ท่านทราบล่วงหน้า
                            โดยข้อมูลล่าสุดของนโยบายความเป็นส่วนตัวที่มีการปรับปรุงเนื้อหานั้น สามารถตรวจสอบได้ที่
                            https://www.mgbestautosales.com และจะมีผลบังคับใช้เมื่อเอ็มจี เบส
                            ออโต้เซลส์ได้รับความยินยอมจากท่าน
                            ทั้งนี้ จะรักษามาตราการความปลอดภัย
                            หากมีการแก้ไขเพิ่มเติมวัตถุประสงค์ในการจัดเก็บต้องได้รับความยินยอมจากท่าน
                            <br><br>
                            ติดต่อเรา
                            <br>
                            หากท่านมีข้อสงสัย เสนอแนะ หรือข้อติชม เกี่ยวกับนโยบายข้อมูลส่วนบุคคลฉบับนี้
                            หรือกรณีที่ท่านต้องการใช้สิทธิของเจ้าของข้อมูลส่วนบุคคลตามนโยบายฉบับนี้ สามารถติดต่อกับเอ็มจี
                            เบส
                            ออโต้เซลส์ ในวันและเวลาทำการ วันจันทร์ – วันศุกร์ เวลา 8.00 - 17.00 น. หยุดวันเสาร์-อาทิตย์
                            และวันนักขัตฤกษ์ ตามรายละเอียดด้านล่าง เอ็มจี เบส ออโต้เซลส์ยินดีจะตอบข้อสงสัย รับฟังข้อเสนอแนะ
                            และคำติชม อันจะเป็นประโยชน์ต่อการปรับปรุงการให้บริการของเว็บไซต์และการให้บริการของเอ็มจี เบส
                            ออโต้เซลส์ ต่อไป
                            <br>
                            ผู้ควบคุมข้อมูลส่วนบุคคล : บริษัท เบส ออโต้เซลส์ จำกัด
                            <br><br>
                            สถานที่ติดต่อและช่องทางการติดต่อ
                            <br>
                            เว็บไซต์ :  https://www.mgbestautosales.com/contact/ <br>
                            หมายเลขโทรศัพท์พื้นฐาน : โทร. 02-444-2333 <br>
                            หมายเลขโทรศัพท์เคลื่อนที่ : โทร. 098-565-2526<br>
                            ที่อยู่ : บริษัท เบส ออโต้เซลส์ จำกัด<br>
                            เลขที่ 1687/1 ถนนเพชรเกษม แขวงหลักสอง เขตบางแค กรุงเทพฯ 10160<br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
        .a-p {
            height: auto !important;
        }

    </style>
@endsection