@extends('layout')

@section('title')
Ads & Promotion
@endsection

@section('content')
<section class="content-header">
    <div class="container-fluid">
    <div class="row mb-2">
        <div class="col-sm-6">
        <h1>Ads & Promotion</h1>
        </div>
        <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active">Ads & Promotion</li>
        </ol>
        </div>
    </div>
</section>

<section class="content">
    <div class="container-fluid">
        <div class="card card-default">
            <div class="card-header"><h3 class="card-title">Ads & Promotion List</h3></div>
            <div class="card-body">
                <table
                    id="tbl-ads"
                    data-classes="table table-striped table-hover"
                    data-toggle="table"
                    data-buttons-class="primary"
                    data-url="{{ route('ads-list') }}"
                    data-show-button-text="true"
                    data-buttons="tableButtons"
                    data-pagination="true"
                    data-search="true">
                    <thead>
                        <tr>
                            <th data-field="ImageUrl" data-formatter="imageFormatter"></th>
                            <th data-field="AdsName" data-sortable="true">Name</th>
                            <th data-field="AdsInfo">Info</th>
                            <th data-field="htmlIsActive" data-sortable="true">Is Active</th>
                            <th data-field="DateStart" data-sortable="true" data-formatter="dateFormatter">Start Date</th>
                            <th data-field="DateEnd" data-sortable="true" data-formatter="dateFormatter">End Date</th>
                            <th data-field="htmlIsAllBranch" data-sortable="true">Is All Branch</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</section>
@endsection

@section('script')
<script>
    $table = $('#tbl-ads')
    $table.on('click-row.bs.table', function(row, el, field){
        window.location.href = el.url
    })

    function tableButtons () {
        if("{{ session('role')->{'Ads-Promotion'}->FlgAdd == 1 }}") {
            return {
                btnAdd: {
                    text: 'Add Ads & Promotion',
                    event: function () {
                        window.location.href = '{{ route("ads-create") }}'
                    },
                    attributes: {
                        class: 'btn-primary'
                    }
                }
            }
        } else return ""
    }
</script>
@endsection