{{-- tap 3 --}}
<div class="tab_content active">

    {{-- Start Tap --}}
    <div class="tab_wrapper mb-3" id="contact_social">
        <ul class="tab_list">
            <li class="icons-list-item" style="height: 36px;"><i class="flag flag-th"></i></li>
            <li class="icons-list-item" style="height: 36px;"><i class="flag flag-gb"></i></li>
        </ul>
        <div class="content_wrapper">
            {{-- Tap 1 --}}
            <div class="tab_content active">
                {{-- Start Input --}}
                <div class="alert alert-default" role="alert">
                    <span class="alert-inner--icon"><i class="fe fe-bell"></i></i></span>
                    <span class="alert-inner--text">{{ __('banner_admin.form_alert') }}
                        <strong>{{ __('banner_admin.th') }}</strong></span>
                </div>
                <div class="form-group col-12">
                    <label class="form-label">{{ __('banner_admin.name_th') }}</label>
                    <input type="text" class="form-control" name="name_social_th" id="name_social_th"
                        placeholder="{{ __('banner_admin.name_placeholder_th') }}"
                        value="{{ !empty($contact_page->name_social_th) ? $contact_page->name_social_th : '' }}">
                </div>
                {{-- End Input --}}
            </div>
            {{-- End Tap 1 --}}
            {{-- Tap 2 --}}
            <div class="tab_content">
                {{-- Start Input --}}
                <div class="alert alert-default" role="alert">
                    <span class="alert-inner--icon"><i class="fe fe-bell"></i></i></span>
                    <span class="alert-inner--text">{{ __('banner_admin.form_alert') }}
                        <strong>{{ __('banner_admin.en') }}</strong></span>
                </div>
                <div class="form-group col-12">
                    <label class="form-label">{{ __('banner_admin.name_en') }}</label>
                    <input type="text" class="form-control" name="name_social_en" id="name_social_en"
                        placeholder="{{ __('banner_admin.name_placeholder_en') }}"
                        value="{{ !empty($contact_page->name_social_en) ? $contact_page->name_social_en : '' }}">
                </div>
                {{-- End Input --}}
            </div>
            {{-- End Tap 2 --}}
        </div>
    </div>
    {{-- End Tap --}}

    
    <div class="row">
        <div class="form-group col-6">
            <label class="form-label">facebook</label>
            {{-- facebook  --}}
            <div class="input-group mb-3">
                <span class="input-group-text " id="basic-addon1">ชื่อ</span>
                <input type="text" class="form-control" placeholder="ชื่อ" aria-label="ชื่อ" aria-describedby="basic-addon1"
                id="name_fb" name="name_fb" value="{{ !empty($contact_page->fb['name']) ? $contact_page->fb['name'] : '' }}">
            </div>
            <div class="input-group mb-3">
                <span class="input-group-text" id="basic-addon1">url</span>
                <input type="text" class="form-control" placeholder="fb" aria-label="fb" aria-describedby="basic-addon1"
                id ="fb" name ="fb" value="{{ !empty($contact_page->fb['url']) ? $contact_page->fb['url'] : '' }}">
            </div>
        </div>
        <div class="form-group col-6">
            <label class="form-label">instargram</label>
            <div class="input-group mb-3">
                <span class="input-group-text " id="basic-addon1">ชื่อ</span>
                <input type="text" class="form-control" placeholder="ชื่อ" aria-label="ชื่อ" aria-describedby="basic-addon1"
                id="name_ig" name="name_ig" value="{{ !empty($contact_page->instargram['name']) ? $contact_page->instargram['name'] : '' }}">
            </div>
            <div class="input-group mb-3">
                <span class="input-group-text" id="basic-addon1">url</span>
                <input type="text" class="form-control" placeholder="instargram" aria-label="instargram" aria-describedby="basic-addon1"
                id ="instargram" name ="instargram" value="{{ !empty($contact_page->instargram['url']) ? $contact_page->instargram['url'] : '' }}">
            </div>
            {{-- <input type="text" class="form-control" name="instargram" id="instargram" placeholder="instargram"
                value="{{ !empty($contact_page->instargram) ? $contact_page->instargram : '' }}"> --}}
        </div>
        <div class="form-group col-6">
            <label class="form-label">line</label>

            <div class="input-group mb-3">
                <span class="input-group-text " id="basic-addon1">ชื่อ</span>
                <input type="text" class="form-control" placeholder="ชื่อ" aria-label="ชื่อ" aria-describedby="basic-addon1"
                id="name_line" name="name_line" value="{{ !empty($contact_page->line['name']) ? $contact_page->line['name'] : '' }}">
            </div>
            <div class="input-group mb-3">
                <span class="input-group-text" id="basic-addon1">url</span>
                <input type="text" class="form-control" placeholder="line" aria-label="line" aria-describedby="basic-addon1"
                id ="line" name ="line" value="{{ !empty($contact_page->line['url']) ? $contact_page->line['url'] : '' }}">
            </div>

            {{-- <input type="text" class="form-control" name="line" id="line" placeholder="line"
                value="{{ !empty($contact_page->line) ? $contact_page->line : '' }}"> --}}
        </div>
        <div class="form-group col-6">
            <label class="form-label">youtube</label>

            <div class="input-group mb-3">
                <span class="input-group-text " id="basic-addon1">ชื่อ</span>
                <input type="text" class="form-control" placeholder="ชื่อ" aria-label="ชื่อ" aria-describedby="basic-addon1"
                id="name_youtube" name="name_youtube" value="{{ !empty($contact_page->youtube['name']) ? $contact_page->youtube['name'] : '' }}">
            </div>
            <div class="input-group mb-3">
                <span class="input-group-text" id="basic-addon1">url</span>
                <input type="text" class="form-control" placeholder="youtube" aria-label="youtube" aria-describedby="basic-addon1"
                id ="youtube" name ="youtube" value="{{ !empty($contact_page->youtube['url']) ? $contact_page->youtube['url'] : '' }}">
            </div>

            {{-- <input type="text" class="form-control" name="youtube" id="youtube" placeholder="youtube"
                value="{{ !empty($contact_page->youtube) ? $contact_page->youtube : '' }}"> --}}
        </div>
        <div class="form-group col-6">
            <label class="form-label">tiktok</label>

            <div class="input-group mb-3">
                <span class="input-group-text " id="basic-addon1">ชื่อ</span>
                <input type="text" class="form-control" placeholder="ชื่อ" aria-label="ชื่อ" aria-describedby="basic-addon1"
                id="name_tiktok" name="name_tiktok" value="{{ !empty($contact_page->tiktok['name']) ? $contact_page->tiktok['name'] : '' }}">
            </div>
            <div class="input-group mb-3">
                <span class="input-group-text" id="basic-addon1">url</span>
                <input type="text" class="form-control" placeholder="tiktok" aria-label="tiktok" aria-describedby="basic-addon1"
                id ="tiktok" name ="tiktok" value="{{ !empty($contact_page->tiktok['url']) ? $contact_page->tiktok['url'] : '' }}">
            </div>
            {{-- <input type="text" class="form-control" name="tiktok" id="tiktok" placeholder="tiktok"
                value="{{ !empty($contact_page->tiktok) ? $contact_page->tiktok : '' }}"> --}}
        </div>
        <div class="form-group col-6">
            <label class="form-label">shopee</label>

            <div class="input-group mb-3">
                <span class="input-group-text " id="basic-addon1">ชื่อ</span>
                <input type="text" class="form-control" placeholder="ชื่อ" aria-label="ชื่อ" aria-describedby="basic-addon1"
                id="name_shopee" name="name_shopee" value="{{ !empty($contact_page->shopee['name']) ? $contact_page->shopee['name'] : '' }}">
            </div>
            <div class="input-group mb-3">
                <span class="input-group-text" id="basic-addon1">url</span>
                <input type="text" class="form-control" placeholder="shopee" aria-label="shopee" aria-describedby="basic-addon1"
                id ="shopee" name ="shopee" value="{{ !empty($contact_page->shopee['url']) ? $contact_page->shopee['url'] : '' }}">
            </div>

            {{-- <input type="text" class="form-control" name="shopee" id="shopee" placeholder="shopee"
                value="{{ !empty($contact_page->shopee) ? $contact_page->shopee : '' }}"> --}}
        </div>
        <div class="form-group col-6">
            <label class="form-label">lazada</label>

            <div class="input-group mb-3">
                <span class="input-group-text " id="basic-addon1">ชื่อ</span>
                <input type="text" class="form-control" placeholder="ชื่อ" aria-label="ชื่อ" aria-describedby="basic-addon1"
                id="name_lazada" name="name_lazada" value="{{ !empty($contact_page->lazada['name']) ? $contact_page->lazada['name'] : '' }}">
            </div>
            <div class="input-group mb-3">
                <span class="input-group-text" id="basic-addon1">url</span>
                <input type="text" class="form-control" placeholder="lazada" aria-label="lazada" aria-describedby="basic-addon1"
                id ="lazada" name ="lazada" value="{{ !empty($contact_page->lazada['url']) ? $contact_page->lazada['url'] : '' }}">
            </div>

            {{-- <input type="text" class="form-control" name="lazada" id="lazada" placeholder="lazada"
                value="{{ !empty($contact_page->lazada) ? $contact_page->lazada : '' }}"> --}}
        </div>
    </div>
</div>
{{-- end tap 3 --}}