@section('title','Edit Topical')
@include('layout.header')
@include('layout.sidebar')
<style>
    .error{
        color: red;
    }
    
    .hidden {
        display: none;
    }

</style>

<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
    <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
        <h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">Edit Topical</h1>
        <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
            <li class="breadcrumb-item text-muted">
                <a href="{{ url('/dashboard') }}" class="text-muted text-hover-primary">Dashboard</a>
            </li>
            <li class="breadcrumb-item">
                <span class="bullet bg-gray-500 w-5px h-2px"></span>
            </li>
            <li class="breadcrumb-item text-muted">Edit Topical</li>
        </ul>
    </div>

</div>
<div id="kt_app_content" class="app-content flex-column-fluid">
    <div id="kt_app_content_container" class="app-container container-xxl">
        <div class="card mb-5 mb-xl-8">
            <div class="card-body py-3">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="english-tab" data-bs-toggle="tab" data-bs-target="#english"
                            type="button" role="tab" aria-controls="home" aria-selected="true">English</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="hindi-tab" data-bs-toggle="tab" data-bs-target="#hindi"
                            type="button" role="tab" aria-controls="profile" aria-selected="false">Hindi</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="gujarati-tab" data-bs-toggle="tab" data-bs-target="#gujarati"
                            type="button" role="tab" aria-controls="contact" aria-selected="false">Gujarati</button>
                    </li>
                </ul>
                <div class="tab-content" id="myTabContent">
                    <form action="{{ url('Topicals/edit-topicals/'.$lang.'/'.encrypt($topicals->id)) }}" method="POST" id="topicals_genre_form" enctype="multipart/form-data">
                        @method('PUT')
                        @csrf
                        <div class="tab-pane fade show active" id="english" role="tabpanel" aria-labelledby="home-tab">
                            <div class="mt-5">
                                <div class="row mt-6">
                                   
                                    <div class="col-md-6 mt-3">
                                        <label  for="topical_title_en" class="form-label">Topical Title<span class="error"> * </span></label>
                                        <div class="form-group mb-5">
                                            <input type="text"  class="form-control " id="topical_title_en" value="{{ old('topical_title_en',$topicals->topical_title_en)}}"  name="topical_title_en" placeholder="Topicals title" >
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-3">
                                        <label  for="topical_category_id_en" class="form-label">Topical Genre <span class="error"> * </span></label>
                                        <div class="form-group mb-5">
                                            <select class="form-select" value="{{ old('topical_category_id_en',$topicals->topical_category_id_en)}}"  value="{{ old('topical_category_id_en', $topicals->topical_category_id_en) }}"  name="topical_category_id_en[]" data-control="select2" data-placeholder="Select Genre" multiple>
                                                <option value=""> Select Genre </option>
                                                @php $arr1 = explode(',',$topicals->topical_category_id_en); @endphp
                                                @foreach(@$topsCategores as $topsCategore)
                                                    <option value="{{$topsCategore->id}}" {{ in_array($topsCategore->id, $arr1) ? 'selected' : "" }}> {{ $topsCategore->category_name_en }} </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-3">
                                        <label  for="topical_month_en" class="form-label">Topical Months <span class="error"> * </span></label>
                                        <div class="form-group mb-5">
                                            <select class="form-select" value="{{ old('topical_month_en',$topicals->topical_month_en)}}"  name="topical_month_en" data-control="select2" data-placeholder="Select Month">
                                                <option value=""> Select Month </option>
                                                @foreach(App\Models\TopicalsModel::MONTH as $key => $label)
                                                    <option value='{{$key}}' {{ old('topical_month_en', $topicals->topical_month_en) ==  $key ? 'selected' : ''}}>{{$label}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                                                      
                                    <div class="col-md-6 mt-3">
                                        <label  for="topical_year_en" class="form-label">Topical Year <span class="error"> * </span></label>
                                        <div class="form-group mb-5">
                                            <select class="form-select" value="{{ old('topical_year_en',$topicals->topical_year_en)}}"  name="topical_year_en" data-control="select2" data-placeholder="Select Year">
                                                <option value=""> Select Year </option>
                                                    @foreach(App\Models\TopicalsModel::year() as $key => $label)
                                                        <option value='{{$label}}' {{ old('topical_year_en', $topicals->topical_year_en) == $label ? 'selected' : '' }}>{{$label}}</option>
                                                    @endforeach
                                                </select>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6 mt-3">
                                        <label  for="topical_tags_en" class="form-label">Topical Tag <span class="error"> * </span></label>
                                        <div class="form-group mb-5">
                                            <input type="text"  class="form-control " id="topical_tags_en" value="{{ old('topical_tags_en',$topicals->topical_tags_en)}}"  name="topical_tags_en" placeholder="Topicals Tag" >
                                        </div>
                                    </div>
                                    <div class="col-md-3 mt-3">
                                            <label  for="topical_image_en" class="form-label">Topical Image <span class="error"> * </span></label>
                                            <div class="form-group mb-5 mt-5">
                                                <div class="image-input image-input-empty image-input-outline image-input-placeholder" data-kt-image-input="true">
                                                    <div class="image-input-wrapper w-125px h-125px"></div>
                                                    <label class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="change" data-bs-toggle="tooltip" aria-label="Change topical" data-bs-original-title="Change topical" data-kt-initialized="1">
                                                        <i class="ki-duotone ki-pencil fs-7">
                                                            <span class="path1"></span>
                                                            <span class="path2"></span></i>
                                                        <input type="file"  name="topical_image_en" id="topical_image_en" accept=".png, .jpg, .jpeg">
                                                        <input type="hidden" name="topical_image_en_remove">
                                                    </label>
                                                    <span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="cancel" data-bs-toggle="tooltip" aria-label="Cancel topical" data-bs-original-title="Cancel topical" data-kt-initialized="1">
                                                        <i class="ki-duotone ki-cross fs-2"><span class="path1"></span><span class="path2"></span></i> 
                                                    </span>
                                                    <span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" id="imgpriview2" data-kt-image-input-action="remove" data-bs-toggle="tooltip" aria-label="Remove topical" data-bs-original-title="Remove topical" data-kt-initialized="1">
                                                        <i class="ki-duotone ki-cross fs-2"><span class="path1"></span><span class="path2"></span></i>                
                                                    </span>
                                                </div>    
                                            </div>
                                        </div>
                                        <div class="col-md-3 mt-3">
                                            <label  for="topical_image_en" class="form-label"></label>
                                             <div class="form-group mb-5 mt-5">
                                                    @php
                                                        $imagePath = public_path($topicals->topical_image_en);
                                                        if (file_exists($imagePath)) {                                       
                                                            $imageUrl = asset($topicals->topical_image_en);
                                                        } else {
                                                            $imageUrl = asset('images/default.jpg');
                                                        }
                                                    @endphp
                                                <img src="{{$imageUrl}}" style="max-width:120px;max-height:200px">';
                                                </div>
                                        </div>
                                        
                                  
                                    <div class="col-md-6 mt-3">
                                        <label  for="topical_keyword_en" class="form-label">Topical Keywords</label>
                                        <div class="form-group mb-5">
                                            <input type="text"  class="form-control " id="topical_keyword_en" value="{{ old('topical_keyword_en',$topicals->topical_keyword_en)}}" name="topical_keyword_en" placeholder="Topicals Keywords" >
                                        </div>
                                    </div>
                                    <div class="col-md-6 mt-3">
                                        <label  for="topical_status_en" class="form-label">Topical Status <span class="error"> * </span></label>
                                        <div class="form-group mb-5">
                                            <select class="form-select" name="topical_status_en" data-control="select2" data-placeholder="Select Status">
                                                <option value=""> Select Status </option>
                                                @foreach(App\Models\TopicalsModel::STATUS as $key => $label)
                                                    <option value='{{$label}}' {{ old('status', $topicals->status) == $label ? 'selected' : '' }}>{{$label}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div> 
                                <div class="row mt-6">
                                    <div class="form-group mb-5 col-md-2">
                                        <button type="submit" class="form-control btn btn-primary">Submit</button>
                                    </div>
                                    <div class="form-group mb-5 col-md-2">
                                        <a  href="{{ url('/Topicals')}}"  class="form-control btn btn-secondary">Back</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade d-none" id="hindi" role="tabpanel" aria-labelledby="profile-tab">
                            <div class="mt-5">
                            <div class="row mt-6">
                                   
                                   <div class="col-md-6 mt-3">
                                       <label  for="topical_title_hi" class="form-label">Topical Title<span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <input type="text"  class="form-control " id="topical_title_hi" value="{{ old('topical_title_hi',$topicals->topical_title_hi)}}"  name="topical_title_hi" placeholder="सामयिक शीर्षक" >
                                       </div>
                                   </div>

                                   <div class="col-md-6 mt-3">
                                       <label  for="topical_category_id_hi" class="form-label">Topical Genre <span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <select class="form-select" value="{{ old('topical_category_id_hi',$topicals->topical_category_id_hi)}}"  name="topical_category_id_hi" data-control="select2" data-placeholder="शैली चुनिए">
                                               <option value=""> शैली चुनिए </option>
                                               @php $arr2 = explode(',',$topicals->topical_category_id_hi); @endphp
                                               @foreach(@$topsCategores as $topsCategore)
                                                    <option value="{{$topsCategore->id}}" {{ in_array($topsCategore->id, $arr2) ? 'selected' : "" }}> {{ $topsCategore->category_name_en }} </option>
                                                @endforeach
                                           </select>
                                       </div>
                                   </div>

                                   <div class="col-md-6 mt-3">
                                       <label  for="topical_month_hi" class="form-label">Topical Months <span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <select class="form-select" value="{{ old('topical_month_hi',$topicals->topical_month_hi)}}"  name="topical_month_hi" data-control="select2" data-placeholder="महीना चुनिए">
                                               <option value=""> महीना चुनिए </option>
                                                @foreach(App\Models\TopicalsModel::MONTH as $key => $label)
                                                    <option value='{{$key}}' {{ old('topical_month_en', $topicals->topical_month_en) ==  $key ? 'selected' : ''}}>{{$label}}</option>
                                                @endforeach
                                           </select>
                                       </div>
                                   </div>
                                                                     
                                   <div class="col-md-6 mt-3">
                                       <label  for="topical_year_hi" class="form-label">Topical Year <span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <select class="form-select" value="{{ old('topical_year_hi',$topicals->topical_year_hi)}}"  name="topical_year_hi" data-control="select2" data-placeholder="वर्ष चुनें">
                                               <option value=""> वर्ष चुनें </option>
                                                @foreach(App\Models\TopicalsModel::year() as $key => $label)
                                                    <option value='{{$label}}' {{ old('topical_year_hi', $topicals->topical_year_hi) == $label ? 'selected' : '' }}>{{$label}}</option>
                                                @endforeach
                                           </select>
                                       </div>
                                   </div>
                                   <div class="col-md-6 mt-3">
                                        <label  for="topical_tags_hi" class="form-label">Topical Tag <span class="error"> * </span></label>
                                        <div class="form-group mb-5">
                                            <input type="text"  class="form-control " id="topical_tags_hi" value="{{ old('topical_tags_hi',$topicals->topical_tags_hi)}}"  name="topical_tags_hi" placeholder="ટોપિકલ ટેગ" >
                                        </div>
                                    </div>

                                   <div class="col-md-3 mt-3">
                                       <label  for="topical_image_hi" class="form-label">Topical Image <span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <div class="image-input image-input-empty image-input-outline image-input-placeholder" data-kt-image-input="true">
                                               <div class="image-input-wrapper w-125px h-125px"></div>
                                               <label class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="change" data-bs-toggle="tooltip" aria-label="Change topical" data-bs-original-title="Change topical" data-kt-initialized="1">
                                                   <i class="ki-duotone ki-pencil fs-7">
                                                       <span class="path1"></span>
                                                       <span class="path2"></span></i>
                                                   <input type="file"  name="topical_image_hi" accept=".png, .jpg, .jpeg">
                                                   <input type="hidden"  name="topical_image_hi_remove">
                                               </label>
                                               <span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="cancel" data-bs-toggle="tooltip" aria-label="Cancel topical" data-bs-original-title="Cancel topical" data-kt-initialized="1">
                                                   <i class="ki-duotone ki-cross fs-2"><span class="path1"></span><span class="path2"></span></i> 
                                               </span>
                                               <span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="remove" data-bs-toggle="tooltip" aria-label="Remove topical" data-bs-original-title="Remove topical" data-kt-initialized="1">
                                                   <i class="ki-duotone ki-cross fs-2"><span class="path1"></span><span class="path2"></span></i>                
                                               </span>
                                           </div>
                                       </div>
                                   </div>
                                   <div class="col-md-3 mt-3">
                                        <label  for="topical_image_hi" class="form-label"></label>
                                            <div class="form-group mb-5 mt-5">
                                                @php
                                                    $imagePath = public_path($topicals->topical_image_hi);
                                                    if (file_exists($imagePath)) {                                       
                                                        $imageUrl = asset($topicals->topical_image_hi);
                                                    } else {
                                                        $imageUrl = asset('images/default.jpg');
                                                    }
                                                @endphp
                                            <img src="{{$imageUrl}}" style="max-width:120px;max-height:200px">';
                                            </div>
                                    </div>
                                  
                                    <div class="col-md-6 mt-3">
                                        <label  for="topical_keyword_hi" class="form-label">Topical Keywords</label>
                                        <div class="form-group mb-5">
                                            <input type="text"  class="form-control " id="topical_keyword_hi" name="topical_keyword_hi" value="{{ old('topical_keyword_hi',$topicals->topical_keyword_hi)}}" placeholder="सामयिक खोजशब्द" >
                                        </div>
                                    </div>
                                   <div class="col-md-6 mt-3">
                                       <label  for="status" class="form-label">Topical Status <span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <select class="form-select" name="topical_status_hi" value="{{ old('status',$topicals->status)}}" data-control="select2" data-placeholder="सामयिक स्थिति">
                                               <option value="">सामयिक स्थिति </option>
                                                @foreach(App\Models\TopicalsModel::STATUS as $key => $label)
                                                    <option value='{{$label}}' {{ old('status', $topicals->status) == $label ? 'selected' : '' }}>{{$label}}</option>
                                                @endforeach
                                           </select>
                                       </div>
                                   </div>
                               </div> 
                               <div class="row mt-6">
                                    <div class="form-group mb-5 col-md-2">
                                        <button type="submit" class="form-control btn btn-primary">Submit</button>
                                    </div>
                                    <div class="form-group mb-5 col-md-2">
                                        <a  href="{{ url('/Topicals')}}"  class="form-control btn btn-secondary">Back</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade d-none" id="gujarati" role="tabpanel" aria-labelledby="contact-tab">
                            <div class="mt-5">
                            <div class="row mt-6">
                                   <div class="col-md-6 mt-3">
                                       <label  for="topical_title_gu" class="form-label">Topical Title<span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <input type="text"  class="form-control " id="topical_title_gu" value="{{ old('topical_title_gu',$topicals->topical_title_gu)}}"  name="topical_title_gu" placeholder="ટોપિકલ શીર્ષક" >
                                       </div>
                                   </div>
                                   <div class="col-md-6 mt-3">
                                       <label  for="topical_category_id_gu" class="form-label">Topical Genre <span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <select class="form-select" value="{{ old('topical_category_id_gu',$topicals->topical_category_id_gu)}}"  name="topical_category_id_gu" data-control="select2" data-placeholder="શૈલી પસંદ કરો">
                                               <option value=""> Select Genre </option>
                                               @php $arr3 = explode(',',$topicals->topical_category_id_gu); @endphp
                                               @foreach(@$topsCategores as $topsCategore)
                                                    <option value="{{$topsCategore->id}}" {{ in_array($topsCategore->id, $arr3) ? 'selected' : "" }}> {{ $topsCategore->category_name_en }} </option>
                                                @endforeach
                                           </select>
                                       </div>
                                   </div>
                                
                                   <div class="col-md-6 mt-3">
                                       <label  for="topical_month_gu" class="form-label">Topical Months <span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <select class="form-select" value="{{ old('topical_month_gu',$topicals->topical_month_gu)}}"  name="topical_month_gu" data-control="select2" data-placeholder="મહિનો પસંદ કરો">
                                               <option value=""> મહિનો પસંદ કરો </option>
                                               @foreach(App\Models\TopicalsModel::MONTH as $key => $label)
                                                    <option value='{{$key}}' {{ old('topical_month_en', $topicals->topical_month_en) ==  $key ? 'selected' : ''}}>{{$label}}</option>
                                                @endforeach
                                           </select>
                                       </div>
                                   </div>
                                                                     
                                   <div class="col-md-6 mt-3">
                                       <label  for="topical_year_gu" class="form-label">Topical Year <span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <select class="form-select" value="{{ old('topical_year_gu',$topicals->topical_year_gu)}}"  name="topical_year_gu" data-control="select2" data-placeholder="વર્ષ પસંદ કરો">
                                               <option value=""> Select Year </option>
                                                @foreach(App\Models\TopicalsModel::year() as $key => $label)
                                                    <option value='{{$label}}' {{ old('topical_year_hi', $topicals->topical_year_hi) == $label ? 'selected' : '' }}>{{$label}}</option>
                                                @endforeach
                                           </select>
                                       </div>
                                   </div>
                                   <div class="col-md-6 mt-3">
                                       <label  for="topical_tags_gu" class="form-label">Topical Tag <span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <input type="text"  class="form-control " id="topical_tags_gu" value="{{ old('topical_tags_gu',$topicals->topical_tags_gu)}}"  name="topical_tags_gu" placeholder="ટોપિકલ ટેગ" >
                                       </div>
                                   </div>
                                   <div class="col-md-3 mt-3">
                                       <label  for="topical_image_gu" class="form-label">Topical Image <span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <div class="image-input image-input-empty image-input-outline image-input-placeholder" data-kt-image-input="true">
                                               <div class="image-input-wrapper w-125px h-125px"></div>
                                               <label class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="change" data-bs-toggle="tooltip" aria-label="Change topical" data-bs-original-title="Change topical" data-kt-initialized="1">
                                                   <i class="ki-duotone ki-pencil fs-7">
                                                       <span class="path1"></span>
                                                       <span class="path2"></span></i>
                                                   <input type="file" value="{{ old('topical_image_gu',$topicals->topical_image_gu)}}"  name="topical_image_gu" accept=".png, .jpg, .jpeg">
                                                   <input type="hidden" value="{{ old('topical_image_gu_remove',$topicals->topical_image_gu_remove)}}"  name="topical_image_gu_remove">
                                               </label>
                                               <span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="cancel" data-bs-toggle="tooltip" aria-label="Cancel topical" data-bs-original-title="Cancel topical" data-kt-initialized="1">
                                                   <i class="ki-duotone ki-cross fs-2"><span class="path1"></span><span class="path2"></span></i> 
                                               </span>
                                               <span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="remove" data-bs-toggle="tooltip" aria-label="Remove topical" data-bs-original-title="Remove topical" data-kt-initialized="1">
                                                   <i class="ki-duotone ki-cross fs-2"><span class="path1"></span><span class="path2"></span></i>                
                                               </span>
                                           </div>
                                       </div>
                                   </div>
                                   <div class="col-md-3 mt-3">
                                        <label  for="topical_image_gu" class="form-label"></label>
                                        <div class="form-group mb-5 mt-5">
                                            @php
                                                $imagePath = public_path($topicals->topical_image_gu);
                                                if (file_exists($imagePath)) {                                       
                                                    $imageUrl = asset($topicals->topical_image_gu);
                                                } else {
                                                    $imageUrl = asset('images/default.jpg');
                                                }
                                            @endphp
                                        <img src="{{$imageUrl}}" style="max-width:120px;max-height:200px">';
                                        </div>
                                    </div>

                                  
                                   <div class="col-md-6 mt-3">
                                        <label  for="topical_keyword_hi" class="form-label">Topical Keywords</label>
                                        <div class="form-group mb-5">
                                            <input type="text"  class="form-control " id="topical_keyword_gu" name="topical_keyword_gu" value="{{ old('topical_keyword_gu',$topicals->topical_keyword_gu)}}" placeholder="सामयिक खोजशब्द" >
                                        </div>
                                    </div>
                                    <div class="col-md-6 mt-3">
                                       <label  for="topical_status_gu" class="form-label">Topical Status <span class="error"> * </span></label>
                                       <div class="form-group mb-5">
                                           <select class="form-select" name="topical_status_gu" data-control="select2" data-placeholder="સ્થિતિ પસંદ કરો">
                                               <option value=""> સ્થિતિ પસંદ કરો </option>
                                               @foreach(App\Models\TopicalsModel::STATUS as $key => $label)
                                                    <option value='{{$label}}' {{ old('status', $topicals->status) == $label ? 'selected' : '' }}>{{$label}}</option>
                                                @endforeach
                                           </select>
                                       </div>
                                   </div>
                               </div> 
                               <div class="row mt-6">
                                    <div class="form-group mb-5 col-md-2">
                                        <button type="submit" class="form-control btn btn-primary">Submit</button>
                                    </div>
                                    <div class="form-group mb-5 col-md-2">
                                        <a  href="{{ url('/Topicals')}}"  class="form-control btn btn-secondary">Back</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


@include('layout.footer')
<script>
      $(document).ready(function() {
        var attributeValue = '{{$lang}}';
        if(attributeValue == 'English'){
            $('#english-tab').click();
        }
        if(attributeValue == 'Hindi'){
            $('#hindi-tab').click();
        }
        if(attributeValue == 'Gujarati'){
            $('#gujarati-tab').click();
        }
    }); 
    $(".textSelected").select2({
        tags: true,
        tokenSeparators: [',', ' ']
    })

    $("#topicals_genre_form").validate({
    debug: true,
    rules: {
        topical_title_en: {required: true,},
        topical_title_hi: {required: true,},
        topical_title_gu: {required: true,},
        
        topical_caption_en: {required: true,},
        topical_caption_hi: {required: true,},
        topical_caption_gu: {required: true,},

        topical_category_id_en: {required: true,},
        topical_category_id_hi: {required: true,},
        topical_category_id_gu: {required: true,},
        
        topical_month_en: {required: true,},
        topical_month_hi: {required: true,},
        topical_month_gu: {required: true,},

        topical_year_en: {required: true,},
        topical_year_hi: {required: true,},
        topical_year_gu: {required: true,},

        topical_tags_en: {required: true,},
        topical_tags_hi: {required: true,},
        topical_tags_gu: {required: true,},

        // topical_image_en: {required: true,},
        // topical_image_hi: {required: true,},
        // topical_image_gu: {required: true,},
      
        status: {required: true},
    },
    messages: {
            topical_title_en: {
            required: 'Topiclas Title is Required.',
            },
            topical_title_hi: {
            required: 'Topiclas Title is Required.',
            },
            topical_title_gu: {
            required: 'Topiclas Title is Required.',
            },


            topical_caption_en: {
            required: 'Topiclas Caption is Required.',
            },
            topical_caption_hi: {
            required: 'Topiclas Caption is Required.',
            },
            topical_caption_gu: {
            required: 'Topiclas Caption is Required.',
            },

            
            topical_category_id_en: {
            required: 'Genre is Required.',
            },
            topical_category_id_hi: {
            required: 'Genre is Required.',
            },
            topical_category_id_gu: {
            required: 'Genre is Required.',
            },

            topical_month_en: {
            required: 'Topicals Month is Required.',
            },
            topical_month_hi: {
            required: 'Topicals Month is Required.',
            },
            topical_month_gu: {
            required: 'Topicals Month is Required.',
            },

            topical_year_en: {
            required: 'Topicals Year is Required.',
            },
            topical_year_hi: {
            required: 'Topicals Year is Required.',
            },
            topical_year_gu: {
            required: 'Topicals Year is Required.',
            },

            topical_tags_en: {
            required: 'Topicals Tag is Required.',
            },
            topical_tags_hi: {
            required: 'Topicals Tag is Required.',
            },
            topical_tags_gu: {
            required: 'Topicals Tag is Required.',
            },

            topical_image_en: {
            required: 'Topicals Images is Required.',
            },
            topical_image_hi: {
            required: 'Topicals Images is Required.',
            },
            topical_image_gu: {
            required: 'Topicals Images is Required.',
            },
            

         
    },
    errorPlacement: function (error, element) {
        error.insertAfter(element);
    },
    submitHandler: function(form) {
        $(".submit").attr("disabled", true);
        form.submit();
    }

});

$('#english-tab').click(function(event) {
    $('#english').removeClass("d-none");
    $('#hindi').addClass("d-none");
    $('#gujarati').addClass('d-none');
    $('#english').addClass('d-block');
});
$('#hindi-tab').click(function(event) {
    $('#hindi').removeClass("d-none");
    $('#hindi').addClass("d-block");
    $('#gujarati').addClass('d-none');
    $('#english').addClass('d-none');
});
$('#gujarati-tab').click(function(event) {
    $('#gujarati').removeClass("d-none");
    $('#hindi').addClass("d-none");
    $('#english').addClass('d-none');
    $('#gujarati').addClass('d-block');
});

</script>