@extends('frontend')
@section('stylesheet')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" />
    {{-- <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> --}}
    <link href="{{ asset('assets/frontend/plugin/tags-input/tagsinput.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/frontend/css/tags.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/frontend/pages/css/register.css') }}" rel="stylesheet" type="text/css">
@endsection
@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 id="form-store" method="POST" enctype="multipart/form-data" action="{{ url('register') }}">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                                {{-- <form class="g-3 needs-validation" novalidate> --}}
                                {{-- <form class="g-3" novalidate> --}}
                                <div class="row">
                                    <div class="mb-2 col-md-6">
                                        <label for="fullname" class="form-label "><b>ชื่อ - นามสกุล</b>
                                            <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="fullname" name="fullname" placeholder="ป้อน ชื่อ - นามสกุล" value="{{ old('fullname') }}" required>
                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <label for="email" class="form-label "><b>อีเมล</b> <span
                                                class="text-danger">*</span></label>
                                        <input  type="email" 
                                                class="form-control" 
                                                id="email" 
                                                name="email" 
                                                placeholder="ป้อน อีเมล์"
                                                required
                                                pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$"
                                                value="{{ old('email') }}"
                                        />
                                        @if ($errors->any() )
                                            <small class="text-danger">{{ $errors->first() }}</small>
                                        @endif

                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <label for="phone" class="form-label"><b>หมายเลขโทรศัพท์</b>
                                            <span class="text-danger">*</span></label>
                                        <input  type="text" 
                                                class="form-control" 
                                                id="phone" 
                                                name="phone"
                                                value="{{ old('phone') }}"
                                                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="store_name" class="form-label "><b>ชื่อร้านค้า</b>
                                            <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="store_name" name="store_name" value="{{ old('store_name') }}" placeholder="ป้อน ชื่อร้านค้า"
                                            required>
                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <label for="store_opening"
                                            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_one0" class="form-control" {{ old('open') == 0 ? 'checked' : '' }} name="open" value="0"
                                                required />
                                            <span for="open_day1" 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" {{ old('open') == 1 ? 'checked' : '' }} name="open" value="1"
                                                required />
                                            <span for="open_day0" class="radio_one" style="opacity:1">ระบุวันเปิด</span>
                                        </div>
                                    </div>

                                    <div class="mb-2 col-md-6 box-day" style="display: none">
                                        <label for="open-days"
                                            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="จ" {{ ( is_array( old('dayopen') ) && in_array('1', old('dayopen') ) ) ? 'checked' : '' }} 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="อ" {{ ( is_array( old('dayopen') ) && in_array('2', old('dayopen') ) ) ? 'checked' : '' }} 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="พ" {{ ( is_array( old('dayopen') ) && in_array('3', old('dayopen') ) ) ? 'checked' : '' }} 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="พฤ" {{ ( is_array( old('dayopen') ) && in_array('4', old('dayopen') ) ) ? 'checked' : '' }} 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="ศ" {{ ( is_array( old('dayopen') ) && in_array('5', old('dayopen') ) ) ? 'checked' : '' }} 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="ส" {{ ( is_array( old('dayopen') ) && in_array('6', old('dayopen') ) ) ? 'checked' : '' }} 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="อา" {{ ( is_array( old('dayopen') ) && in_array('0', old('dayopen') ) ) ? 'checked' : '' }} value="0">
                                                <label for="radio_one" class="radio_one"> อาทิตย์</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mb-0 col-md-12">
                                        <label for="open-day-time" 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' id="timepicker-open" class="form-control" name="open_time" placeholder="เปิด 00:00"  value="{{ old('open_time') }}" 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' id="timepicker-close" class="form-control" name="close_time" placeholder="ปิด 00:00" value="{{ old('close_time') }}" 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="category_id" class="form-label "><b>ประเภทร้านค้า</b>
                                            <span class="text-danger">*</span></label>
                                        <select class="form-select" aria-label="Default select example" id="category_id" name="category_id" required>
                                            <option value="" selected>เลือกประเภทร้านค้าของคุณ</option>
                                            @if ($category)
                                                @foreach ($category as $item)
                                                    <option value="{{ $item->id }}" data-tags="{{ tagsList($item->tags) }}">{{ $item->name }}</option>
                                                @endforeach
                                            @endif 
                                        </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=""/> --}}
                                        {{-- <div class="form-control bg-white" id="tags">&nbsp;</div>
                                        <input type="hidden" name="tags" id="keys-tag"> --}}
                                        {{-- <tags-input element-id="tags" v-model="selectedTags"></tags-input> --}}
                                        <input type="text" class="form-control" id="tags-key" data-role="tagsinput" value="" name="tags" placeholder="แท็กที่เกี่ยวข้องกับสินค้า"/>
                                    </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="description" name="description" rows="3"
                                            required>{{ old('description') }}</textarea>
                                            <div class="text-gray text-right" style="color:#ced4da; text-align:right;"><small class="text-gray text-right"></small></div>
                                    </div>
                                    <div class="mb-2 col-md-3">
                                        <label for="price_start" class="form-label">
                                            <b>ช่วงราคา</b>
                                        </label>
                                        <input type="text" class="form-control number" id="price_start" name="price_start" value="{{ old('price_start') }}"
                                            placeholder="0 บาท">
                                    </div>
                                    <div class="mb-2 col-md-3">
                                        <label for="price_end" class="form-label">.</label>
                                        <input type="text" class="form-control number" id="price_end" name="price_end" value="{{ old('price_end') }}"
                                            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="product_type_1" class="form-control" name="product_type" value="1"
                                                />
                                            <span for="product_type_1" class="radio_one" style="opacity:1">มือหนึ่ง</span>
                                        </div>
                                        <div class="ex-radio d-inline-block ms-3">
                                            <input type="radio" id="product_type_2" class="form-control" name="product_type" value="2"
                                                />
                                            <span for="product_type_2" 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="promotion" name="promotion" rows="3"
                                            >{{ old('promotion') }}</textarea>
                                            <div class="text-gray text-right" style="color:#ced4da; text-align:right;"><small class="text-gray text-right"></small></div>
                                    </div>
                                    <div class="mb-0 col-md-12">
                                        <label for="exampleFormControlInput1" class="form-label d-block"><b>ที่อยู่่ร้านค้า</b>
                                            <span class="text-danger">*</span><span class="text-gray ml-3 pl-4" style="color:#ced4da; padding-left: 1rem;">กรุณาเลือกจังหวัดก่อนเพื่อความสะดวกในการกรอกข้อมูล</span>
                                        </label>
                                    </div>
                                    <div class="mb-2 col-md-6">                                        
                                        <input type="text" class="form-control" id="address" name="address" value="{{ old('address') }}"
                                            placeholder="เลขที่" required>
                                    </div>
                                    <div class="mb-2 col-md-6">                                      
                                        <input type="text" class="form-control" id="address2" name="address2" value="{{ old('address2') }}"
                                            placeholder="หมู่บ้าน/อาคาร/ถนน">
                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <select class="form-control selected2" required name="province" id="province" placeholder="Province *" required>
                                            <option value="">- เลือกจังหวัด -</option>
                                           @foreach (province_rows() as $item )
                                               <option value="{{ $item->id }}"  {{ old('province') == $item->id ? 'selected' : '' }}>{{ province_name($item) }}</option>
                                           @endforeach
                                       </select>
                                    </div>                                    
                                    <div class="mb-2 col-md-6">
                                        
                                        <select class="form-control" required name="city" id="city" required>
                                            <option value="">- เลือกเขต/อำเภอ -</option>
                                            @if (old('city'))
                                                <option value="{{ old('city') }}" selected>{{  getAmphure_name( old('city') ) }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <select class="form-control" required name="district" id="district" required>
                                            <option value="">- เลือกแขวง/ตำบล -</option>
                                            @if ( old('district') )
                                                <option value="{{ old('district') }}" selected>{{  getDistrict_name( old('district') ) }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="mb-2 col-md-6">
                                        <input type="text" class="form-control" id="zipcode" name="zipcode"
                                            placeholder="รหัสไปรษณีย์"  value="{{ old('zipcode') }}" 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="google_map" name="google_map" value="{{ old('google_map') }}"
                                            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="store_phone1" name="store_phone1" value="{{ old('store_phone1') }}"
                                        placeholder=""  required>
                                    </div>
                                    <div class="mb-2 col-6 col-md-6">                                     
                                        <input type="text" class="form-control" id="store_phone2" name="store_phone2" value="{{ old('store_phone2') }}"
                                        placeholder=""  />
                                    </div>
                                    <div class="mt-3 mb-2 col-md-12">
                                        <label for="facilities-store"
                                            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="facilities_parking" name="facilities[]" value="parking" {{ ( is_array( old('facilities') )  && in_array('parking', old('facilities') ) ) ? 'checked' : '' }}>
                                                <label for="facilities_parking" class="radio_one"> ที่จอดรถ</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="facilities_credit_card" name="facilities[]" value="credit_card" {{ ( is_array( old('facilities') )  && in_array('credit_card', old('facilities') ) ) ? 'checked' : '' }}>
                                                <label for="facilities_credit_card" class="radio_one"> บัตรเครดิต</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="facilities_delivery_service" name="facilities[]" value="delivery_service" {{ ( is_array( old('facilities') )  && in_array('delivery_service', old('facilities') ) ) ? 'checked' : '' }}>
                                                <label for="facilities_delivery_service" class="radio_one"> บริการจัดส่่ง, เดลิเวอรี่</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="facilities_free_wifi" name="facilities[]" value="free_wifi" {{ ( is_array( old('facilities') )  && in_array('free_wifi', old('facilities') ) ) ? 'checked' : '' }}>
                                                <label for="facilities_free_wifi" 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="facilities_dining_table" name="facilities[]" value="dining_table" {{ ( is_array( old('facilities') )  && in_array('dining_table', old('facilities') ) ) ? 'checked' : '' }}>
                                                <label for="facilities_dining_table" class="radio_one"> โต๊ะอาหาร</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="facilities_drive_thru" name="facilities[]" value="drive_thru" {{ ( is_array( old('facilities') )  && in_array('drive_thru', old('facilities') ) ) ? 'checked' : '' }}>
                                                <label for="facilities_drive_thru" 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="facilities_wheelchair" name="facilities[]" value="wheelchair" {{ ( is_array( old('facilities') )  && in_array('wheelchair', old('facilities') ) ) ? 'checked' : '' }}>
                                                <label for="facilities_wheelchair" class="radio_one"> ทางรถวิลแชร์</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="facilities_air_conditioner" name="facilities[]" value="air_conditioner" {{ ( is_array( old('facilities') )  && in_array('air_conditioner', old('facilities') ) ) ? 'checked' : '' }}>
                                                <label for="facilities_air_conditioner" class="radio_one"> เครื่องปรับอากาศ</label>
                                            </div>
                                            <div class="ex-checkbox d-inline-block w-100 w-md-25 mb-2">
                                                <input type="checkbox" id="facilities_pre_order" name="facilities[]" value="pre_order" {{ ( is_array( old('facilities') )  && in_array('pre_order', old('facilities') ) ) ? 'checked' : '' }}>
                                                <label for="facilities_pre_order" class="radio_one"> สั่งสินค้าล่วงหน้า</label>
                                            </div>

                                        </div>

                                    </div>
                                    <div class="mt-3 mb-2 col-md-12">
                                        <label for="store-contact"
                                            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">
                                            <div class="row">
                                                <div class="col-md-6 mb-2 mb-md-0">
                                                    <input type="text" class="form-control" id="facebook_link" name="socials[facebook][link]" value="{{ old('socials.facebook.link') }}" placeholder="Link">
                                                </div>
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control" id="facebook_name" name="socials[facebook][name]" value="{{ old('socials.facebook.name') }}" placeholder="Name">
                                                </div>
                                            </div>
                                        </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">
                                            <div class="row">
                                                <div class="col-md-6 mb-2 mb-md-0">
                                                    <input type="text" class="form-control" id="twitter_link" name="socials[twitter][link]" value="{{ old('socials.twitter.link') }}" placeholder="Link">
                                                </div>
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control" id="twitter_name" name="socials[twitter][name]" value="{{ old('socials.twitter.name') }}" placeholder="Name">
                                                </div>
                                            </div>
                                        </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">
                                            <div class="row">
                                                <div class="col-md-6 mb-2 mb-md-0">
                                                    <input type="text" class="form-control" id="line_link" name="socials[line][link]" value="{{ old('socials.line.link') }}" placeholder="Link">
                                                </div>
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control" id="line_name" name="socials[line][name]" value="{{ old('socials.line.name') }}" placeholder="Name">
                                                </div>
                                            </div>
                                        </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">
                                        <div class="row">
                                                <div class="col-md-6 mb-2 mb-md-0">
                                                    <input type="text" class="form-control" id="youtube_link" name="socials[youtube][link]" value="{{ old('socials.youtube.link') }}" placeholder="Link">
                                                </div>
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control" id="youtube_name" name="socials[youtube][name]" value="{{ old('socials.youtube.name') }}" placeholder="Name">
                                                </div>
                                            </div>
                                        </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">
                                        <div class="row">
                                                <div class="col-md-6 mb-2 mb-md-0">
                                                    <input type="text" class="form-control" id="instagram_link" name="socials[instagram][link]" value="{{ old('socials.instagram.link') }}" placeholder="Link">
                                                </div>
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control" id="instagram_name" name="socials[instagram][name]" value="{{ old('socials.instagram.name') }}" placeholder="Name">
                                                </div>
                                            </div>
                                        </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">
                                        <div class="row">
                                                <div class="col-md-6 mb-2 mb-md-0">
                                                    <input type="text"  class="form-control" id="tiktok_link" name="socials[tiktok][link]" value="{{ old('socials.tiktok.link') }}" placeholder="Link">
                                                </div>
                                                <div class="col-md-6">
                                                    <input type="text"  class="form-control" id="tiktok_name" name="socials[tiktok][name]" value="{{ old('socials.tiktok.name') }}" placeholder="Name">
                                                </div>
                                            </div>
                                        </div>                                        
                                    </div>
                                    <div class="mb-2 col-md-12">
                                        <div class="mt-4">
                                            <h5><b>อัพโหลดรูปภาพ</b> <span class="f-size-default"> (ขนาดไฟล์ไม่เกิน 20
                                                    MB/รูป,
                                                    อัพโหลดได้ไม่เกิน 10 รูป)</span></h5>
                                            <div class="row input-file-list" id="filelist-upload">
                                            </div>
                                        </div>
                                                                                
                                        <div class="px-2 py-3" id="image-preview">
                                            <input type="file" name="images[]" accept="image/*" id="inputFile" class="upload-file" multiple />
                                            <div class="row" id="image-list">
                                            </div>
                                        </div> 
                                        
                                        <div>
                                            <button id="btn-upload" type="button" 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 count-upload">อัพโหลดแล้ว 0 รูป</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/market-qrcode.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 : @meedeelaetook</div>
                                        {{-- <div>id Line : mgbestautosales</div> --}}
                                        <div>ลิงค์แอดไลน์ : <a href="https://lin.ee/KOnHR2W" class="text-body"
                                                target="_blank">https://lin.ee/KOnHR2W</a> </div>
                                    </div>
                                    <div class="mb-3 mt-5 col-md-12">
                                        <div class="ex-checkbox">
                                            <input type="checkbox" id="radio-agree" name="agree" value="1" required>
                                            <label for="radio-agree" 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="button"
                                        id="btn-cancel"
                                        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 -->

@endsection
<!-- Modal -->
@section('modals')
    @include('frontend.modals.policy')
    @include('frontend.modals.register-success')
@endsection
@section('src-javascript')
    <script src="{{ asset('assets/frontend/plugin/tags-input/tagsinput.js') }}"></script>    
@endsection

@section('javascript')
    <script>
        var _token = "{{ csrf_token() }}";
        var base_url = "{{ url('/') }}";
        (function($){
            $("#btn-cancel").on('click',function(e){
                e.preventDefault();
                location.href = '/';
            })
        }(jQuery));
    </script>
    <script src="{{ asset('assets/frontend/js/select-province.js') }}"></script>    
    <script src="{{ asset('assets/frontend/pages/js/register.js') }}"></script>
    
    @if (session('status') == 'success' || $user->store )
        <script>
            (function($){
                var modalSuccess = new bootstrap.Modal(document.getElementById('Modal-success'), {
                        keyboard: false, backdrop : 'static'
                    });
                modalSuccess.show();
            }(jQuery));
        </script>
    @endif
@endsection