@extends('pages.delivery_v2.index')

@section('filter_tab')
<div class="block block-rounded">
    <div class="block-header block-header-default">
        <button class="accordion">Filter</button>
    </div>
    <div class="panel">
        <div class="block-content block-content-full">
            <div class="row">
                <div class="col-lg-12 space-y-2">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group has-success">
                                <label for="form_control_1">Warehouse</label>
                                <select class="form-control form-control-inline " id="filter_table1" name="filter_table1">
                                    <option value="" selected>Show all</option>
                                    @foreach($data["warehouse"] as $warehouse)
                                        <option value="{{ $warehouse->code }}">{{ $warehouse->code }} - {{ $warehouse->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group has-success ">
                                <div class="input-icon">
                                    <label for="form_control_1">{{__('Payment Time From')}}</label>
                                    <input type="text" class="js-flatpickr form-control bg-white" id="filter_table2" data-enable-time="true" data-time_24hr="true">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group has-success ">
                                <div class="input-icon">
                                    <label for="form_control_1">{{__('Payment Time To')}}</label>
                                    <input type="text" class="js-flatpickr form-control bg-white" id="filter_table3" data-enable-time="true" data-time_24hr="true">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group has-success ">
                                <label for="form_control_1">Show</label> <br>
                                <button class="btn btn-primary" onclick="reloadDatatableComplete()">Preview</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content_tab')
<div class="block block-rounded">
    <ul class="nav nav-tabs nav-tabs-block" role="tablist">
    </ul>
    
    <div class="block-content tab-content">
        <div class="tab-pane active show" id="btabs-static-home" role="tabpanel" aria-labelledby="btabs-static-home-tab" tabindex="0">
            <table class="table table-striped nowrap table-sm" id="list_data_complete" style="width: 100%;zoom: 85%;">
                <thead>
                    <tr>
                        <th>Pick Number</th>
                        <th>Order Analyst Time</th>
                        <th>SO</th>
                        <th>Admin</th>
                        <th>Pick By</th>
                        <th>Done By</th>
                        <th>Pick Time</th>
                        <th>Done Time</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@section('modal_tab')
    
@endsection

@section('modal_fuction')
    @include('pages.delivery_v2.tab_pick_consol2.function_complete')
@endsection