@extends('admin.main')
@include('widgets.select')
@include('widgets.datatables')
@include('widgets.datetime_picker')
@inject('numberPresenter', 'App\Presenters\NumberPresenter')
@section('content')
    <section id="basic-datatable">
        <div class="row style-order-list">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">訂單列表</h4>
                    </div>
                    <div class="card-body card-dashboard">
                        <div class="table-responsive">
                            <table id="orderTable"
                                   class="table zero-configuration datatable_init "
                                   data-url="{{route('admin.order.get')}}"
                                   data-params="status,pay_status,shipping_status,temperature_layer,date"
                            >
                                <thead>
                                <tr>
                                    <th data-checkbox="id"></th>
                                    <th data-name="id">訂單貨號</th>
                                    <th data-name="temperature_layer">溫層</th>
                                    <th data-name="created_at">訂單時間</th>
                                    <th data-name="user_name">會員名稱</th>
                                    <th data-name="total_amount">金額</th>
                                    <th data-name="status">訂單狀態</th>
                                    <th data-name="pay_status">付款狀態</th>
                                    <th data-name="shipping_status">出貨狀態</th>
                                    <th data-name="shipping_method">運送方式</th>
                                    <th data-edit_url="<i class='bx bx-edit'></i>,btn-icon"
                                        data-print_url="<i class='bx bx-spreadsheet'></i>,btn-icon">
                                        操作
                                    </th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('js')
    <script>
        $(function () {
            let temperatureLayer = @json($numberPresenter->temperatureLayer());
            let orderStatus = @json($numberPresenter->orderStatus());
            let payStatus = @json($numberPresenter->orderPayStatus());
            let shippingStatus = @json($numberPresenter->orderShippingStatus());

            let $orderStatus = $('<select id="status" class="form-control" name="status"/>')
                .appendOptions(orderStatus, true);
            let $payStatus = $('<select id="pay_status" class="form-control" name="pay_status"/>')
                .appendOptions(payStatus, true);
            let $shippingStatus = $('<select id="shipping_status" class="form-control" name="shipping_status"/>')
                .appendOptions(shippingStatus, true);
            let $temperatureLayer = $('<select id="temperature_layer" class="select2 form-control" name="temperature_layer[]" data-select-all="false" multiple/>')
                .appendOptions(temperatureLayer);

            let $table = $('#orderTable').data('object');
            $table.addTool('訂單狀態', $orderStatus);
            $table.addTool('付款狀態', $payStatus);
            $table.addTool('出貨狀態', $shippingStatus);
            $table.addTool('溫層', $temperatureLayer);
            $table.addTool('dateRange');
            //todo data-url實作
            $table.setCheckboxButtonSetting({
                custom_target:[
                    $('<button class="btn btn-light-info" data-url="">合併訂單</button>'),
                    $('<button class="btn btn-light-info" data-url="">列印揀貨單</button>'),
                    $('<button class="btn btn-light-info" data-url="">已出貨</button>'),
                    $('<button class="btn btn-light-info" data-url="">訂單匯出</button>'),
                ]
            });

            $temperatureLayer.multipleInit();
            {{--$table.setCheckboxButtonSetting({--}}
            {{--    delete: '{{ route('admin.product.multiple.destroy') }}',--}}
            {{--    enable: '{{ route('admin.product.multiple.enable') }}',--}}
            {{--    disable: '{{ route('admin.product.multiple.disable') }}',--}}
            {{--});--}}
        });
    </script>
@endpush