@extends('admin.main')
@include('widgets.datatables')
@section('content')
    <section id="basic-datatable">
        <div class="row style-event-list">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">活動列表</h4>
                        <div class="heading-elements">
                            <ul class="list-inline mb-0 d-flex align-items-center">
                                <li class="ml-2">
                                    @checkPerm(EVENT_EDIT)
                                    <a class="btn btn-primary" href="{{ route('admin.event.show') }}">新增活動</a>
                                    @endcheckPerm
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="card-body card-dashboard">
                        <div class="table-responsive">
                            <table class="table zero-configuration datatable_init" data-url="{{route('admin.event.get')}}">
                                <thead>
                                <tr>
                                    <th data-name="event_code">活動編號</th>
                                    <th data-name="event_name">活動名稱</th>
                                    <th data-name="event_start">活動開始時間</th>
                                    <th data-name="event_end">活動截止時間</th>
                                    <th data-name="revenue">累計營業額</th>
                                    <th data-name="order_count">訂單數</th>
                                    <th data-name="status">狀態</th>
                                    <th data-name="note">備註</th>
                                    {{-- todo 預覽按鈕樣式 --}}
                                    <th data-destroy_url="刪除,btn-light-danger delete" data-edit_url="編輯" data-preview_url="預覽">操作</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection