@extends('master.back')
@section('styles')
    <link rel="stylesheet" href="{{asset('assets/back/css/select2.css')}}">
@endsection
@section('content')

<!-- Start of Main Content -->
<div class="container-fluid">

	<!-- Page Heading -->
    <div class="card mb-4">
        <div class="card-body">
            <div class="d-sm-flex align-items-center justify-content-between">
                <h3 class="mb-0 bc-title"><b>{{ __('Language') }}</b></h3>
                </div>
        </div>
    </div>

    {{-- Create Table Btn --}}

	<!-- DataTales -->
	<div class="card shadow mb-4">
		<div class="card-body">
            <div class="row">
                <div class="col-5 col-md-3">
                    <div class="nav flex-column nav-pills nav-secondary" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                        {{-- <a class="nav-link active" id="v-pills-t9-tab" data-toggle="pill" href="#v-pills-t9" role="tab" aria-controls="v-pills-t9" aria-selected="true">{{ __('Hero Section Banner') }}</a> --}}
                        {{-- <a class="nav-link" id="v-pills-t1-tab" data-toggle="pill" href="#v-pills-t1" role="tab" aria-controls="v-pills-t1" aria-selected="false">{{ __('3 column banner First') }}</a> --}}
                        <a class="nav-link" id="v-pills-t2-tab" data-toggle="pill" href="#v-pills-t2" role="tab" aria-controls="v-pills-t2" aria-selected="true">{{ __('หมวดหมู่สินค้ายอดนิยม') }}</a>
                       <a class="nav-link" id="v-pills-t5-tab" data-toggle="pill" href="#v-pills-t5" role="tab" aria-controls="v-pills-t5" aria-selected="false">{{ __('Supermatch') }}</a>  
                        {{-- <a class="nav-link" id="v-pills-t3-tab" data-toggle="pill" href="#v-pills-t3" role="tab" aria-controls="v-pills-t3" aria-selected="false">{{ __('Three column category') }}</a>
                        <a class="nav-link" id="v-pills-t4-tab" data-toggle="pill" href="#v-pills-t4" role="tab" aria-controls="v-pills-t4" aria-selected="false">{{ __('Featured Categories') }}</a>
                        <a class="nav-link" id="v-pills-t6-tab" data-toggle="pill" href="#v-pills-t6" role="tab" aria-controls="v-pills-t6" aria-selected="false">{{ __('2 column banner') }}</a>
                        <a class="nav-link" id="v-pills-t7-tab" data-toggle="pill" href="#v-pills-t7" role="tab" aria-controls="v-pills-t7" aria-selected="false">{{ __('Home Page 4 Banner 5 Column') }}</a>
                        <a class="nav-link" id="v-pills-t8-tab" data-toggle="pill" href="#v-pills-t8" role="tab" aria-controls="v-pills-t8" aria-selected="false">{{ __('Home Page 4 Popular Categories') }}</a> --}}
                    </div>
                </div>
                <div class="col-7 col-md-9">
                    <div class="tab-content" id="v-pills-tabContent">
                        <div class="tab-pane fade" id="v-pills-t9" role="tabpanel" aria-labelledby="v-pills-t9-tab">
                            <form class="admin-form" action="{{route('back.hero.banner.update')}}"method="POST" enctype="multipart/form-data">
                                @include('alerts.alerts')
                                @csrf
                                        <div class="form-group">
                                            <label for="name">{{ __('Image 1') }} *</label>
                                            <br>
                                                <img class="admin-img"
                                                    src="{{isset($hero_banner['img1']) ? asset('assets/images/'.$hero_banner['img1']) : asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span class="mt-1">{{ __('Image Size Should Be 496 x 204.') }}</span>
                                        </div>
                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="img1" id="file"
                                                    aria-label="File browser example">
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <label for="title1">{{ __('Title') }} *</label>
                                            <input type="text" name="title1" class="form-control" id="title1"
                                                placeholder="{{ __('Enter Title') }}"  value="{{isset($hero_banner['title1']) ? $hero_banner['title1'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="subtitle1">{{ __('Subtitle') }} </label>
                                            <input type="text" name="subtitle1" class="form-control" id="subtitle1"
                                                placeholder="{{ __('Enter Subtitle') }}"  value="{{isset($hero_banner['subtitle1']) ? $hero_banner['subtitle1'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="url1">{{ __('URL 1') }} *</label>
                                            <input type="text" name="url1" class="form-control" id="url1"
                                                placeholder="{{ __('Enter Url') }}"  value="{{isset($hero_banner['url1']) ? $hero_banner['url1'] : ''}}" >
                                        </div>

                                        <hr>

                                        <div class="form-group">
                                            <label for="name">{{ __('Image 2') }} *</label>
                                            <br>
                                                <img class="admin-img"
                                                    src="{{isset($hero_banner['img2']) ? asset('assets/images/'.$hero_banner['img2']) : asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span class="mt-1">{{ __('Image Size Should Be 496 x 204.') }}</span>
                                        </div>
                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="img2" id="file"
                                                    aria-label="File browser example">
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <label for="title2">{{ __('Title') }} *</label>
                                            <input type="text" name="title2" class="form-control" id="title2"
                                                placeholder="{{ __('Enter Title') }}"  value="{{isset($hero_banner['title2']) ? $hero_banner['title2'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="subtitle2">{{ __('Subtitle') }} </label>
                                            <input type="text" name="subtitle2" class="form-control" id="subtitle2"
                                                placeholder="{{ __('Enter Subtitle') }}"  value="{{isset($hero_banner['subtitle2']) ? $hero_banner['subtitle2'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="url2">{{ __('URL 2') }} *</label>
                                            <input type="text" name="url2" class="form-control" id="url2"
                                                placeholder="{{ __('Enter Url') }}"  value="{{isset($hero_banner['url2']) ? $hero_banner['url2'] : ''}}" >
                                        </div>


                                    <div class="form-group">
                                        <button type="submit" class="btn btn-secondary ">{{ __('Submit') }}</button>
                                    </div>
                            </form>
                        </div>
                        <div class="tab-pane fade show " id="v-pills-t1" role="tabpanel" aria-labelledby="v-pills-t1-tab">
                            <form class="admin-form" action="{{route('back.first.banner.update')}}" method="POST" enctype="multipart/form-data">
                                @csrf
                                        <div class="form-group">
                                            <label for="name">{{ __('Image 1') }} *</label>
                                            <br>
                                                <img class="admin-img"
                                                    src="{{  asset('assets/images/'.$first_banner['img1']) }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span class="mt-1">{{ __('Image Size Should Be 496 x 204.') }}</span>
                                        </div>
                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="img1" id="file"
                                                    aria-label="File browser example">
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <label for="title1">{{ __('Title') }} *</label>
                                            <input type="text" name="title1" class="form-control" id="title1"
                                                placeholder="{{ __('Enter Title') }}"  value="{{isset($first_banner['title1']) ? $first_banner['title1'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="subtitle1">{{ __('Subtitle') }} *</label>
                                            <input type="text" name="subtitle1" class="form-control" id="subtitle1"
                                                placeholder="{{ __('Enter Subtitle') }}"  value="{{isset($first_banner['subtitle1']) ? $first_banner['subtitle1'] : ''}}" >
                                        </div>

                                        <div class="form-group">
                                            <label for="url">{{ __('URL 1') }} *</label>
                                            <input type="text" name="firsturl1" class="form-control" id="firsturl1"
                                                placeholder="{{ __('Enter Banner Url') }}" value="{{$first_banner['firsturl1']}}" >
                                        </div>
                                        <hr>

                                        <div class="form-group">
                                            <label for="name">{{ __('Image 2') }} *</label>
                                            <br>
                                                <img class="admin-img"
                                                    src="{{  asset('assets/images/'.$first_banner['img2']) }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span class="mt-1">{{ __('Image Size Should Be 496 x 204.') }}</span>
                                        </div>
                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="img2" id="file"
                                                    aria-label="File browser example">
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <label for="title2">{{ __('Title') }} *</label>
                                            <input type="text" name="title2" class="form-control" id="title2"
                                                placeholder="{{ __('Enter Title') }}"  value="{{isset($first_banner['title2']) ? $first_banner['title2'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="subtitle2">{{ __('Subtitle') }} *</label>
                                            <input type="text" name="subtitle2" class="form-control" id="subtitle2"
                                                placeholder="{{ __('Enter Subtitle') }}"  value="{{isset($first_banner['subtitle2']) ? $first_banner['subtitle2'] : ''}}" >
                                        </div>

                                        <div class="form-group">
                                            <label for="firsturl2">{{ __('URL 2') }} *</label>
                                            <input type="text" name="firsturl2" class="form-control" id="firsturl2"
                                                placeholder="{{ __('Enter Banner Url') }}" value="{{$first_banner['firsturl2']}}" >
                                        </div>
                                        <hr>

                                        <div class="form-group">
                                            <label for="name">{{ __('Image 3') }} *</label>
                                            <br>
                                                <img class="admin-img"
                                                    src="{{  asset('assets/images/'.$first_banner['img3']) }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span class="mt-1">{{ __('Image Size Should Be 496 x 204.') }}</span>
                                        </div>
                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="img3" id="file"
                                                    aria-label="File browser example">
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <label for="title3">{{ __('Title') }} *</label>
                                            <input type="text" name="title3" class="form-control" id="title3"
                                                placeholder="{{ __('Enter Title') }}"  value="{{isset($first_banner['title3']) ? $first_banner['title3'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="subtitle3">{{ __('Subtitle') }} *</label>
                                            <input type="text" name="subtitle3" class="form-control" id="subtitle3"
                                                placeholder="{{ __('Enter Subtitle') }}"  value="{{isset($first_banner['subtitle3']) ? $first_banner['subtitle3'] : ''}}" >
                                        </div>


                                        <div class="form-group">
                                            <label for="firsturl3">{{ __('URL 3') }} *</label>
                                            <input type="text" name="firsturl3" class="form-control" id="firsturl3"
                                                placeholder="{{ __('Enter Banner Url') }}" value="{{$first_banner['firsturl3']}}" >
                                        </div>

                                    <div class="form-group">
                                            <button type="submit" class="btn btn-secondary ">{{ __('Submit') }}</button>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane fade show active" id="v-pills-t2" role="tabpanel" aria-labelledby="v-pills-t2-tab">

                            <form class="admin-form" action="{{route('back.popular.category.update')}}" method="POST" enctype="multipart/form-data">
                                @csrf
                                    <div class="form-group">
                                        <label for="popular_title">{{ __('Section Title') }} *</label>
                                        <input type="text" name="popular_title" class="form-control" id="popular_title"
                                            placeholder="{{ __('Popular Category') }}" value="{{$popular_category['popular_title']}}" >
                                    </div>

                              
                                    <hr>
                                    <h2 class=""><b>{{ __('Category 1 :') }}</b></h2>

                                    <div class="form-group">
                                        <label for="name">{{ __('Image Category 1') }} *</label>
                                        <br>
                                        @php
                                        $imagePath = isset($popular_category['imgc1']) && !is_array($popular_category['imgc1']) 
                                                     ? asset('assets/images/all_c/' . $popular_category['imgc1']) 
                                                     : asset('assets/images/placeholder.png');
                                    @endphp
                                    
                                    <img class="admin-img" src="{{ $imagePath }}" alt="No Image Found">
                                        <br>
                                        <span class="mt-1">{{ __('Image Size Should Be 500 x 500.') }}</span>
                                    </div>
                                    <div class="form-group position-relative">
                                        <label class="file">
                                            <input type="file"  accept="image/*"  class="upload-photo" name="imgc1" id="file"
                                                aria-label="File browser example">
                                            <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                        </label>
                                    </div>

                                    <div class="form-group">
                                        <label for="category_id1">{{ __('Select Category') }} *</label>
                                        <select name="category_id1"  id="category_id1" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                            <option value="" >{{__('Select One')}}</option>
                                            @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                            
                                                @if($session_language == 'Th')

                                                <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id1'] ? 'selected' : ''}} >{{ $cat->name }}</option>
                                                @elseif($session_language == 'English')
                                                <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id1'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                                @elseif($session_language == 'China') 

                                                <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id1'] ? 'selected' : ''}} >{{ $cat->name_ch }}</option>
                                                @else
                                                <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id1'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </div>
                                 

                                    <div class="form-group">
                                        <label for="childcategory_id1">{{ __('Select Child Category') }} </label>
                                        <select name="childcategory_id1_status" id="childcategory_id1_status" class="form-control">
                                            <option  {{ 1 == @$popular_category['childcategory_id1_status'] ? 'selected' : ''}} value="1">On</option>
                                            <option  {{ 0 == @$popular_category['childcategory_id1_status'] ? 'selected' : ''}} >Off</option>
                                        </select>
                                    </div>
 
                                    <hr>
                                    <h2 class=""><b>{{ __('Category 2 :') }}</b></h2>

                                    <div class="form-group">
                                        <label for="name">{{ __('Image Category 2') }} *</label>
                                        <br>
                                        @php
                                        $imagePath = isset($popular_category['imgc2']) && !is_array($popular_category['imgc2']) 
                                                     ? asset('assets/images/all_c/' . $popular_category['imgc2']) 
                                                     : asset('assets/images/placeholder.png');
                                    @endphp
                                    
                                    <img class="admin-img" src="{{ $imagePath }}" alt="No Image Found">
                                        <br>
                                        <span class="mt-1">{{ __('Image Size Should Be 500 x 500.') }}</span>
                                    </div>
                                    <div class="form-group position-relative">
                                        <label class="file">
                                            <input type="file"  accept="image/*"  class="upload-photo" name="imgc2" id="file"
                                                aria-label="File browser example">
                                            <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                        </label>
                                    </div>

                                    <div class="form-group">
                                        <label for="category_id2">{{ __('Select Category') }} *</label>
                                        <select name="category_id2" id="category_id2" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                            <option value="" >{{__('Select One')}}</option>
                                            @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                            
                                            @if($session_language == 'Th')

                                            <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id2'] ? 'selected' : ''}}>{{ $cat->name }}</option>
                                            @elseif($session_language == 'English')
                                            <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id2'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                            @elseif($session_language == 'China') 

                                            <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id2'] ? 'selected' : ''}} >{{ $cat->name_ch }}</option>
                                            @else
                                            <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id2'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                            @endif
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <label for="childcategory_id2">{{ __('Select Child Category') }} </label>
                                        <select name="childcategory_id2_status" id="childcategory_id2_status" class="form-control">
                                            <option  {{ 1 == @$popular_category['childcategory_id2_status'] ? 'selected' : ''}} value="1">On</option>
                                            <option  {{ 0 == @$popular_category['childcategory_id2_status'] ? 'selected' : ''}} >Off</option>
                                        </select>
                                    </div>
                             

                               
                                    <hr>
                                    <h2 class=""><b>{{ __('Category 3 :') }}</b></h2>

                                    <div class="form-group">
                                        <label for="name">{{ __('Image Category 3') }} *</label>
                                        <br>
                                        @php
                                        $imagePath = isset($popular_category['imgc3']) && !is_array($popular_category['imgc3']) 
                                                     ? asset('assets/images/all_c/' . $popular_category['imgc3']) 
                                                     : asset('assets/images/placeholder.png');
                                    @endphp
                                    
                                    <img class="admin-img" src="{{ $imagePath }}" alt="No Image Found">
                                        <br>
                                        <span class="mt-1">{{ __('Image Size Should Be 500 x 500.') }}</span>
                                    </div>
                                    <div class="form-group position-relative">
                                        <label class="file">
                                            <input type="file"  accept="image/*"  class="upload-photo" name="imgc3" id="file"
                                                aria-label="File browser example">
                                            <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                        </label>
                                    </div>
                                    <div class="form-group">
                                        <label for="category_id3">{{ __('Select Category') }} *</label>
                                        <select name="category_id3" id="category_id3" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                            <option value="" >{{__('Select One')}}</option>
                                            @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                            
                                               
                                            @if($session_language == 'Th')

                                            <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id3'] ? 'selected' : ''}}>{{ $cat->name }}</option>
                                            @elseif($session_language == 'English')
                                            <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id3'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                            @elseif($session_language == 'China') 

                                            <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id3'] ? 'selected' : ''}} >{{ $cat->name_ch }}</option>
                                            @else
                                            <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id3'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                            @endif
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="childcategory_id3">{{ __('Select Child Category') }} </label>
                                        <select name="childcategory_id3_status" id="childcategory_id3_status" class="form-control">
                                            <option  {{ 1 == @$popular_category['childcategory_id3_status'] ? 'selected' : ''}} value="1">On</option>
                                            <option  {{ 0 == @$popular_category['childcategory_id3_status'] ? 'selected' : ''}} >Off</option>
                                        </select>
                                    </div>
                             
                                    <hr>
                                    <h2 class=""><b>{{ __('Category 4 :') }}</b></h2>
                                    <div class="form-group">
                                        <label for="name">{{ __('Image Category 4') }} *</label>
                                        <br>
                                        @php
                                        $imagePath = isset($popular_category['imgc4']) && !is_array($popular_category['imgc4']) 
                                                     ? asset('assets/images/all_c/' . $popular_category['imgc4']) 
                                                     : asset('assets/images/placeholder.png');
                                    @endphp
                                    
                                    <img class="admin-img" src="{{ $imagePath }}" alt="No Image Found">
                                        <br>
                                        <span class="mt-1">{{ __('Image Size Should Be 500 x 500.') }}</span>
                                    </div>
                                    <div class="form-group position-relative">
                                        <label class="file">
                                            <input type="file"  accept="image/*"  class="upload-photo" name="imgc4" id="file"
                                                aria-label="File browser example">
                                            <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                        </label>
                                    </div>

                                    <div class="form-group">
                                        <label for="category_id4">{{ __('Select Category') }} *</label>
                                        <select name="category_id4" id="category_id4" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                            <option value="" >{{__('Select One')}}</option>
                                            @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                            

                                            @if($session_language == 'Th')

                                            <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id4'] ? 'selected' : ''}}>{{ $cat->name }}</option>
                                            @elseif($session_language == 'English')
                                            <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id4'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                            @elseif($session_language == 'China') 

                                            <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id4'] ? 'selected' : ''}} >{{ $cat->name_ch }}</option>
                                            @else
                                            <option value="{{ $cat->id }}" {{$cat->id == $popular_category['category_id4'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                            @endif
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="childcategory_id4">{{ __('Select Child Category') }} </label>
                                        <select name="childcategory_id4_status" id="childcategory_id4_status" class="form-control">
                                            <option  {{ 1 == @$popular_category['childcategory_id4_status'] ? 'selected' : ''}} value="1">On</option>
                                            <option  {{ 0 == @$popular_category['childcategory_id4_status'] ? 'selected' : ''}} >Off</option>
                                        </select>
                                    </div>
                             
                                    <hr>
                                    <h2 class=""><b>{{ __('Category 5 :') }}</b></h2>
                                    <div class="form-group">
                                        <label for="name">{{ __('Image Category 5') }} *</label>
                                        <br>
                                        @php
                                        $imagePath = isset($popular_category['imgc5']) && !is_array($popular_category['imgc5']) 
                                                     ? asset('assets/images/all_c/' . $popular_category['imgc5']) 
                                                     : asset('assets/images/placeholder.png');
                                    @endphp
                                    
                                    <img class="admin-img" src="{{ $imagePath }}" alt="No Image Found">
                                        <br>
                                        <span class="mt-1">{{ __('Image Size Should Be 500 x 500.') }}</span>
                                    </div>
                                    <div class="form-group position-relative">
                                        <label class="file">
                                            <input type="file"  accept="image/*"  class="upload-photo" name="imgc5" id="file"
                                                aria-label="File browser example">
                                            <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                        </label>
                                    </div>


                                    <div class="form-group">
                                        <label for="category_id5">{{ __('Select Category') }} *</label>
                                        <select name="category_id5" id="category_id5" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                            <option value="" >{{__('Select One')}}</option>
                                            @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                            

                                            @if($session_language == 'Th')

                                            <option value="{{ $cat->id }}" {{$cat->id == @$popular_category['category_id5'] ? 'selected' : ''}}>{{ $cat->name }}</option>
                                            @elseif($session_language == 'English')
                                            <option value="{{ $cat->id }}" {{$cat->id == @$popular_category['category_id5'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                            @elseif($session_language == 'China') 

                                            <option value="{{ $cat->id }}" {{$cat->id == @$popular_category['category_id5'] ? 'selected' : ''}} >{{ $cat->name_ch }}</option>
                                            @else
                                            <option value="{{ $cat->id }}" {{$cat->id == @$popular_category['category_id5'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                            @endif
                                            @endforeach
                                        </select>
                                    </div>
                                 
                                    <div class="form-group">
                                        <label for="childcategory_id5">{{ __('Select Child Category') }} </label>
                                        <select name="childcategory_id5_status" id="childcategory_id5_status" class="form-control">
                                            <option  {{ 1 == @$popular_category['childcategory_id5_status'] ? 'selected' : ''}} value="1">On</option>
                                            <option  {{ 0 == @$popular_category['childcategory_id5_status'] ? 'selected' : ''}} >Off</option>
                                        </select>
                                    </div>
                                    <hr>
                                    <h2 class=""><b>{{ __('Category 6 :') }}</b></h2>
                                    <div class="form-group">
                                        <label for="name">{{ __('Image Category 6') }} *</label>
                                        <br>
                                       
                                        @php
                                        $imagePath = isset($popular_category['imgc6']) && !is_array($popular_category['imgc6']) 
                                                     ? asset('assets/images/all_c/' . $popular_category['imgc6']) 
                                                     : asset('assets/images/placeholder.png');
                                    @endphp
                                    
                                    <img class="admin-img" src="{{ $imagePath }}" alt="No Image Found">
                                        <br>
                                        <span class="mt-1">{{ __('Image Size Should Be 500 x 500.') }}</span>
                                    </div>
                                    <div class="form-group position-relative">
                                        <label class="file">
                                            <input type="file"  accept="image/*"  class="upload-photo" name="imgc6" id="file"
                                                aria-label="File browser example">
                                            <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                        </label>
                                    </div>


                                    <div class="form-group">
                                        <label for="category_id6">{{ __('Select Category') }} *</label>
                                        <select name="category_id6" id="category_id6" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                            <option value="" >{{__('Select One')}}</option>
                                            @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                            

                                            @if($session_language == 'Th')

                                            <option value="{{ $cat->id }}" {{$cat->id == @$popular_category['category_id6'] ? 'selected' : ''}}>{{ $cat->name }}</option>
                                            @elseif($session_language == 'English')
                                            <option value="{{ $cat->id }}" {{$cat->id == @$popular_category['category_id6'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                            @elseif($session_language == 'China') 

                                            <option value="{{ $cat->id }}" {{$cat->id == @$popular_category['category_id6'] ? 'selected' : ''}} >{{ $cat->name_ch }}</option>
                                            @else
                                            <option value="{{ $cat->id }}" {{$cat->id == @$popular_category['category_id6'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                            @endif
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="childcategory_id6">{{ __('Select Child Category') }} </label>
                                        <select name="childcategory_id6_status" id="childcategory_id6_status" class="form-control">
                                            <option  {{ 1 == @$popular_category['childcategory_id6_status'] ? 'selected' : ''}} value="1">On</option>
                                            <option  {{ 0 == @$popular_category['childcategory_id6_status'] ? 'selected' : ''}} >Off</option>
                                        </select>
                                    </div>
                                  
 

                                    <hr>
                                    <h2 class=""><b>{{ __('Category 7 :') }}</b></h2>

                                    <div class="form-group">
                                        <label for="name">{{ __('Image Category 7') }} *</label>
                                        <br>
                                             
                                        @php
                                        $imagePath = isset($popular_category['imgc7']) && !is_array($popular_category['imgc7']) 
                                                     ? asset('assets/images/all_c/' . $popular_category['imgc7']) 
                                                     : asset('assets/images/placeholder.png');
                                    @endphp
                                    
                                    <img class="admin-img" src="{{ $imagePath }}" alt="No Image Found">
                                   
                                        <br>
                                        <span class="mt-1">{{ __('Image Size Should Be 500 x 500.') }}</span>
                                    </div>
                                    <div class="form-group position-relative">
                                        <label class="file">
                                            <input type="file"  accept="image/*"  class="upload-photo" name="imgc7" id="file"
                                                aria-label="File browser example">
                                            <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                        </label>
                                    </div>


                                    <div class="form-group">
                                        <label for="category_id7">{{ __('Select Category') }} *</label>
                                        <select name="category_id7" id="category_id7" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                            <option value="" >{{__('Select One')}}</option>
                                            @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                            

                                            @if($session_language == 'Th')

                                            <option value="{{ $cat->id }}" {{$cat->id == @$popular_category['category_id7'] ? 'selected' : ''}}>{{ $cat->name }}</option>
                                            @elseif($session_language == 'English')
                                            <option value="{{ $cat->id }}" {{$cat->id == @$popular_category['category_id7'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                            @elseif($session_language == 'China') 

                                            <option value="{{ $cat->id }}" {{$cat->id == @$popular_category['category_id7'] ? 'selected' : ''}} >{{ $cat->name_ch }}</option>
                                            @else
                                            <option value="{{ $cat->id }}" {{$cat->id == @$popular_category['category_id7'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                            @endif
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="childcategory_id7">{{ __('Select Child Category') }} </label>
                                        <select name="childcategory_id7_status" id="childcategory_id7_status" class="form-control">
                                            <option  {{ 1 == @$popular_category['childcategory_id7_status'] ? 'selected' : ''}} value="1">On</option>
                                            <option  {{ 0 == @$popular_category['childcategory_id7_status'] ? 'selected' : ''}} >Off</option>
                                        </select>
                                    </div>

                                <div class="form-group">
                                <button type="submit" class="btn btn-secondary ">{{ __('Submit') }}</button>
                            </div>
                        </form>
                        </div>
 
                       <!-- Form Section -->
                        <div class="tab-pane fade" id="v-pills-t5" role="tabpanel" aria-labelledby="v-pills-t5-tab">
                            <div class="form-group">
                                <label for="category_id">{{ __('Select Category') }} *</label>
                                <select name="category_id" id="category_id" data-href="{{ route('back.get.subcategory') }}" class="form-control">
                                    <option value="" selected>{{ __('Select One') }}</option>
                                    @foreach(DB::table('categories')->get() as $cat)
                                        @if($session_language == 'Th')
                                            <option value="{{ $cat->id }}">{{ $cat->name }}</option>
                                        @elseif($session_language == 'English')
                                            <option value="{{ $cat->id }}">{{ $cat->name_en }}</option>
                                        @elseif($session_language == 'China')
                                            <option value="{{ $cat->id }}">{{ $cat->name_ch }}</option>
                                        @else
                                            <option value="{{ $cat->id }}">{{ $cat->name_en }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="subcategory_id">{{ __('Select Sub Category') }} </label>
                                <select name="subcategory_id" id="subcategory_id" data-href="{{ route('back.get.childcategory') }}" class="form-control">
                                    <option value="">{{ __('Select One') }}</option>
                                </select>
                            </div>

                            {{-- <div class="form-group">
                                <label for="childcategory_id">{{ __('Select Child Category') }} </label>
                                <select name="childcategory_id" id="childcategory_id" class="form-control">
                                    <option value="">{{ __('Select One') }}</option>
                                </select>
                            </div> --}}

                            <div class="form-group">
                                <button type="button" id="addDataBtn" class="btn btn-secondary">{{ __('Add') }}</button>
                                <button type="button" id="saveDataBtn" class="btn btn-primary">{{ __('Save') }}</button>
                            </div>

                            <div class="mt-4">
                                <table id="dataTable" class="table">
                                    <thead>
                                        <tr>
                                            <th>Category</th>
                                            <th>Sub Category</th>
                                            {{-- <th>Child Category</th> --}}
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                      
                                    </tbody>
                                </table>
                            </div>
        
                        </div>

                    <!-- DataTable Section -->
              
                        <!-- jQuery and DataTable Scripts -->
                 

                        <div class="tab-pane fade" id="v-pills-t3" role="tabpanel" aria-labelledby="v-pills-t3-tab">
                            <form class="admin-form" action="{{route('back.tree.column.category.update')}}" method="POST">
                                @csrf
                                <hr>
                                <h2 class=""><b>{{ __('Category 1 :') }}</b></h2>

                                <div class="form-group">
                                    <label for="column_category_id1">{{ __('Select Category') }} *</label>
                                    <select name="category_id1" id="column_category_id1" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                        <option value="" >{{__('Select One')}}</option>
                                        @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                        
                                        @if($session_language == 'Th')

                                        <option value="{{ $cat->id }}" {{$cat->id == $three_column_category['category_id1'] ? 'selected' : ''}}>{{ $cat->name }}</option>
                                        @elseif($session_language == 'English')
                                        <option value="{{ $cat->id }}" {{$cat->id == $three_column_category['category_id1'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                        @elseif($session_language == 'China') 

                                        <option value="{{ $cat->id }}" {{$cat->id == $three_column_category['category_id1'] ? 'selected' : ''}} >{{ $cat->name_ch }}</option>
                                        @else
                                        <option value="{{ $cat->id }}" {{$cat->id == $three_column_category['category_id1'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                        @endif
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="cloumn_subcategory_id2">{{ __('Select Sub Category') }} </label>
                                    <select name="subcategory_id1" id="cloumn_subcategory_id1" class="form-control" data-href="{{route('back.get.childcategory')}}">
                                        <option value="">{{__('Select one')}}</option>
                                        @foreach(DB::table('subcategories')->where('category_id',$three_column_category['category_id1'])->whereStatus(1)->get() as $subcat)
                                        
                                        @if($session_language == 'Th')

                                        <option value="{{ $subcat->id }}" {{ $subcat->id == $three_column_category['subcategory_id1']? 'selected' : '' }}>{{ $subcat->name }}</option>
                                        @elseif($session_language == 'English')
                                        <option value="{{ $subcat->id }}" {{ $subcat->id == $three_column_category['subcategory_id1']? 'selected' : '' }}>{{ $subcat->name_en }}</option>
                                        @elseif($session_language == 'China') 

                                        <option value="{{ $subcat->id }}" {{ $subcat->id == $three_column_category['subcategory_id1']? 'selected' : '' }}>{{ $subcat->name_ch }}</option>
                                        @else
                                        <option value="{{ $subcat->id }}" {{ $subcat->id == $three_column_category['subcategory_id1']? 'selected' : '' }}>{{ $subcat->name_en }}</option>
                                        @endif
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="cloumn_childcategory_id1">{{ __('Select Child Category') }} </label>
                                    <select name="childcategory_id1"  id="cloumn_childcategory_id1" class="form-control">
                                        <option value="">{{__('Select one')}}</option>
                                        @foreach(DB::table('chield_categories')->where('category_id',$three_column_category['category_id1'])->whereStatus(1)->get() as $chieldcategory)
                                        
                                        @if($session_language == 'Th')

                                        <option value="{{ $chieldcategory->id }}" {{ $chieldcategory->id == $three_column_category['childcategory_id1'] ? 'selected' : '' }}>{{ $chieldcategory->name }}</option>
                                        @elseif($session_language == 'English')
                                        <option value="{{ $chieldcategory->id }}" {{ $chieldcategory->id == $three_column_category['childcategory_id1'] ? 'selected' : '' }}>{{ $chieldcategory->name_en }}</option>
                                        @elseif($session_language == 'China') 

                                        <option value="{{ $chieldcategory->id }}" {{ $chieldcategory->id == $three_column_category['childcategory_id1'] ? 'selected' : '' }}>{{ $chieldcategory->name_ch }}</option>
                                        @else
                                        <option value="{{ $chieldcategory->id }}" {{ $chieldcategory->id == $three_column_category['childcategory_id1'] ? 'selected' : '' }}>{{ $chieldcategory->name_en }}</option>
                                        @endif
                                        @endforeach
                                    </select>
                                </div>

 
                                <hr>
                                <h2 class=""><b>{{ __('Category 2 :') }}</b></h2>
                                <div class="form-group">
                                    <label for="column_category_id2">{{ __('Select Category') }} *</label>
                                    <select name="category_id2" id="column_category_id2" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                        <option value="" >{{__('Select One')}}</option>
                                        @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                        <option value="{{ $cat->id }}" {{$cat->id == $three_column_category['category_id2'] ? 'selected' : ''}}>{{ $cat->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="cloumn_subcategory_id2">{{ __('Select Sub Category') }} </label>
                                    <select name="subcategory_id2" id="cloumn_subcategory_id2" class="form-control" data-href="{{route('back.get.childcategory')}}">
                                        <option value="">{{__('Select one')}}</option>
                                        @foreach(DB::table('subcategories')->where('category_id',$three_column_category['category_id2'])->whereStatus(1)->get() as $subcat)
                                        <option value="{{ $subcat->id }}" {{ $subcat->id == $three_column_category['subcategory_id2']? 'selected' : '' }}>{{ $subcat->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="cloumn_childcategory_id2">{{ __('Select Child Category') }} </label>
                                    <select name="childcategory_id2" id="cloumn_childcategory_id2" class="form-control">
                                        <option value="">{{__('Select one')}}</option>
                                        @foreach(DB::table('chield_categories')->where('category_id',$three_column_category['category_id2'])->whereStatus(1)->get() as $chieldcategory)
                                        <option value="{{ $chieldcategory->id }}" {{ $chieldcategory->id == $three_column_category['childcategory_id2'] ? 'selected' : '' }}>{{ $chieldcategory->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <hr>
                                <h2 class=""><b>{{ __('Category 3 :') }}</b></h2>
                                <div class="form-group">
                                    <label for="column_category_id3">{{ __('Select Category') }} *</label>
                                    <select name="category_id3" id="column_category_id3" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                        <option value="" >{{__('Select One')}}</option>
                                        @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                        <option value="{{ $cat->id }}" {{ isset($three_column_category['category_id3']) && $cat->id == $three_column_category['category_id3'] ? 'selected' : ''}}>{{ $cat->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="cloumn_subcategory_id3">{{ __('Select Sub Category') }} </label>
                                    <select name="subcategory_id3" id="cloumn_subcategory_id3" class="form-control" data-href="{{route('back.get.childcategory')}}">
                                        <option value="">{{__('Select one')}}</option>
                                        @php
                                            if(isset($three_column_category['category_id3'])){
                                                $subcategory = DB::table('subcategories')->where('category_id', $three_column_category['category_id3'])->whereStatus(1)->get();
                                            }else{
                                                $subcategory = DB::table('subcategories')->whereStatus(1)->get();
                                            }
                                        @endphp
                                        @foreach($subcategory as $subcat)
                                        <option value="{{ $subcat->id }}" {{ isset($three_column_category['category_id3']) &&  $subcat->id == $three_column_category['subcategory_id3']? 'selected' : '' }}>{{ $subcat->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="cloumn_childcategory_id3">{{ __('Select Child Category') }} </label>
                                    <select name="childcategory_id3" id="cloumn_childcategory_id3" class="form-control">
                                        <option value="">{{__('Select one')}}</option>
                                        @php
                                            if(isset($three_column_category['category_id3'])){
                                                $childcategory = DB::table('chield_categories')->where('category_id',$three_column_category['category_id3'])->whereStatus(1)->get();
                                            }else{
                                                $childcategory = DB::table('chield_categories')->whereStatus(1)->get();
                                            }
                                        @endphp
                                        @foreach($childcategory as $chieldcategory)
                                        <option value="{{ $chieldcategory->id }}" {{isset($three_column_category['category_id3']) &&  $chieldcategory->id == $three_column_category['childcategory_id3'] ? 'selected' : '' }}>{{ $chieldcategory->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>



                                <div class="form-group">
                                    <button type="submit" class="btn btn-secondary ">{{ __('Submit') }}</button>
                                </div>
                            </form>
                        </div>

                        <div class="tab-pane fade" id="v-pills-t4" role="tabpanel" aria-labelledby="v-pills-t4-tab">
                            <form class="admin-form" action="{{route('back.feature.category.update')}}" method="POST">
                                @csrf
                                <div class="form-group">
                                    <label for="feature_title">{{ __('Section Title') }} *</label>
                                    <input type="text" name="feature_title" class="form-control" id="feature_title"
                                        placeholder="{{ __('Feture Category') }}" value="{{$feature_category['feature_title']}}" >
                                </div>
                                <hr>
                                <h2 class=""><b>{{ __('Category 1 :') }}</b></h2>

                                <div class="form-group">
                                    <label for="feature_category_id1">{{ __('Select Category') }} *</label>
                                    <select name="category_id1" id="feature_category_id1" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                        <option value="" >{{__('Select One')}}</option>
                                        @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                        <option value="{{ $cat->id }}" {{$cat->id == $feature_category['category_id1'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="feature_subcategory_id1">{{ __('Select Sub Category') }} </label>
                                    <select name="subcategory_id1" id="feature_subcategory_id1" class="form-control" data-href="{{route('back.get.childcategory')}}">
                                        <option value="">{{__('Select one')}}</option>
                                        @foreach(DB::table('subcategories')->where('category_id',$feature_category['category_id1'])->whereStatus(1)->get() as $subcat)
                                        <option value="{{ $subcat->id }}" {{ $subcat->id == $feature_category['subcategory_id1']? 'selected' : '' }}>{{ $subcat->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="feature_childcategory_id1">{{ __('Select Child Category') }} </label>
                                    <select name="childcategory_id1" id="feature_childcategory_id1" class="form-control">
                                        <option value="">{{__('Select one')}}</option>
                                        @foreach(DB::table('chield_categories')->where('category_id',$feature_category['category_id1'])->whereStatus(1)->get() as $chieldcategory)
                                        <option value="{{ $chieldcategory->id }}" {{ $chieldcategory->id == $feature_category['childcategory_id1'] ? 'selected' : '' }}>{{ $chieldcategory->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <hr>
                                <h2 class=""><b>{{ __('Category 2 :') }}</b></h2>
                                <div class="form-group">
                                    <label for="feature_category_id2">{{ __('Select Category') }} *</label>
                                    <select name="category_id2" id="feature_category_id2" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                        <option value="" >{{__('Select One')}}</option>
                                        @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                        <option value="{{ $cat->id }}" {{$cat->id == $feature_category['category_id2'] ? 'selected' : ''}}>{{ $cat->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="feature_subcategory_id2">{{ __('Select Sub Category') }} </label>
                                    <select name="subcategory_id2" id="feature_subcategory_id2" class="form-control" data-href="{{route('back.get.childcategory')}}">
                                        <option value="">{{__('Select one')}}</option>
                                        @foreach(DB::table('subcategories')->where('category_id',$feature_category['category_id2'])->whereStatus(1)->get() as $subcat)
                                        <option value="{{ $subcat->id }}" {{ $subcat->id == $feature_category['subcategory_id2']? 'selected' : '' }}>{{ $subcat->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="feature_childcategory_id2">{{ __('Select Child Category') }} </label>
                                    <select name="childcategory_id2" id="feature_childcategory_id2" class="form-control">
                                        <option value="">{{__('Select one')}}</option>
                                        @foreach(DB::table('chield_categories')->where('category_id',$feature_category['category_id2'])->whereStatus(1)->get() as $chieldcategory)
                                        <option value="{{ $chieldcategory->id }}" {{ $chieldcategory->id == $feature_category['childcategory_id2'] ? 'selected' : '' }}>{{ $chieldcategory->name_en }}</option>
                                      
                                        @endforeach
                                    </select>
                                </div>
                                <hr>
                                <h2 class=""><b>{{ __('Category 3 :') }}</b></h2>
                                <div class="form-group">
                                    <label for="feature_category_id3">{{ __('Select Category') }} *</label>
                                    <select name="category_id3" id="feature_category_id3" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                        <option value="" >{{__('Select One')}}</option>
                                        @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                        <option value="{{ $cat->id }}" {{$cat->id == $feature_category['category_id3'] ? 'selected' : ''}} >{{ $cat->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="feature_subcategory_id3">{{ __('Select Sub Category') }} </label>
                                    <select name="subcategory_id3" id="feature_subcategory_id3" class="form-control" data-href="{{route('back.get.childcategory')}}">
                                        <option value="">{{__('Select one')}}</option>
                                        @foreach(DB::table('subcategories')->where('category_id',$feature_category['category_id3'])->whereStatus(1)->get() as $subcat)
                                        <option value="{{ $subcat->id }}" {{ $subcat->id == $feature_category['subcategory_id3']? 'selected' : '' }}>{{ $subcat->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="feature_childcategory_id3">{{ __('Select Child Category') }} </label>
                                    <select name="childcategory_id3" id="feature_childcategory_id3" class="form-control">
                                        <option value="">{{__('Select one')}}</option>
                                        @foreach(DB::table('chield_categories')->where('category_id',$feature_category['category_id3'])->whereStatus(1)->get() as $chieldcategory)
                                        <option value="{{ $chieldcategory->id }}" {{ $chieldcategory->id == $feature_category['childcategory_id3'] ? 'selected' : '' }}>{{ $chieldcategory->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <hr>
                                <h2 class=""><b>{{ __('Category 4 :') }}</b></h2>
                                <div class="form-group">
                                    <label for="feature_category_id4">{{ __('Select Category') }} *</label>
                                    <select name="category_id4" id="feature_category_id4" data-href="{{route('back.get.subcategory')}}" class="form-control" >
                                        <option value="" >{{__('Select One')}}</option>
                                        @foreach(DB::table('categories')->whereStatus(1)->get() as $cat)
                                        <option value="{{ $cat->id }}" {{$cat->id == $feature_category['category_id4'] ? 'selected' : ''}}>{{ $cat->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="feature_subcategory_id4">{{ __('Select Sub Category') }} </label>
                                    <select name="subcategory_id4" id="feature_subcategory_id4" class="form-control" data-href="{{route('back.get.childcategory')}}">
                                        <option value="">{{__('Select one')}}</option>
                                        @foreach(DB::table('subcategories')->where('category_id',$feature_category['category_id4'])->whereStatus(1)->get() as $subcat)
                                        <option value="{{ $subcat->id }}" {{ $subcat->id == $feature_category['subcategory_id4']? 'selected' : '' }}>{{ $subcat->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="feature_childcategory_id4">{{ __('Select Child Category') }} </label>
                                    <select name="childcategory_id4" id="feature_childcategory_id4" class="form-control">
                                        <option value="">{{__('Select one')}}</option>
                                        @foreach(DB::table('chield_categories')->where('category_id',$feature_category['category_id4'])->whereStatus(1)->get() as $chieldcategory)
                                        <option value="{{ $chieldcategory->id }}" {{ $chieldcategory->id == $feature_category['childcategory_id4'] ? 'selected' : '' }}>{{ $chieldcategory->name_en }}</option>
                                        @endforeach
                                    </select>
                                </div>



                                <div class="form-group">
                                        <button type="submit" class="btn btn-secondary ">{{ __('Submit') }}</button>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane fade" id="v-pills-t6" role="tabpanel" aria-labelledby="v-pills-t6-tab">
                            <form class="admin-form" action="{{route('back.third.banner.update')}}"

                                method="post" enctype="multipart/form-data">
                                @csrf
                                        <div class="form-group">
                                            <label for="name">{{ __('Image 1') }} *</label>
                                            <br>
                                                <img class="admin-img"
                                                    src="{{  asset('assets/images/'.$third_banner['img1']) }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span class="mt-1">{{ __('Image Size Should Be 496 x 204.') }}</span>
                                        </div>
                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="img1" id="file"
                                                    aria-label="File browser example">
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>
                                        <div class="form-group">
                                            <label for="title1">{{ __('Title') }} *</label>
                                            <input type="text" name="title1" class="form-control" id="title1"
                                                placeholder="{{ __('Enter Title') }}"  value="{{isset($third_banner['title1']) ? $third_banner['title1'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="subtitle1">{{ __('Subtitle') }} *</label>
                                            <input type="text" name="subtitle1" class="form-control" id="subtitle1"
                                                placeholder="{{ __('Enter Subtitle') }}"  value="{{isset($third_banner['subtitle1']) ? $third_banner['subtitle1'] : ''}}" >
                                        </div>

                                        <div class="form-group">
                                            <label for="url">{{ __('URL 1') }} *</label>
                                            <input type="text" name="url1" class="form-control" id="url1"
                                                placeholder="{{ __('Enter Banner Url') }}" value="{{$third_banner['url1']}}" >
                                        </div>
                                        <hr>

                                        <div class="form-group">
                                            <label for="name">{{ __('Image 2') }} *</label>
                                            <br>
                                                <img class="admin-img"
                                                    src="{{  asset('assets/images/'.$third_banner['img2']) }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span class="mt-1">{{ __('Image Size Should Be 496 x 204.') }}</span>
                                        </div>
                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="img2" id="file"
                                                    aria-label="File browser example">
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <label for="title2">{{ __('Title') }} *</label>
                                            <input type="text" name="title2" class="form-control" id="title2"
                                                placeholder="{{ __('Enter Title') }}"  value="{{isset($third_banner['title2']) ? $third_banner['title2'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="subtitle2">{{ __('Subtitle') }} *</label>
                                            <input type="text" name="subtitle2" class="form-control" id="subtitle2"
                                                placeholder="{{ __('Enter Subtitle') }}"  value="{{isset($third_banner['subtitle2']) ? $third_banner['subtitle2'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="url">{{ __('URL 2') }} *</label>
                                            <input type="text" name="url2" class="form-control" id="url2"
                                                placeholder="{{ __('Enter Banner Url') }}" value="{{$third_banner['url2']}}" >
                                        </div>

                                    <div class="form-group">
                                            <button type="submit"
                                                class="btn btn-secondary ">{{ __('Submit') }}</button>
                                </div>
                            </form>
                        </div>

                        <div class="tab-pane fade" id="v-pills-t7" role="tabpanel" aria-labelledby="v-pills-t7-tab">
                            <form class="admin-form" action="{{route('back.home_page4.banner.update')}}"method="POST" enctype="multipart/form-data">
                                @include('alerts.alerts')
                                @csrf
                                        <div class="form-group">
                                            <label for="name">{{ __('Banner 1 Image') }} *</label>
                                            <br>
                                                <img class="admin-img"
                                                    src="{{ isset($home4_banner['img1']) ?  asset('assets/images/'.$home4_banner['img1']) : asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span class="mt-1">{{ __('Image Size Should Be 496 x 204.') }}</span>
                                        </div>
                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="img1" id="file"
                                                    aria-label="File browser example">
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>
                                        <div class="form-group">
                                            <label for="label1">{{ __('Banner 1 Button Text') }} *</label>
                                            <input type="text" name="label1" class="form-control" id="label1"
                                                placeholder="{{ __('Enter Banner Url') }}"  value="{{isset($home4_banner['label1']) ? $home4_banner['label1'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="url1">{{ __('Banner 1 Button Link') }} *</label>
                                            <input type="text" name="url1" class="form-control" id="url1"
                                                placeholder="{{ __('Enter Banner Url') }}"  value="{{isset($home4_banner['url1']) ? $home4_banner['url1']: ''}}" >
                                        </div>

                                        <hr>

                                        <div class="form-group">
                                            <label for="name">{{ __('Banner 2 Image') }} *</label>
                                            <br>
                                                <img class="admin-img"
                                                    src="{{ isset($home4_banner['img2']) ?  asset('assets/images/'.$home4_banner['img2']) : asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span class="mt-1">{{ __('Image Size Should Be 496 x 204.') }}</span>
                                        </div>

                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="img2" id="file"
                                                    aria-label="File browser example">
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <label for="label2">{{ __('Banner 2 Button Text') }} *</label>
                                            <input type="text" name="label2" class="form-control" id="label2"
                                                placeholder="{{ __('Enter Banner Url') }}"  value="{{isset($home4_banner['label2']) ? $home4_banner['label2'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="url2">{{ __('Banner 2 Button Link') }} *</label>
                                            <input type="text" name="url2" class="form-control" id="url2"
                                                placeholder="{{ __('Enter Banner Url') }}"  value="{{isset($home4_banner['url2']) ? $home4_banner['url2'] : ''}}" >
                                        </div>

                                        <hr>

                                        <div class="form-group">
                                            <label for="name">{{ __('Banner 3 Image') }} * <small>({{ __('Middle Big Image') }})</small></label>
                                            <br>
                                                <img class="admin-img"
                                                    src="{{ isset($home4_banner['img3']) ?  asset('assets/images/'.$home4_banner['img3']) : asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span class="mt-1">{{ __('Image Size Should Be 496 x 204.') }}</span>
                                        </div>
                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="img3" id="file"
                                                    aria-label="File browser example">
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>
                                        <div class="form-group">
                                            <label for="label3">{{ __('Banner 3 Button Text') }} *</label>
                                            <input type="text" name="label3" class="form-control" id="label3"
                                                placeholder="{{ __('Enter Banner Url') }}"  value="{{isset($home4_banner['label3']) ? $home4_banner['label3'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="url3">{{ __('Banner 3 Button Link') }} *</label>
                                            <input type="text" name="url3" class="form-control" id="url3"
                                                placeholder="{{ __('Enter Banner Url') }}"  value="{{isset($home4_banner['url3']) ? $home4_banner['url3'] : ''}}" >
                                        </div>

                                        <hr>

                                        <div class="form-group">
                                            <label for="name">{{ __('Banner 4 Image') }} *</label>
                                            <br>
                                                <img class="admin-img"
                                                    src="{{ isset($home4_banner['img4']) ?  asset('assets/images/'.$home4_banner['img4']) : asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span class="mt-1">{{ __('Image Size Should Be 496 x 204.') }}</span>
                                        </div>
                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="img4" id="file"
                                                    aria-label="File browser example">
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>
                                        <div class="form-group">
                                            <label for="label4">{{ __('Banner 4 Button Text') }} *</label>
                                            <input type="text" name="label4" class="form-control" id="label4"
                                                placeholder="{{ __('Enter Banner Url') }}"  value="{{isset($home4_banner['label4']) ? $home4_banner['label4'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="url4">{{ __('Banner 4 Button Link') }} *</label>
                                            <input type="text" name="url4" class="form-control" id="url4"
                                                placeholder="{{ __('Enter Banner Url') }}"  value="{{isset($home4_banner['url4']) ? $home4_banner['url4'] : ''}}" >
                                        </div>

                                        <hr>

                                        <div class="form-group">
                                            <label for="name">{{ __('Banner 5 Image') }} *</label>
                                            <br>
                                                <img class="admin-img"
                                                    src="{{ isset($home4_banner['img5']) ?  asset('assets/images/'.$home4_banner['img5']) : asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span class="mt-1">{{ __('Image Size Should Be 496 x 204.') }}</span>
                                        </div>
                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="img5" id="file"
                                                    aria-label="File browser example">
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <label for="label5">{{ __('Banner 5 Button Text') }} *</label>
                                            <input type="text" name="label5" class="form-control" id="label5"
                                                placeholder="{{ __('Enter Banner Url') }}"  value="{{isset($home4_banner['label5']) ? $home4_banner['label5'] : ''}}" >
                                        </div>
                                        <div class="form-group">
                                            <label for="url5">{{ __('Banner 5 Button Link') }} *</label>
                                            <input type="text" name="url5" class="form-control" id="url5"
                                                placeholder="{{ __('Enter Banner Url') }}"  value="{{isset($home4_banner['url5']) ? $home4_banner['url5'] : ''}}" >
                                        </div>

                                    <div class="form-group">
                                        <button type="submit" class="btn btn-secondary ">{{ __('Submit') }}</button>
                                    </div>
                            </form>
                        </div>
                        <div class="tab-pane fade" id="v-pills-t8" role="tabpanel" aria-labelledby="v-pills-t8-tab">
                            <form class="admin-form" action="{{route('back.home4.category.update')}}"
                                method="post" enctype="multipart/form-data">
                                @csrf
                                @php
                                    if(isset($home_4_popular_category)){
                                        $home_4_popular_category = $home_4_popular_category;
                                    }else{
                                        $home_4_popular_category = [];
                                    }
                                @endphp
                                <label for="basic">{{ __('Select Sub Category') }} </label>
                                <select name="home_4_popular_category[]" id="basic" class="form-control" multiple data-href="{{route('back.get.childcategory')}}">
                                    @foreach(DB::table('categories')->whereStatus(1)->get() as $category)
                                    <option value="{{ $category->id }}" {{ in_array($category->id,$home_4_popular_category) ? 'selected' : '' }}>{{ $category->name_en }}</option>
                                    @endforeach
                                </select>
                                {{-- <div class="form-group">
                                    <button type="button" class="btn btn-secondary" id="addDataBtn">{{ __('Add') }}</button>
                                    <button type="button" class="btn btn-primary" id="saveDataBtn">{{ __('Save') }}</button>
                                </div> --}}
                    </form>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
		</div>
	</div>

</div>

</div>
<!-- End of Main Content -->



@endsection

@section('scripts')
    <script type="" src="{{asset('assets/back/js/select2.js')}}"></script>
    <script>
        $('#basic').select2({
			theme: "bootstrap"
		});
    </script>
 
 <script>
    $(document).ready(function () {
        // Initialize DataTable
        let table = $('#dataTable').DataTable();
    
        // Load existing supermatch data into DataTable
        @if(!empty($supermatch))
            @foreach($supermatch as $row)
                table.row.add([
                    `<span data-id="{{ @$row['category_id'] }}">{{ @$row['category'] }}</span>`,
                    `<span data-id="{{ @$row['sub_category_id'] }}">{{ @$row['subCategory'] }}</span>`,
              
                    `<button type="button" class="btn btn-danger btn-sm deleteRowBtn">{{ __('Delete') }}</button>`
                ]).draw(false);
            @endforeach
        @endif
    
        // Add new data to DataTable on button click
        $('#addDataBtn').on('click', function () {
            let categoryId = $('#category_id').val();
            let categoryText = $('#category_id option:selected').text();
            let subCategoryId = $('#subcategory_id').val();
            let subCategoryText = $('#subcategory_id option:selected').text();
          
    
            if (categoryId === "" || subCategoryId === ""  ) {
                alert('{{ __("Please select all fields before adding.") }}');
                return;
            }
    
            let isDuplicate = false;
            table.rows().every(function () {
                let rowData = this.data();
                let existingCategoryText = $(rowData[0]).text();
                let existingSubCategoryText = $(rowData[1]).text();
               
    
                if (
                    existingCategoryText === categoryText &&
                    existingSubCategoryText === subCategoryText  
                   
                ) {
                    isDuplicate = true;
                    return false;
                }
            });
    
            if (isDuplicate) {
                alert('{{ __("ไม่สามารถเลือกรายการซ้ำได้") }}');
                return;
            }
    
            table.row.add([
                `<span data-id="${categoryId}">${categoryText}</span>`,
                `<span data-id="${subCategoryId}">${subCategoryText}</span>`,
                 
                `<button type="button" class="btn btn-danger btn-sm deleteRowBtn">{{ __('Delete') }}</button>`
            ]).draw(false);
        });
    
        // Delete row from DataTable
        $('#dataTable tbody').on('click', '.deleteRowBtn', function () {
            table.row($(this).parents('tr')).remove().draw();
        });
    
        // Save data to database on "Save" button click
        $('#saveDataBtn').on('click', function () {
            if (table.rows().count() === 0) {
                alert('{{ __("No data to save. Please add data before saving.") }}');
                return;
            }
    
            let data = [];
            table.rows().every(function () {
                let rowNode = this.node(); // เข้าถึง DOM node ของแถว
                data.push({
                    category_id: $(rowNode).find('span').eq(0).data('id') || null, // ใช้ eq(0) เพื่อเข้าถึงคอลัมน์แรก
                    category: $(rowNode).find('span').eq(0).text() || '',
                    sub_category_id: $(rowNode).find('span').eq(1).data('id') || null, // ใช้ eq(1) เพื่อเข้าถึงคอลัมน์ที่สอง
                    subCategory: $(rowNode).find('span').eq(1).text() || '' 
                });
            });
         



            $.ajax({
                url: "{{ route('back.hero.banner.saveTableData') }}",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}",
                    tableData: JSON.stringify(data)
                },
                success: function (response) {
                    alert('{{ __("Data saved successfully.") }}');
                    // Reload the DataTable after saving
                    table.clear().draw(); // Clear the current table data
                    // Optionally, you can call an AJAX function to fetch the updated data from the server
                    loadTableData(); // Function to load data (you need to define this function)
                },
                error: function (error) {
                    alert('{{ __("There was an error saving the data.") }}');
                }
            });
        });
    
        // Function to load updated supermatch data into DataTable
        function loadTableData() {
    $.ajax({
        url: "{{ route('back.hero.banner.getSupermatchData') }}", // Define this route in your Laravel application
        type: "GET",
        success: function (data) {
            // Clear the table before loading new data
            table.clear().draw(); // Clear existing data
            data.forEach(function (row) {
                table.row.add([
                    `<span data-id="${row.category_id}">${row.category}</span>`,
                    `<span data-id="${row.sub_category_id}">${row.subCategory}</span>`,
               
                    `<button type="button" class="btn btn-danger btn-sm deleteRowBtn">{{ __('Delete') }}</button>`
                ]).draw(false);
            });
        },
        error: function (error) {
            alert('{{ __("There was an error loading the data.") }}');
        }
    });
}

    });
    </script>
    
@endsection