@extends('admin.layouts.contentLayoutMaster')

@section('title','訂單資料')

@section('vendor-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('plugins/vue-good-table/vue-good-table.css') }}">
@endsection

@section('page-styles')
<style>
    .good-table-selection-info {
        font-size: 18px;
    }
    .vgt-checkbox-col {
        cursor: pointer;
    }
    .dropdown-toggle::after {
        display: none;
    }
</style>
@endsection

@section('content')
<div id="app">
    {{-- search bar & export --}}
    <section @keydown.enter="getList">
        <div class="row">
            <div class="col-md-12 col-sm-12">
                @include('admin.order.index_panels.header')
            </div>
        </div>
    </section>


    {{-- actions & table --}}
    <section>
        <div class="row">
            <div class="col-12">
                @include('admin.order.index_panels.content')
            </div>
        </div>
    </section>
</div>
@endsection

@section('vendor-scripts')
<script src="{{ asset('plugins/vue-good-table/vue-good-table.js') }}"></script>
@endsection

@section('page-scripts')
<script>
    const api = {
        'index': "{{ route('ajax.admin.order.index') }}",
        'action': "{{ route('ajax.admin.order.action') }}",
    }
    const administrators = {!! app('json')->encode($administrators) !!};
    const activities = {!! app('json')->encode($activities) !!};
    const payStatus = {!! app('json')->encode(config('order.pay_status')) !!};
    const orderStatus = {!! app('json')->encode(config('order.order_status')) !!};
</script>
<script src="{{ mix('assets/js/admin/order/index.js') }}"></script>
@endsection