@extends('layouts.app')

@section('content')
    <div class="tab-base">

        <!--Nav Tabs-->
        <ul class="nav nav-tabs">
            <li class="active">
                <a data-toggle="tab" href="#demo-lft-tab-1" aria-expanded="true">{{ translate('Home slider') }}</a>
            </li>
            <li class="">
                <a data-toggle="tab" href="#demo-lft-tab-8" aria-expanded="true">{{ translate('Multiple Home slider') }}</a>
            </li>
            <li class="">
                <a data-toggle="tab" href="#demo-lft-tab-6" aria-expanded="true">{{ translate('Web Mobile slider') }}</a>
            </li>
             <li class="">
                <a data-toggle="tab" href="#demo-lft-tab-11" aria-expanded="true">{{ translate('Mobile App slider') }}</a>
            </li>
            <li class="">
                <a data-toggle="tab" href="#demo-lft-tab-2" aria-expanded="false">{{ translate('Home banner 1') }}</a>
            </li>
            <li class="">
                <a data-toggle="tab" href="#demo-lft-tab-4" aria-expanded="false">{{ translate('Home categories') }}</a>
            </li>
            <li class="">
                <a data-toggle="tab" href="#demo-lft-tab-3" aria-expanded="false">{{ translate('Home banner 2') }}</a>
            </li>
            <li class="">
                <a data-toggle="tab" href="#demo-lft-tab-5" aria-expanded="false">{{ translate('Top 10') }}</a>
            </li>
            <li class="">
                <a data-toggle="tab" href="#demo-lft-tab-7" aria-expanded="false">{{ translate('Page Banner') }}</a>
            </li>
        </ul>

        <!--Tabs Content-->
        <div class="tab-content">
            <div id="demo-lft-tab-1" class="tab-pane fade active in">

                <div class="row">
                    <div class="col-sm-12">
                        <a onclick="add_slider()" class="btn btn-rounded btn-info pull-right">{{translate('Add New Slider')}}</a>
                    </div>
                </div>

                <br>

                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{translate('Home slider')}}</h3>
                    </div>
                    <div class="panel-body">
                        <table class="table table-striped table-bordered demo-dt-basic" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{translate('Photo')}}</th>
                                    <th width="50%">{{translate('Link')}}</th>
                                    <th>{{translate('Published')}}</th>
                                     <th>{{'Sorting'}}</th>
                                    <th width="10%">{{translate('Options')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $count = \App\Slider::where('published', 1)->count(); @endphp
                                @foreach(\App\Slider::orderBy('published', 'desc')->latest('id')->cursor() as $key => $slider)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td><img loading="lazy"  class="img-md" src="{{ my_asset($slider->photo)}}" alt="Slider Image"></td>
                                        <td>{{$slider->link}}</td>
                                        <td><label class="switch">
                                            <input onchange="update_slider_published(this)" value="{{ $slider->id }}" type="checkbox"  >
                                            <span class="slider round"></span></label></td>
                                        <td>
                                            @if($slider->published != "")
                                            <select class="mySelect form-control"}} onchange="update_sorting($(this), this, 'Slider', {{ $slider->id }})">
                                            <option value="">Select</option>
                                                                                        </select>
                                            @endif
                                        </td>
                                        <td>
                                            <div class="btn-group dropdown">
                                                <button class="btn btn-primary dropdown-toggle dropdown-toggle-icon" data-toggle="dropdown" type="button">
                                                    {{translate('Actions')}} <i class="dropdown-caret"></i>
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li><a onclick="edit_home_slider_1({{ $slider->id }})">{{translate('Edit')}}</a></li>
                                                   <!--  <li><a onclick="confirm_modal('{{route('sliders.destroy', $slider->id)}}');">{{translate('Delete')}}</a></li> -->
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

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

           
            <div id="demo-lft-tab-8" class="tab-pane fade active fade">

                <div class="row">
                    <div class="col-sm-12">
                        <a onclick="add_multipleslider()" class="btn btn-rounded btn-info pull-right">{{translate('Add New Banner')}}</a>
                    </div>
                </div>

                <br>

                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{translate('Multiple Home slider')}}</h3>
                    </div>
                    <div class="panel-body">
                        <table class="table table-striped table-bordered demo-dt-basic" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{translate('Photo')}}</th>
                                    <th width="50%">{{translate('Link')}}</th>
                                    <th>{{translate('Published')}}</th>
                                     <th>{{'Sorting'}}</th>
                                    <th width="10%">{{translate('Options')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $count = Multipleslider::where('published', 1)->count(); @endphp
                                @foreach(Multipleslider::orderBy('published', 'desc')->latest('id')->cursor() as $key => $slider)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td><img loading="lazy"  class="img-md" src="{{ my_asset($slider->photo)}}" alt="Slider Image"></td>
                                        <td>{{$slider->link}}</td>
                                        <td><label class="switch">
                                            <input onchange="update_multipleslider_published(this)" value="{{ $slider->id }}" type="checkbox"  >
                                            <span class="slider round"></span></label></td>
                                        <td>
                                            @if($slider->published != "")
                                            <select class="mySelect form-control"}} onchange="update_multiplesorting($(this), this, 'Multipleslider', {{ $slider->id }})">
                                            <option value="">Select</option>
                                                                                        </select>
                                            @endif
                                        </td>
                                        <td>
                                            <div class="btn-group dropdown">
                                                <button class="btn btn-primary dropdown-toggle dropdown-toggle-icon" data-toggle="dropdown" type="button">
                                                    {{translate('Actions')}} <i class="dropdown-caret"></i>
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li><a onclick="edit_home_multipleslider_1({{ $slider->id }})">{{translate('Edit')}}</a></li>
                                                   <!--  <li><a onclick="confirm_modal('{{route('sliders.destroy', $slider->id)}}');">{{translate('Delete')}}</a></li> -->
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

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

            <div id="demo-lft-tab-6" class="tab-pane fade active fade">

                <div class="row">
                    <div class="col-sm-12">
                        <a onclick="add_mobile_web_slider()" class="btn btn-rounded btn-info pull-right">{{translate('Add New Slider')}}</a>
                    </div>
                </div>

                <br>

                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{translate('Web Mobile slider')}}</h3>
                    </div>
                    <div class="panel-body">
                        <table class="table table-striped table-bordered demo-dt-basic" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{translate('Photo')}}</th>
                                    <th width="50%">{{translate('Link')}}</th>
                                    <th>{{translate('Published')}}</th>
                                    <th>{{'Sorting'}}</th>
                                    <th width="10%">{{translate('Options')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $count = \App\MobileWebSlider::where('published', 1)->count(); @endphp
                                @foreach(\App\MobileWebSlider::orderBy('id', 'desc')->cursor() as $key => $slider)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td><img loading="lazy"  class="img-md" src="{{ my_asset($slider->photo)}}" alt="Slider Image"></td>
                                        <td>{{$slider->link}}</td>
                                        <td><label class="switch">
                                            <input onchange="update_mobile_web_slider_published(this)" value="{{ $slider->id }}" type="checkbox"  >
                                            <span class="slider round"></span></label></td>
                                        <td>
                                            @if($slider->published != "")
                                            <select class="mySelect form-control"}} onchange="update_sorting($(this), this, 'MobileWebSlider', {{ $slider->id }})">
                                            <option value="">Select</option>
                                                                                        </select>
                                            @endif
                                        </td>
                                        <td>
                                            <div class="btn-group dropdown">
                                                <button class="btn btn-primary dropdown-toggle dropdown-toggle-icon" data-toggle="dropdown" type="button">
                                                    {{translate('Actions')}} <i class="dropdown-caret"></i>
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li><a onclick="edit_web_mobile_slider({{ $slider->id }})">{{translate('Edit')}}</a></li>
                                                   <!--  <li><a onclick="confirm_modal('{{route('sliders.destroy', $slider->id)}}');">{{translate('Delete')}}</a></li> -->
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

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

            <div id="demo-lft-tab-11" class="tab-pane fade">

                <div class="row">
                    <div class="col-sm-12">
                        <a onclick="add_app_slider()" class="btn btn-rounded btn-info pull-right">{{translate('Add New Slider')}}</a>
                    </div>
                </div>

                <br>

                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{translate('App slider')}}</h3>
                    </div>
                    <div class="panel-body">
                        <table class="table table-striped table-bordered demo-dt-basic" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{translate('Photo')}}</th>
                                    <th width="50%">{{translate('Link')}}</th>
                                    <th>{{translate('Published')}}</th>
                                    <th>{{'Sorting'}}</th>
                                    <th>{{'Type'}}</th>
                                    <th width="10%">{{translate('Options')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                 @php $count = \App\AndroidSlider::where('published', 1)->count();
                                      $banner_type =  \App\BannerType::get();
                                  @endphp
                                @foreach(\App\AndroidSlider::orderBy('id', 'desc')->cursor() as $key => $slider)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td><img loading="lazy"  class="img-md" src="{{ my_asset($slider->photo)}}" alt="Slider Image"></td>
                                        <td>{{$slider->link}}</td>
                                        <td><label class="switch">
                                            <input onchange="update_app_slider_published(this)" value="{{ $slider->id }}" type="checkbox"  >
                                            <span class="slider round"></span></label></td>
                                               <td><select class="mySelect form-control" {{$slider->published != 1 ? 'disabled' : ''}} onchange="update_sorting($(this), this, 'AndroidSlider', {{ $slider->id }})">
                                            <option value="">Select</option>
                                                                                    </select></td>
                                        <td>
                                            <select class="mySelect form-control" {{$slider->published != 1 ? 'disabled' : ''}} onchange="update_type($(this), this, 'AndroidSlider', {{ $slider->id }})">
                                                <option value="">Select</option>
                                                                                            </select>
                                        </td>
                                        <td>
                                            <div class="btn-group dropdown">
                                                <button class="btn btn-primary dropdown-toggle dropdown-toggle-icon" data-toggle="dropdown" type="button">
                                                    {{translate('Actions')}} <i class="dropdown-caret"></i>
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li><a onclick="edit_app_home_slider_1({{ $slider->id }})">{{translate('Edit')}}</a></li>
                                                   <!--  <li><a onclick="confirm_modal('{{route('slidersapp.destroy', $slider->id)}}');">{{translate('Delete')}}</a></li> -->
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

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

            <div id="demo-lft-tab-2" class="tab-pane fade">

                <div class="row">
                    <div class="col-sm-12">

                        <a onclick="add_banner_1()" class="btn btn-rounded btn-info pull-right">{{translate('Add New Banner')}}</a>
                    </div>
                </div>

                <br>

                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{translate('Home banner')}} ({{translate('Max 3 published')}})</h3>
                    </div>
                    <div class="panel-body">
                        <table class="table table-striped table-bordered demo-dt-basic" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{translate('Photo')}}</th>
                                    <th>{{translate('Position')}}</th>
                                    <th>{{translate('Published')}}</th>
                                    <th>{{translate('Type')}}</th>
                                    <th width="10%">{{translate('Options')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                            @php
                            $banner_type =  \App\BannerType::get();
                            @endphp
                                @foreach(\App\Banner::where('position', 1)->orderBy('ordering', 'desc')->cursor() as $key => $banner)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td><img loading="lazy"  class="img-md" src="{{ my_asset($banner->photo)}}" alt="banner Image"></td>
                                        <td>{{ translate('Banner Position ') }}{{ $banner->position }}</td>
                                        <td><label class="switch">
                                            <input onchange="update_banner_published(this)" value="{{ $banner->id }}" type="checkbox"  >
                                            <span class="slider round"></span></label></td>
                                        <td>
                                            <select class="mySelect form-control" {{$banner->published != 1 ? 'disabled' : ''}} onchange="update_type($(this), this, 'Banner', {{ $banner->id }})">
                                                <option value="">Select</option>
                                                                                            </select>
                                        </td>
                                        <td>
                                            <div class="btn-group dropdown">
                                                <button class="btn btn-primary dropdown-toggle dropdown-toggle-icon" data-toggle="dropdown" type="button">
                                                    {{translate('Actions')}} <i class="dropdown-caret"></i>
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li><a onclick="edit_home_banner_1({{ $banner->id }})">{{translate('Edit')}}</a></li>
                                                    <!-- <li><a onclick="confirm_modal('{{route('home_banners.destroy', $banner->id)}}');">{{translate('Delete')}}</a></li> -->
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
            <div id="demo-lft-tab-3" class="tab-pane fade">

                <div class="row">
                    <div class="col-sm-12">
                        <a onclick="add_banner_2()" class="btn btn-rounded btn-info pull-right">{{translate('Add New Banner')}}</a>
                    </div>
                </div>

                <br>

                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{translate('Home banner')}} ({{translate('Max 3 published')}})</h3>
                    </div>
                    <div class="panel-body">
                        <table class="table table-striped table-bordered demo-dt-basic" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{translate('Photo')}}</th>
                                    <th>{{translate('Position')}}</th>
                                    <th>{{translate('Published')}}</th>
                                    <th width="10%">{{translate('Options')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach(\App\Banner::where('position', 2)->orderBy('id', 'desc')->cursor() as $key => $banner)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td><img loading="lazy"  class="img-md" src="{{ my_asset($banner->photo)}}" alt="banner Image"></td>
                                        <td>{{ translate('Banner Position ') }}{{ $banner->position }}</td>
                                        <td><label class="switch">
                                            <input onchange="update_banner_published(this)" value="{{ $banner->id }}" type="checkbox"  >
                                            <span class="slider round"></span></label></td>
                                        <td>
                                            <div class="btn-group dropdown">
                                                <button class="btn btn-primary dropdown-toggle dropdown-toggle-icon" data-toggle="dropdown" type="button">
                                                    {{translate('Actions')}} <i class="dropdown-caret"></i>
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li><a onclick="edit_home_banner_2({{ $banner->id }})">{{translate('Edit')}}</a></li>
                                                    <!-- <li><a onclick="confirm_modal('{{route('home_banners.destroy', $banner->id)}}');">{{translate('Delete')}}</a></li> -->
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
            <div id="demo-lft-tab-4" class="tab-pane fade">

                <div class="row">
                    <div class="col-sm-12">
                        <a onclick="add_home_category()" class="btn btn-rounded btn-info pull-right">{{translate('Add New Category')}}</a>
                    </div>
                </div>

                <br>

                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{translate('Home Categories')}}</h3>
                    </div>
                    <div class="panel-body">
                        <table class="table table-striped table-bordered demo-dt-basic" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{translate('Category')}}</th>
                                    <th>{{ translate('Status') }}</th>
                                    <th width="10%">{{translate('Options')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach(\App\HomeCategory::orderBy('id', 'desc')->cursor() as $key => $home_category)
                                    @if ($home_category->category != null)
                                        <tr>
                                            <td>{{$key+1}}</td>
                                            <td>{{$home_category->category->name}}</td>
                                            <td><label class="switch">
                                                <input onchange="update_home_category_status(this)" value="{{ $home_category->id }}" type="checkbox"  >
                                                <span class="slider round"></span></label></td>
                                            <td>
                                                <div class="btn-group dropdown">
                                                    <button class="btn btn-primary dropdown-toggle dropdown-toggle-icon" data-toggle="dropdown" type="button">
                                                        {{translate('Actions')}} <i class="dropdown-caret"></i>
                                                    </button>
                                                    <ul class="dropdown-menu dropdown-menu-right">
                                                        <li><a onclick="edit_home_category({{ $home_category->id }})">{{translate('Edit')}}</a></li>
                                                       <!--  <li><a onclick="confirm_modal('{{route('home_categories.destroy', $home_category->id)}}');">{{translate('Delete')}}</a></li> -->
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    @endif
                                @endforeach
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
            <div id="demo-lft-tab-5" class="tab-pane fade">
                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{translate('Top 10 Information')}}</h3>
                    </div>

                    <!--Horizontal Form-->
                    <!--===================================================-->
                    <form class="form-horizontal" action="{{ route('top_10_settings.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="panel-body">
                            <div class="form-group">
                                <label class="col-sm-3" for="url">{{translate('Top Categories (Max 10)')}}</label>
                                <div class="col-sm-9">
                                    <select class="form-control demo-select2-max-10" name="top_categories[]" multiple>
                                        @foreach (\App\Category::all() as $key => $category)
                                            <option value="{{ $category->id }}" @if($category->top == 1) selected @endif>{{ $category->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3" for="url">{{translate('Top Brands (Max 10)')}}</label>
                                <div class="col-sm-9">
                                    <select class="form-control demo-select2-max-10" name="top_brands[]" multiple>
                                        @foreach (\App\Brand::all() as $key => $brand)
                                            <option value="{{ $brand->id }}" @if($brand->top == 1) selected @endif>{{ $brand->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="panel-footer text-right">
                            <button class="btn btn-purple" type="submit">{{translate('Save')}}</button>
                        </div>
                    </form>
                    <!--===================================================-->
                    <!--End Horizontal Form-->

                </div>
            </div>

            <!-- Page Banner Section -->
            <div id="demo-lft-tab-7" class="tab-pane fade active fade">

                <div class="row">
                    <div class="col-sm-12">
                        <a onclick="add_page_banner_slider()" class="btn btn-rounded btn-info pull-right">{{translate('Add New Banner')}}</a>
                    </div>
                </div>

                <br>

                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{translate('Page Banner')}}</h3>
                    </div>
                    <div class="panel-body">
                        <table class="table table-striped table-bordered demo-dt-basic" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Page Name</th>
                                    <th>{{translate('Web Banner')}}</th>
                                    <th>{{translate('Mobile Web Banner')}}</th>
                                    <th>{{translate('Mobile Banner')}}</th>
                                    <th width="30%">{{translate('Link')}}</th>
                                    <th>{{translate('Published')}}</th>
                                    <th width="10%">{{translate('Options')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $count = \App\PageBanner::where('published', 1)->count(); @endphp
                                @foreach(\App\PageBanner::orderBy('id', 'desc')->cursor() as $key => $slider)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td>{{ucfirst(str_replace('_', ' ', $slider->page))}}</td>
                                        <td><img loading="lazy"  class="img-md" src="{{ my_asset($slider->web_banner)}}" alt="Slider Image"></td>
                                        <td><img loading="lazy"  class="img-md" src="{{ my_asset($slider->mobile_web_banner )}}" alt="Slider Image"></td>
                                        <td><img loading="lazy"  class="img-md" src="{{ my_asset($slider->mobile_banner)}}" alt="Slider Image"></td>
                                        <td>{{$slider->link}}</td>
                                        <td><label class="switch">
                                            <input onchange="update_page_banner_published(this)" value="{{ $slider->id }}" type="checkbox"  >
                                            <span class="slider round"></span></label>
                                        </td>
                                        <td>
                                            <div class="btn-group dropdown">
                                                <button class="btn btn-primary dropdown-toggle dropdown-toggle-icon" data-toggle="dropdown" type="button">
                                                    {{translate('Actions')}} <i class="dropdown-caret"></i>
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li><a onclick="edit_page_banner({{ $slider->id }})">{{translate('Edit')}}</a></li>
                                                   <!--  <li><a onclick="confirm_modal('{{route('sliders.destroy', $slider->id)}}');">{{translate('Delete')}}</a></li> -->
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
            <!-- End Page Banner Section -->
        </div>
    </div>

@endsection

@section('script')

<script type="text/javascript">

    function updateSettings(el, type){
        if($(el).is(':checked')){
            var value = 1;
        }
        else{
            var value = 0;
        }
        $.post('{{ route('business_settings.update.activation') }}', {_token:'{{ csrf_token() }}', type:type, value:value}, function(data){
            if(data == 1){
                showAlert('success', 'Settings updated successfully');
            }
            else{
                showAlert('danger', 'Something went wrong');
            }
        });
    }

    function add_slider(){
        $.get('{{ route('sliders.create')}}', {}, function(data){
            $('#demo-lft-tab-1').html(data);
        });
    }

    function add_multipleslider(){
        $.get('{{ route('multiplesliders.create')}}', {}, function(data){
            $('#demo-lft-tab-8').html(data);
        });
    }

    function add_mobile_web_slider(){
        $.get('{{ route('sliders.mobile.web.create')}}', {}, function(data){
            $('#demo-lft-tab-6').html(data);
        });
    }

    function add_page_banner_slider(){
        $.get('{{ route('page_banners.create')}}', {}, function(data){
            $('#demo-lft-tab-7').html(data);
        });
    }

    function add_app_slider(){
        $.get('{{ route('slidersapp.create')}}', {}, function(data){
            $('#demo-lft-tab-11').html(data);
        });
    }


    function add_banner_1(){
        $.get('{{ route('home_banners.create', 1)}}', {}, function(data){
            $('#demo-lft-tab-2').html(data);
        });
    }

    function add_banner_2(){
        $.get('{{ route('home_banners.create', 2)}}', {}, function(data){
            $('#demo-lft-tab-3').html(data);
        });
    }

    function edit_home_banner_1(id){
        var url = '{{ route("home_banners.edit", "home_banner_id") }}';
        url = url.replace('home_banner_id', id);
        $.get(url, {}, function(data){
            $('#demo-lft-tab-2').html(data);
            $('.demo-select2-placeholder').select2();
        });
    }

     function edit_home_slider_1(id){
        var url = '{{ route("sliders.edit", "home_slider_id") }}';
        url = url.replace('home_slider_id', id);
        $.get(url, {}, function(data){
            $('#demo-lft-tab-1').html(data);
            $('.demo-select2-placeholder').select2();
        });
    }

     function edit_home_multipleslider_1(id){
        var url = '{{ route("multiplesliders.edit", "home_slider_id") }}';
        url = url.replace('home_slider_id', id);
        $.get(url, {}, function(data){
            $('#demo-lft-tab-8').html(data);
            $('.demo-select2-placeholder').select2();
        });
    }

    function edit_app_home_slider_1(id){
        var url = '{{ route("slidersapp.edit", "home_slider_id") }}';
        url = url.replace('home_slider_id', id);
        $.get(url, {}, function(data){
            $('#demo-lft-tab-11').html(data);
            $('.demo-select2-placeholder').select2();
        });
    }

    function edit_web_mobile_slider(id){
        var url = '{{ route("sliders.mobile.web.edit", "home_slider_id") }}';
        url = url.replace('home_slider_id', id);
        $.get(url, {}, function(data){
            $('#demo-lft-tab-6').html(data);
            $('.demo-select2-placeholder').select2();
        });
    }

    function edit_page_banner(id){
        var url = '{{ route("page_banners.edit", "home_slider_id") }}';
        url = url.replace('home_slider_id', id);
        $.get(url, {}, function(data){
            $('#demo-lft-tab-7').html(data);
            $('.demo-select2-placeholder').select2();
        });
    }

    function edit_home_banner_2(id){
        var url = '{{ route("home_banners.edit", "home_banner_id") }}';
        url = url.replace('home_banner_id', id);
        $.get(url, {}, function(data){
            $('#demo-lft-tab-3').html(data);
            $('.demo-select2-placeholder').select2();
        });
    }

    function add_home_category(){
        $.get('{{ route('home_categories.create')}}', {}, function(data){
            $('#demo-lft-tab-4').html(data);
            $('.demo-select2-placeholder').select2();
        });
    }

    function edit_home_category(id){
        var url = '{{ route("home_categories.edit", "home_category_id") }}';
        url = url.replace('home_category_id', id);
        $.get(url, {}, function(data){
            $('#demo-lft-tab-4').html(data);
            $('.demo-select2-placeholder').select2();
        });
    }

    function update_home_category_status(el){
        if(el.checked){
            var status = 1;
        }
        else{
            var status = 0;
        }
        $.post('{{ route('home_categories.update_status') }}', {_token:'{{ csrf_token() }}', id:el.value, status:status}, function(data){
            if(data == 1){
                showAlert('success', 'Home Page Category status updated successfully');
            }
            else{
                showAlert('danger', 'Something went wrong');
            }
        });
    }

    function update_banner_published(el){
        if(el.checked){
            var status = 1;
        }
        else{
            var status = 0;
        }
        $.post('{{ route('home_banners.update_status') }}', {_token:'{{ csrf_token() }}', id:el.value, status:status}, function(data){
            if(data == 1){
                showAlert('success', 'Banner status updated successfully');
            }
            else{
                showAlert('danger', 'Maximum 4 banners to be published');
            }
        });
    }

    function update_sorting($obj, tl, md, el){
        $.post('{{ route('sliders.sorting') }}', {_token:'{{ csrf_token() }}', id:el, model:md, sort:tl.value }, function(data){
            if(data == 1){
                showAlert('success', 'Slider order updated successfully');
                location.reload();
            }
            else{
                showAlert('danger', 'Order exists');
                location.reload();
            }
        });
    }

    function update_multiplesorting($obj, tl, md, el){
        // alert(md);
        $.post('{{ route('multiplesliders.sorting') }}', {_token:'{{ csrf_token() }}', id:el, model:md, sort:tl.value }, function(data){
            // alert(data);
            if(data == 1){
                showAlert('success', 'Slider order updated successfully');
                location.reload();
            }
            else{
                showAlert('danger', 'Order exists');
                location.reload();
            }
        });
    }


    function update_type($obj, tl, md, el){
        $.post('{{ route('sliders.type') }}', {_token:'{{ csrf_token() }}', id:el, model:md, type:tl.value }, function(data){
            if(data == 1){
                showAlert('success', 'Type updated successfully');
                //location.reload();
            }
            else{
                showAlert('danger', 'Something went wrong');
                //location.reload();
            }
        });
    }

    function update_slider_published(el){
        if(el.checked){
            var status = 1;
        }
        else{
            var status = 0;
        }
        var url = '{{ route('sliders.update', 'slider_id') }}';
        url = url.replace('slider_id', el.value);

        $.post(url, {_token:'{{ csrf_token() }}', status:status, _method:'PATCH'}, function(data){
            if(data == 1){
                showAlert('success', 'Published sliders updated successfully');
                //location.reload();
            }
            else{
                showAlert('danger', 'Something went wrong');
            }
        });
    }

    function update_multipleslider_published(el){
        if(el.checked){
            var status = 1;
        }
        else{
            var status = 0;
        }
        var url = '{{ route('multiplesliders.update', 'slider_id') }}';
        url = url.replace('slider_id', el.value);

        $.post(url, {_token:'{{ csrf_token() }}', status:status, _method:'PATCH'}, function(data){
            if(data == 1){
                showAlert('success', 'Published sliders updated successfully');
                //location.reload();
            }
            else{
                showAlert('danger', 'Something went wrong');
            }
        });
    }

     function update_mobile_web_slider_published(el){
        if(el.checked){
            var status = 1;
        }
        else{
            var status = 0;
        }
        var url = '{{ route('sliders.mobile.update', 'slider_id') }}';
        url = url.replace('slider_id', el.value);

        $.post(url, {_token:'{{ csrf_token() }}', status:status, _method:'PATCH'}, function(data){
            if(data == 1){
                showAlert('success', 'Published sliders updated successfully');
                //location.reload();
            }
            else{
                showAlert('danger', 'Something went wrong');
            }
        });
    }

    function update_page_banner_published(el){
        if(el.checked){
            var status = 1;
        }
        else{
            var status = 0;
        }
        var url = '{{ route('page_banners.update_status', 'slider_id') }}';
        url = url.replace('slider_id', el.value);

        $.post(url, {_token:'{{ csrf_token() }}', status:status, _method:'PATCH'}, function(data){
            if(data == 1){
                showAlert('success', 'Published page banner updated successfully');
                //location.reload();
            }
            else{
                showAlert('danger', 'Something went wrong');
            }
        });
    }

    function update_app_slider_published(el){
        if(el.checked){
            var status = 1;
        }
        else{
            var status = 0;
        }
        var url = '{{ route('slidersapp.update', 'slider_id') }}';
        url = url.replace('slider_id', el.value);

        $.post(url, {_token:'{{ csrf_token() }}', status:status, _method:'PATCH'}, function(data){
            if(data == 1){
                showAlert('success', 'Published sliders updated successfully');
                 //location.reload();
            }
            else{
                showAlert('danger', 'Something went wrong');
            }
        });
    }

</script>

@endsection