@extends('frontLayout.frontlayout')
@section('content')

<section class="creator_wrap">
    <div class="creater_inner">
        @include('creatorDashboard.sidebar')
        <div class="right_side_wrap">
            <div class="head-crum">
                <h4>
                    Video Sub Categories
                </h4>
            </div>
            <div class="rating_wrap listing-block">
                <div class="rating_inner">
                    <div class="search_btn">
                        @include('user.partials.flash_messages')
                        <div class="left">
                            <div class="lit">
                                <button type="" class="btn-primary-3 total-records" >{{$count}} Total</button>
                            </div>
                            <div class="lit">
                                <a href="javascript:;"class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#add-video-sub-category">+ Add new</a>
                            </div>
                        </div>
                        @if($allCount)
                        <div class="right">
                            <div class="search_input_with_btn">
                                <div class="form-group">
                                    <input type="text" class="form-control listing-search" id="listing-search" name="search" placeholder="Search" autocomplete="off">
                                    <div class="input-group-append">
                                        <a href="javascript:;">
                                            <i class="fas fa-search"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            @include('creatorDashboard.videoSubCategories.filters')
                        </div>
                        @endif
                    </div>
                    <div class="transaction-wrap rating-tbl">
                        <div class="inner_dashboard">
                            @if($allCount)
                            <div class="table_rows_area">
                                <div class="table-responsive">
                                    <table class="table listing-table">
                                        <thead>
                                            <tr>
                                                <th width="35%">
                                                    <i class="fal fa-sort pe-2" data-field="creator_video_categories.title"></i>Video Category
                                                </th>
                                                <th width="35%">
                                                    <i class="fal fa-sort pe-2" data-field="creator_video_categories.title"></i>Video Sub Category
                                                </th>
                                                <th width="25%">
                                                    <i class="fal fa-sort pe-2" data-field="creator_video_categories.created"></i>Created on
                                                </th>
                                                <th width="25%">
                                                    Actions
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @include('creatorDashboard.videoSubCategories.listingLoop')
                                        </tbody>
                                        <tfoot class="d-none">
                                            <tr>
                                                <th align="left">
                                                    @include('admin.partials.pagination', ["pagination" => $listing])
                                                </th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                            @else
                            <div class="nodata text-center">
                                <img src="{{url('assets/frontend/developer/images/nodata.png')}}">
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
                @include('frontend.partials.dashboardFooter') 
            </div>
        </div>
    </div>
</section>
@include('creatorDashboard.videoSubCategories.modal')
@endsection