@extends('pages.delivery_v2.index')

@section('filter_tab')
@php
    $courier_detail = [];
@endphp

{{-- <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Filter</h3>
    </div>
    <div class="block-content block-content-full">
        <div class="row">
            <div class="col-lg-3">
                <div class="form-check form-block mb-2">
                    <input class="form-check-input" type="radio" value="" id="checkbox-block1" onclick="changeJenisFilter1()" name="checkbox-block" checked>
                    <label class="form-check-label" for="checkbox-block1">
                        <span class="d-flex align-items-center">
                            <span class="ms-2">
                                <span class="fw-bold">Kelompokan order</span>
                                <small class="d-block fs-sm text-muted">Berdasarkan QTY & SKU</small>
                            </span>
                        </span>
                    </label>
                </div>
                <div class="form-check form-block">
                    <input class="form-check-input" type="radio" value="" id="checkbox-block2" onclick="changeJenisFilter2()" name="checkbox-block">
                    <label class="form-check-label" for="checkbox-block2">
                        <span class="d-flex align-items-center">
                            <span class="ms-2">
                                <span class="fw-bold">Kelompokan order</span>
                                <small class="d-block fs-sm text-muted">Berdasarkan Kurir</small>
                            </span>
                        </span>
                    </label>
                </div>
            </div>
            <div class="col-lg-9 space-y-2">
                <div class="row" id="jenis_filter1">
                    <div class="col-md-4">
                        <div class="form-group has-success">
                            <label for="form_control_1">Qty <span id="loadingtext2" style="display: none">Loading...</span></label>
                            <br>
                            <input type="number" id="filter_table3" name="filter_table3" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group has-success">
                            <div id="input_sku">
                                <label for="filter_table2" id="label_ganti_sku">Products min. 10 Order</label>
                                <select class="form-control form-control-inline" id="filter_table2" name="filter_table2" style="width: 100%">
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <button type="button" onclick="gantiInputSku()" class="btn mt-2 btn-secondary">Ganti jenis <br> input SKU</button>
                        <button type="button" class="btn mt-2 btn-success" onclick="showProductMin();">Tampil produk <br> min. 10 order</button>
                    </div>
                </div>

                <div class="row" id="jenis_filter2" style="display: none">
                    <div class="col-md-3">
                        <div class="form-group has-success">
                            <label for="form_control_1">Courier</label>
                            <select class="form-control form-control-inline " id="filter_table1" name="filter_table1">
                                <option value="" selected>Show all</option>
                                @foreach($data["courier"] as $courier)
                                    <option value="{{ $courier->shipping_agent }}">{{ $courier->shipping_agent }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group has-success">
                            <label for="form_control_1">Courier Detail</label>
                            <select class="form-control form-control-inline " id="filter_table3" name="filter_table3">
                                <option value="" selected>Show all</option>
                                @foreach($data["courier_detail"] as $courier)
                                    @php
                                        $courier_detail[] = $courier->shipping_service;
                                    @endphp
                                    <option value="{{ $courier->shipping_service }}">{{ $courier->shipping_service }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <button type="button" class="btn btn-block btn-primary">Preview</button>
            </div>
        </div>
    </div>
</div> --}}
@endsection

@section('content_tab')
{{-- Menyimpan filter shop id master --}}
<input type="hidden" name="filter_table5" id="filter_table5" value="">
<div class="row">
    <div class="col-md-3">
        <div class="block block-rounded">
            <div class="block-content tab-content">
                <div class="form-check mb-2 pl-0">
                    <input class="form-check-input d-none" type="checkbox" id="toggle-fast" name="toggle-fast" onchange="toggleFast()" 
                        @if (isset($data['log_fast']->status) && $data['log_fast']->status == 1)
                            checked
                        @endif
                    >
                    <label class="form-check-label-switch" for="toggle-fast"></label> Izinkan Fast
                </div>
                <div class="form-check mb-2 pl-0">
                    <input class="form-check-input d-none" type="checkbox" id="toggle-wave" name="toggle-wave" onchange="toggleWave()" 
                        @if (isset($data['log_wave']->status) && $data['log_wave']->status == 1)
                            checked
                        @endif
                    >
                    <label class="form-check-label-switch" for="toggle-wave"></label> Izinkan Wave Storage
                </div>
                <hr>
                <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_table7" onchange="reloadDatatableDate()" data-enable-time="true" data-time_24hr="true">
                    </div>
                </div>
                <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_table8" onchange="reloadDatatableDate()" data-enable-time="true" data-time_24hr="true">
                    </div>
                </div>
                <hr>
                <div class="form-group has-success">
                    <label for="form_control_1">Shipping Agent</label>
                    <select class="form-control form-control-inline" id="filter_table1" name="filter_table1" onchange="reloadDatatableAnalyst()">
                        <option value="" selected>Show all</option>
                        @foreach($data["courier"] as $courier)
                            @php
                                $courier_header[] = $courier->shipping_agent;
                            @endphp
                            <option value="{{ $courier->shipping_agent }}">{{ $courier->shipping_agent }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group has-success">
                    <label for="form_control_1">Shipping Service</label>
                    <select class="form-control form-control-inline" id="filter_table3" name="filter_table3" onchange="reloadDatatableAnalyst()">
                        <option value="" selected>Show all</option>
                        @foreach($data["courier_detail"] as $courier)
                            @php
                                $courier_detail[] = $courier->shipping_service;
                            @endphp
                            <option value="{{ $courier->shipping_service }}">{{ $courier->shipping_service }}</option>
                        @endforeach
                    </select>
                </div>
                <hr>
                <div class="form-group has-success">
                    <label for="form_control_1">Brand</label>
                    <select class="form-control form-control-inline" id="filter_table10" name="filter_table10" onchange="reloadDatatableAnalyst()">
                        <option value="" selected>Show all</option>
                        <option value="25,60">Herborist</option>
                        <option value="1,3,33">Secret Clean</option>
                        <option value="13,15,16,28">Miranda</option>
                        <option value="18,22,29">CBD</option>
                        <option value="30,31,53">Secret Garden</option>
                        <option value="35,56">Tokonesia</option>
                        <option value="41">Victoria</option>
                        <option value="17,27,59">Nuface</option>
                    </select>
                </div>
                <hr>
                <div class="panel-collapse">
                    <label for="form_control_1">Shop</label>
                    <div class="tree">
                        <ul class="pl-0">
                            @foreach ($data['count_shop'] as $marketplace => $shop)
                                <li>
                                    <span class="font-weight-bold d-flex align-items-center justify-content-between">
                                        <div class="d-flex align-items-center">
                                            <img src="/storage/icon/{{ $marketplace == 'shopee' ? 'shoppe' : $marketplace }}.png" height="30px" width="30px">
                                            <div class="ml-2">
                                                {{ ucfirst($marketplace) }} 
                                            </div>
                                        </div>
                                        <span class="badge bg-primary text-white border-0 ml-2">{{ $shop['count'] }}</span>
                                    </span>
                                    <ul>
                                        @foreach ($shop['detail'] as $detail)
                                            <li style="display: none; cursor: pointer" class="shopid" id="shopid-{{ $detail['shop_id_master'] }}" onclick="showFilterTree({{ $detail['shop_id_master'] }})">
                                                <span><i class="fa fa-shopping-bag"></i> {{ $detail['name'] }} ({{ $detail['count'] }})</span>
                                            </li>
                                        @endforeach
                                    </ul>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <hr>
                <div class="form-group has-success">
                    <label for="form_control_1">Warehouse</label>
                    <select class="form-control form-control-inline " id="filter_table9" name="filter_table9" onchange="reloadDatatableAnalyst()">
                        <option value="" selected>Show all</option>
                        @foreach($data["warehouse"] as $warehouse)
                            <option value="{{ $warehouse->code }}">{{ $warehouse->code }} - {{ $warehouse->name }}</option>
                        @endforeach
                    </select>
                </div>
                <hr>
                <div class="form-group has-success">
                    <div id="input_sku">
                        <label for="filter_table2">SKU</label> <br>
                        <select class="form-control form-control-inline" id="filter_table2" name="filter_table2" style="width: 100%">
                        </select>
                    </div>
                </div>
                <div class="form-group has-success">
                    <label for="form_control_1">Qty</label>
                    <input type="number" id="filter_table4" name="filter_table4" class="form-control">
                </div>
                <div class="form-group has-success">
                    <button type="button" onclick="reloadDatatableAnalyst()" class="btn btn-success btn-sm">Preview</button>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-9">
        <div class="block block-rounded">
            <input type="hidden" value="" id="filter_table6"> {{-- Menyimpan table checked --}}
            <ul class="nav nav-tabs nav-tabs-block" role="tablist">
                <li class="nav-item ml-auto" role="presentation">
                    <div class="d-flex">
                        @if (in_array('6-2-1a', Session::get('access')))
                        <button type="button" class="nav-link" onclick="viewDetailModal()" id="btn_accept_specify">
                            <span id="count_check_label" class="badge rounded bg-primary text-white mr-1">0</span>
                            To Pick & Consol
                            <i class="fa fa-fw fa-rocket ml-2"></i>
                        </button>
                        @endif
                        <button type="button" class="nav-link" onclick="exportExcel()">
                            <i class="fa fa-file-excel"></i>
                        </button>
                    </div>
                </li>
            </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_order_analyst" style="width: 100%;zoom: 85%;">
                        <thead>
                            <tr>
                                <th style="width: 5%">
                                    <div class="custom-control custom-checkbox d-inline-block">
                                        <input type="checkbox" class="custom-control-input" id="check-all" onchange="checkCondition()">
                                        <label class="custom-control-label" for="check-all"></label>
                                    </div>
                                </th>
                                <th>SKU & QTY</th>
                                <th>Jumlah Order</th>
                                <th>Payment Time</th>
                                <th>Due Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td colspan="4" class="text-center">Empty Data. Please Choose </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('modal_tab')
    @include('pages.delivery_v2.tab_order_analyst2.modal')
@endsection

@section('modal_fuction')
    @include('pages.delivery_v2.tab_order_analyst2.function')
@endsection