@extends("admin.template.layout")

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">

        <!-- Ajax Sourced Server-side -->
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">{{$mode ?? $page_heading}}</h5>
                @if(get_user_permission('ads.promotional','c'))
                    <a href="{{route('ads.social.create')}}" class="main-btn primary-btn btn-hover btn-sm"><i
                            class='bx bx-plus'></i> Create</a>
                @endif
            </div>
            <div class="card-body">
                <div class="card-datatable text-nowrap">
                    <div class="table-responsive">
                        <table class="datatables-ajax table table-condensed" data-role="ui-datatable"
                               data-src="{{route('ads.promotional.dataTable',['type'=>\App\Models\FeedAd::SOCIAL])}}">
                            <thead>
                            <tr>
                                <th class="pt-0" data-colname="id">#</th>
                                <th class="pt-0" data-searchable="true" data-colname="image">Image</th>
                                <th class="pt-0" data-colname="body">Description</th>
                                <th class="pt-0" data-colname="from_date">From</th>
                                <th class="pt-0" data-colname="to_date">To</th>
                                <th class="pt-0" data-colname="status">Description</th>
                                <th class="pt-0" data-colname="created_at">Created on</th>
                                <th class="pt-0" data-colname="action">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!--/ Ajax Sourced Server-side -->

    </div>
@stop
@section('header')
<style>
#DataTables_Table_0_filter{display:none !important}  
</style>
@stop
@section('script')
    <script>
        jQuery(document).ready(function () {

            App.initTreeView();

        })
    </script>
@stop