@extends('frontend')

@section('content')

    <div class="row justify-content-center pt-150-b" style="background-image: url({{ url('assets/frontend/img/bg-04.png') }});background-repeat: no-repeat;background-size: cover;background-position: center top;">
        <div class="col-12 col-md-12 col-lg-12" style="">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-12 col-md-10 col-lg-10">
                        <h4 class="mt-5"><b><img src="{{ url('assets/frontend/icon/hom-plus.svg') }}" alt="" class=""
                                    style="height: 30px"> <span class="align-bottom"> กรอกข้อมูลเพื่อลงทะเบียน</span></b>
                        </h4>
                        <div class="mb-3">
                            <h5 class="mt-4"><b>ข้อมูลส่วนบุคคล</b> <span class="f-size-default">(สำหรับติดต่อ)</span></h5>
                        </div>

                        <div class="mb-5">
                            <form class="g-3 needs-validation" novalidate>
                                {{-- <form class="g-3" novalidate> --}}
                                <div class="row">
                                    <div class="mb-2 col-md-6">
                                        <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-2 col-md-6">
                                        <label for="exampleFormControlInput1" class="form-label "><b>อีเมล</b> <span
                                                class="text-danger">*</span></label>
                                        <input type="email" class="form-control" id="exampleFormControlInput1"
                                            placeholder="" required>
                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <label for="exampleFormControlTextarea1" class="form-label"><b>หมายเลขโทรศัพท์</b>
                                            <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="" required>
                                    </div>
                                </div>

                                <div class="row py-5 px-2">
                                    <div class="col-2 p-1">
                                        <div style="height: 5px;background:#FFCF15"></div>
                                    </div>
                                    <div class="col-2 p-1">
                                        <div style="height: 5px;background:#F66074"></div>
                                    </div>
                                    <div class="col-2 p-1">
                                        <div style="height: 5px;background:#83B91A"></div>
                                    </div>
                                    <div class="col-2 p-1">
                                        <div style="height: 5px;background: #00C2E5"></div>
                                    </div>
                                    <div class="col-2 p-1">
                                        <div style="height: 5px;background:#9758BF"></div>
                                    </div>
                                    <div class="col-2 p-1">
                                        <div style="height: 5px;background:#FF6C00"></div>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <h5 class="mt-4"><b>ข้อมูลร้านค้า</b></h5>
                                </div>
                                <div class="row">
                                    <div class="mb-2 col-md-6">
                                        <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>
                                    <link rel="stylesheet"
                                        href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" />
                                    <div class="mb-2 col-md-6">
                                        <label for="exampleFormControlInput1"
                                            class="form-label d-block"><b>วันเปิด-ปิดร้าน</b> <span
                                                class="text-danger">*</span></label>
                                        <div class="ex-radio d-inline-block">
                                            <input type="radio" id="radio_one1" class="form-control" name="open" value="0"
                                                required />
                                            <span for="radio_one" class="radio_one" style="opacity:1">เปิดทุกวัน</span>
                                        </div>
                                        <div class="ex-radio d-inline-block ms-3">
                                            <input type="radio" id="radio_one1" class="form-control" name="open" value="1"
                                                required />
                                            <span for="radio_one" class="radio_one" style="opacity:1">ระบุวันเปิด</span>
                                        </div>
                                    </div>

                                    <div class="mb-2 col-md-6 box-day" style="display: none">
                                        <label for="exampleFormControlTextarea1"
                                            class="form-label d-block"><b>เลือกวัน</b></label>
                                        <div class="w-100">
                                            <div class="ex-checkbox d-inline-block w-md-25 mb-2 btnCheck">
                                                <input type="checkbox" id="btnCheck" name="dayopen" data-id="จ" value="1">
                                                <label for="radio_one" class="radio_one "> จันทร์</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-md-25 mb-2 btnCheck">
                                                <input type="checkbox" id="btnCheck" name="dayopen" data-id="อ" value="2">
                                                <label for="radio_one" class="radio_one"> อังคาร</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-md-25 mb-2 btnCheck">
                                                <input type="checkbox" id="btnCheck" name="dayopen" data-id="พ" value="3">
                                                <label for="radio_one" class="radio_one"> พุธ</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-md-25 mb-2 btnCheck">
                                                <input type="checkbox" id="btnCheck" name="dayopen" data-id="พฤ" value="4">
                                                <label for="radio_one" class="radio_one"> พฤหัสบดี</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-md-25 mb-2 btnCheck">
                                                <input type="checkbox" id="btnCheck" name="dayopen" data-id="ศ" value="5">
                                                <label for="radio_one" class="radio_one"> ศุกร์</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-md-25 mb-2 btnCheck">
                                                <input type="checkbox" id="btnCheck" name="dayopen" data-id="ส" value="6">
                                                <label for="radio_one" class="radio_one"> เสาร์</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-md-25 mb-2 btnCheck">
                                                <input type="checkbox" id="btnCheck" name="dayopen" data-id="อา" value="7">
                                                <label for="radio_one" class="radio_one"> อาทิตย์</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mb-0 col-md-12">
                                        <label for="exampleFormControlTextarea1" class="form-label">
                                            <b>เลือกเวลาเปิด-ปิด</b><span class="text-danger">*</span>
                                        </label>
                                    </div>
                                    <div class="mb-2 col-12 col-md-3">                                       
                                        <div class="form-group">
                                            <div class='input-group date datepicker' id='datetimepicker-open'>
                                                <input type='text' class="form-control" placeholder="เปิด 00:00" required/>
                                                <span class="input-group-text input-group-addon" id="basic-addon2"><i class="fa fa-clock-o" aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mb-2 col-12 col-md-3">
                                        <div class="form-group">
                                            <div class='input-group date' id='datetimepicker-close'>
                                                <input type='text' class="form-control" placeholder="ปิด 00:00" required/>
                                                <span class="input-group-text input-group-addon" id="basic-addon2"><i class="fa fa-clock-o" aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-3">
                                    <div class="col-md-6">
                                        <div class="box-sum">
                                            เปิดทุกวัน
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div>เวลาเปิด - ปิด :
                                            <span class="dd-open">00:00</span> - 
                                            <span class="dd-close">00:00</span>
                                        </div>
                                    </div>
                                </div>                               
                               
                                <hr class="mt-1">
                                <div class="row mt-3">
                                    <div class="mb-2 col-md-6">
                                        <label for="exampleFormControlInput1" class="form-label "><b>ประเภทร้านค้า</b>
                                            <span class="text-danger">*</span></label>
                                        <select class="form-select" aria-label="Default select example" required>
                                            <option value="" selected>เลือกประเภทร้านค้าของคุณ</option>
                                            <option value="1">อาหาร เครื่องดื่ม และของหวาน</option>
                                            <option value="2">เสื้อผ้า เครื่องประดับ และความงาม</option>
                                            <option value="3">ของแต่งบ้าน และสัตว์เลี้ยง</option>
                                            <option value="4">สินค้าแม่ และเด็ก</option>
                                            <option value="5">อุปกรณ์อิเล็กทรอนิกส์ และเครื่องใช้ไฟฟ้า</option>
                                            <option value="6">ที่พัก และการเดินทาง</option>
                                        </select>
                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <label for="exampleFormControlInput1"
                                            class="form-label d-block"><b>ระบุแท็กที่เกี่ยวข้องกับสินค้า</b>
                                        </label>
                                        <input type="text" class="form-control" id="exampleFormControlInput1" placeholder=""
                                            >
                                        {{-- <tags-input element-id="tags" v-model="selectedTags"></tags-input> --}}
                                    </div>
                                    <div class="mb-2 col-md-12">
                                        <label for="exampleFormControlInput1"
                                            class="form-label d-block"><b>รายละเอียดร้านค้า</b>
                                            <span class="text-danger">*</span>
                                        </label>
                                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"
                                            required></textarea>
                                    </div>
                                    <div class="mb-2 col-md-3">
                                        <label for="exampleFormControlTextarea1" class="form-label">
                                            <b>ช่วงราคา</b>
                                        </label>
                                        <input type="text" class="form-control" id="exampleFormControlInput1"
                                            placeholder="0 บาท">
                                    </div>
                                    <div class="mb-2 col-md-3">
                                        <label for="exampleFormControlTextarea1" class="form-label">.</label>
                                        <input type="text" class="form-control" id="exampleFormControlInput1"
                                            placeholder="100 บาท">
                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <label for="exampleFormControlInput1" class="form-label d-block"><b>ลักษณะสินค้า</b></label>
                                        <div class="ex-radio d-inline-block">
                                            <input type="radio" id="radio_one" class="form-control" name="product" value="0"
                                                />
                                            <span for="radio_one" class="radio_one" style="opacity:1">มือหนึ่ง</span>
                                        </div>
                                        <div class="ex-radio d-inline-block ms-3">
                                            <input type="radio" id="radio_one" class="form-control" name="product" value="1"
                                                />
                                            <span for="radio_one" class="radio_one" style="opacity:1">มือสอง</span>
                                        </div>
                                    </div>
                                    <div class="mb-2 col-md-12">
                                        <label for="exampleFormControlInput1" class="form-label d-block"><b>โปรโมชั่น</b>
                                        </label>
                                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"
                                            ></textarea>
                                    </div>
                                    <div class="mb-0 col-md-12">
                                        <label for="exampleFormControlInput1" class="form-label d-block"><b>ที่อยู่่</b>
                                            <span class="text-danger">*</span>
                                        </label>
                                    </div>
                                    <div class="mb-2 col-md-6">                                        
                                        <input type="text" class="form-control" id="exampleFormControlInput1"
                                            placeholder="เลขที่" required>
                                    </div>
                                    <div class="mb-2 col-md-6">                                      
                                        <input type="text" class="form-control" id="exampleFormControlInput1"
                                            placeholder="หมู่บ้าน/อาคาร">
                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <input type="text" class="form-control" id="exampleFormControlInput1"
                                            placeholder="เขต/อำเภอ" required>
                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <input type="text" class="form-control" id="exampleFormControlInput1"
                                            placeholder="แขวง" required>
                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <input type="text" class="form-control" id="exampleFormControlInput1"
                                            placeholder="จังหวัด" required>
                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <input type="text" class="form-control" id="exampleFormControlInput1"
                                            placeholder="รหัสไปรษณีย์" required>
                                    </div>
                                    <div class="mb-2 col-md-12">
                                        <label for="exampleFormControlInput1"
                                            class="form-label d-block"><b>กรอกลิ้งค์ตำแหน่งที่ตั้งบนแผนที่</b>
                                        </label>
                                        <input type="text" class="form-control" id="exampleFormControlInput1"
                                            placeholder="Google map">
                                    </div>
                                    <div class="mb-0 col-md-12">
                                        <label for="exampleFormControlInput1"
                                            class="form-label d-block"><b>หมายเลขโทรศัพท์ร้านค้า</b>
                                            <span class="text-danger">*</span>
                                        </label>
                                    </div>
                                    <div class="mb-2 col-6 col-md-6">
                                        <input type="text" class="form-control" id="exampleFormControlInput1"
                                            placeholder="" required>
                                    </div>
                                    <div class="mb-2 col-6 col-md-6">                                     
                                        <input type="text" class="form-control" id="exampleFormControlInput1"
                                            placeholder="" required>
                                    </div>
                                    <div class="mt-3 mb-2 col-md-12">
                                        <label for="exampleFormControlTextarea1"
                                            class="form-label d-block"><b>สิ่งอำนวยความสะดวก</b></label>
                                        <div class="w-100">
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="radio_one" name="" value="1">
                                                <label for="radio_one" class="radio_one"> ที่จอดรถ</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="radio_one" name="" value="1">
                                                <label for="radio_one" class="radio_one"> บัตรเครดิต</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="radio_one" name="" value="1">
                                                <label for="radio_one" class="radio_one"> บริการจัดส่่ง, เดลิเวอรี่</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="radio_one" name="" value="1">
                                                <label for="radio_one" class="radio_one"> Free Wifi</label>
                                            </div>
                                        </div>
                                        <div class="w-100 mt-2">
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="radio_one" name="" value="1">
                                                <label for="radio_one" class="radio_one"> โต๊ะอาหาร</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="radio_one" name="" value="1">
                                                <label for="radio_one" class="radio_one"> Drive Thru</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="radio_one" name="" value="1">
                                                <label for="radio_one" class="radio_one"> ทางรถวิลแชร์</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="radio_one" name="" value="1">
                                                <label for="radio_one" class="radio_one"> เครื่องปรับอากาศ</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="radio_one" name="" value="1">
                                                <label for="radio_one" class="radio_one"> สั่งสินค้าล่วงหน้า</label>
                                            </div>

                                        </div>

                                    </div>
                                    <div class="mt-3 mb-2 col-md-12">
                                        <label for="exampleFormControlTextarea1"
                                            class="form-label d-block"><b>ช่องทางติดต่อร้านค้า</b></label>
                                    </div>
                                    <div class="mb-2 col-md-12 position-relative">
                                        <img src="{{ url('assets/frontend/icon/facebook.svg') }}" alt="" class="d-block d-md-none" style="height:32px;left: 12px;position:absolute;">
                                        <img src="{{ url('assets/frontend/icon/so1.svg') }}" alt="" class="d-none d-md-block"  style="height:37px;position:absolute;left:12px">
                                        <div class="pl-180">
                                            <input type="text" class="form-control" id="exampleFormControlInput1" >
                                        </div>                                        
                                    </div>
                                    <div class="mb-2 col-md-12 position-relative">
                                        <img src="{{ url('assets/frontend/icon/twitter.svg') }}" alt="" class="d-block d-md-none" style="height:32px;left: 12px;position:absolute;">
                                        <img src="{{ url('assets/frontend/icon/so2.svg') }}" alt="" class="d-none d-md-block"  style="height:37px;position:absolute;left:12px">
                                        <div class="pl-180">
                                            <input type="text" class="form-control" id="exampleFormControlInput1" >
                                        </div>                                        
                                    </div>
                                    <div class="mb-2 col-md-12 position-relative">
                                        <img src="{{ url('assets/frontend/icon/line.svg') }}" alt="" class="d-block d-md-none" style="height:32px;left: 12px;position:absolute;">
                                        <img src="{{ url('assets/frontend/icon/so3.svg') }}" alt="" class="d-none d-md-block"  style="height:37px;position:absolute;left:12px">
                                        <div class="pl-180">
                                            <input type="text" class="form-control" id="exampleFormControlInput1" >
                                        </div>                                        
                                    </div>
                                    <div class="mb-2 col-md-12 position-relative">
                                        <img src="{{ url('assets/frontend/icon/youtube.svg') }}" alt="" class="d-block d-md-none" style="height:32px;left: 12px;position:absolute;">
                                        <img src="{{ url('assets/frontend/icon/so4.svg') }}" alt="" class="d-none d-md-block"  style="height:37px;position:absolute;left:12px">
                                        <div class="pl-180">
                                            <input type="text" class="form-control" id="exampleFormControlInput1" >
                                        </div>                                        
                                    </div>
                                    <div class="mb-2 col-md-12 position-relative">
                                        <img src="{{ url('assets/frontend/icon/instargram.svg') }}" alt="" class="d-block d-md-none" style="height:32px;left: 12px;position:absolute;">
                                        <img src="{{ url('assets/frontend/icon/so5.svg') }}" alt="" class="d-none d-md-block"  style="height:37px;position:absolute;left:12px">
                                        <div class="pl-180">
                                            <input type="text" class="form-control" id="exampleFormControlInput1" >
                                        </div>                                        
                                    </div>
                                    <div class="mb-2 col-md-12 position-relative">
                                        <img src="{{ url('assets/frontend/icon/tiktok.svg') }}" alt="" class="d-block d-md-none" style="height:32px;left: 12px;position:absolute;">
                                        <img src="{{ url('assets/frontend/icon/so6.svg') }}" alt="" class="d-none d-md-block"  style="height:37px;position:absolute;left:12px">
                                        <div class="pl-180">
                                            <input type="text" class="form-control" id="exampleFormControlInput1" >
                                        </div>                                        
                                    </div>
                                    <div class="mb-2 col-md-12">
                                        <div class="mt-4">
                                            <h5><b>อัพโหลดรูปภาพ</b> <span class="f-size-default"> (ขนาดไฟล์ไม่เกิน 1
                                                    MB/รูป,
                                                    อัพโหลดได้ไม่เกิน 10 รูป)</span></h5>
                                        </div>
                                        <div>
                                            <button onclick="importData()" class="rounded-pill border-0 px-4 px-md-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>
                                        <hr class="mt-5">
                                    </div>
                                    <div class="mb-2 col-md-2 text-center text-md-left">
                                        <img src="{{ url('assets/frontend/icon/lineqr.png') }}" alt="" class="w-100 w-100-res">
                                    </div>
                                    <div class="mb-2 col-md-10 align-self-center">
                                        <div><b>ติดต่อสอบถาม</b></div>
                                        <div>สอบถามปัญหาการลงทะเบียน จันทร์-ศุกร์ 09.00 - 17.00 น.</div>
                                        <div>id Line : mgbestautosales</div>
                                        <div>ลิงค์แอดไลน์ : <a href="https://line.me/ti/p/jO5nZawrIk" class="text-body"
                                                target="_blank">https://line.me/ti/p/jO5nZawrIk</a> </div>
                                    </div>
                                    <div class="mb-3 mt-5 col-md-12">
                                        <div class="ex-checkbox">
                                            <input type="checkbox" id="radio_one" name="" value="1" required>
                                            <label for="radio_one" class="radio_one"> ข้าพเจ้ายอมรับ
                                                <a href="" class="text-danger" data-bs-toggle="modal"
                                                    data-bs-target="#Modal-policy">ข้อตกลงและเงื่อนไข
                                                    รับทราบนโยบายความเป็นส่วนตัว</a> <br>
                                                I have read and agree <a href="" class="text-danger" data-bs-toggle="modal"
                                                    data-bs-target="#Modal-policy">Terms of Use and acknowledged with the
                                                    Privacy Policy</a>
                                            </label>
                                        </div>

                                    </div>
                                </div>

                                <div class="mt-5 text-center text-md-end">
                                    <button type="submit"
                                        class="rounded-pill a-close text-decoration-none text-white border-0 text-center button-cancle"
                                        style="">
                                        ยกเลิก
                                    </button>
                                    <button type="submit"
                                        class="rounded-pill a-regis text-decoration-none text-white border-0 text-center button-submit"
                                        style="" >
                                        ส่งข้อมูล
                                    </button>
                                    
                                </div>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- Modal -->
    <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>

    <div class="modal fade" id="Modal-success" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-md">
            <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 py-5 px-1 p-md-5 text-center" style="background: #fff;border-radius: 10px;">
                    <h4><b>รอการพิจารณา</b></h4>
                    <div>
                        ข้อมูลจะแสดงผลในหน้าร้านค้า หลังจากเจ้าหน้าที่ตรวจสอบและอนุมัติเท่านั้น ระบบจะแจ้งผลการลงทะเบียนผ่านทางอีเมล์ หรือ ตรวจสอบได้ในปุ่มแจ้งเตือน 
                    </div>
                    <div class="mt-4">
                        <a href="{{ url('/shop') }}"
                            class="rounded-pill a-regis text-decoration-none text-white border-0 text-center"
                            style="background-color: #F66074;padding: 7px 50px;">
                            รับทราบ
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection