@extends('../backend/layout/' . $layout)

@section('subhead')
<title>Banner Groups</title>
@endsection

@section('subcontent')
<div class="intro-y flex flex-col sm:flex-row items-center mt-8">
    <h2 class="text-lg font-medium mr-auto">Banner Groups</h2>
    <div class="w-full sm:w-auto flex mt-4 sm:mt-0">
        <button class="btn btn-primary shadow-md mr-2" onClick="showModalBanner()">New Banner Groups</button>
    </div>
</div>
<div class="intro-y box p-5 mt-5">
    <div class="overflow-x-auto scrollbar-hidden">
        <div id="tabulator" class="mt-5 table-report table-report--tabulator"></div>
    </div>
</div>
@include('backend/banner_group/form_modal')
@endsection

@section('script')
<script>
    let bannerGroupListRoute = "{{ route('banner-groups.index') }}";
    let createBannerGroupRoute = "{{ route('banner-groups.store') }}"
    function bannerGroupBannerListRoute(id)
    {
        let url = '{{ route('banner-groups.banners.index', ':id') }}'
        return url.replace(':id', id);
    }
    function editBannerGroupRoute(id)
    {
        let url = '{{ route('banner-groups.edit', ':id') }}'
        return url.replace(':id', id);
    }
    function updateBannerGroupRoute(id)
    {
        let url = '{{ route('banner-groups.update', ':id') }}'
        return url.replace(':id', id);
    }

    function toggleStatus(id)
    {
        let url = '{{ route('banner-groups.toggle_status', ':id') }}'
        return url.replace(':id', id);
    }
</script>   
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="{{ asset(mix('js/backend/pages/banner_group/index.js')) }}"></script>
@endsection