@extends('backend.layouts.master')
@section('content')
    <div class="content-wrapper">
        <section class="content-header">
            @include('backend.common-views.messages')
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Home</a></li>
                            <li class="breadcrumb-item active">Featured On</li>
                        </ol>
                    </div>
                </div>
            </div>
        </section>
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header p-0 border-bottom-0 hide-on-print">
                                <div class="row">
                                    <div class="col-md-12">
                                        <ul class="nav nav-tabs" id="customTabs" role="tablist">
                                            <li class="nav-item">
                                                <a class="nav-link active" id="tab1" data-bs-toggle="tab" href="#featuredon" role="tab" aria-controls="featuredon" aria-selected="true">Featured On</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="tab2" data-bs-toggle="tab" href="#featuredonlogo" role="tab" aria-controls="featuredonlogo" aria-selected="false">Featured On Logo</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="tab-content" id="customTabsContent">
                                    <div class="tab-pane fade show active" id="featuredon" role="tabpanel" aria-labelledby="tab1">
                                        @include('backend.featuredon.featuredon_tab.index')
                                    </div>
                                    <div class="tab-pane fade" id="featuredonlogo" role="tabpanel" aria-labelledby="tab2">
                                        @include('backend.featuredon.featuredonLogo_tab.index')
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection
@push('js')
<script>
$(function() {
    $("#featuredon-table").DataTable({
        "responsive": true,
        "autoWidth": false,
        "columnDefs": [
        { "orderable": false, "targets": [1,4,6,7] }
      ]
    });
    $("#featuredon-logo-table").DataTable({
        "responsive": true,
        "autoWidth": false,
        "columnDefs": [
        { "orderable": false, "targets": [1, 3] }
      ]
    });
    var hash = window.location.hash;
    var tabLink = $('a[data-bs-toggle="tab"][href="' + hash + '"]');
    if (tabLink.length >  0) {
        tabLink.tab('show');
    }
});
</script>
@endpush