@extends('setting.layouts.layout')
@section('title',trans('quotation_report.title'))
@section('script_css')
@endsection
@section('script_buttom')
    <script src="/assets/js/admin/index.js"></script>

    <script language="javascript">
        var searhCondition = "&quotation_start_date={{ $quotation_start_date }}&quotation_end_date={{ $quotation_end_date }}&organization_id={{ $organization_id }}&quotation_account={{ $quotation_account }}&company_id={{ $company_id }}&product_type_id={{ $product_type_id }}&product_id={{ $product_id }}&customer_code={{ $customer_code }}&quotation_ad={{ $quotation_ad }}&statistics_type={{ $statistics_type }}&sort_column={{ $sort_column }}&repeat_order={{ $repeat_order }}";
        var baseURL = location.protocol + '//' + location.host + location.pathname;
        var lastPage = '{{ $dataList->lastPage() }}';
        function doAction(type, button)
        {
            switch(type)
            {
                case "toPage":
                    if(parseInt($("#page").val()) > lastPage)
                        $("#page").val(lastPage);

                    window.location = baseURL + "?page=" + $("#page").val() + searhCondition;
                    return;
                case "firstPage":
                    window.location = baseURL + "?page=1" + searhCondition;
                    return;
                case "prePage":
                    if((parseInt($("#page").val()) - 1) < 1)
                        return;

                    window.location = '{{ $dataList -> previousPageUrl() }}' + searhCondition;
                    return;
                case "nextPage":
                    if((parseInt($("#page").val()) + 1) > lastPage)
                        return;

                    window.location = '{{ $dataList -> nextPageUrl() }}' + searhCondition;
                    return;
                case "lastPage":
                    window.location = '{{ $dataList -> url($dataList -> lastPage()) }}' + searhCondition;
                    return;
                case "search":
                    $("#page").val(1);
                    $("#dataForm").attr("action", baseURL);
                    break;
                case "clearSearchCondition":
                    cleanupForm(button);
                    return;
                case "create":
                    $("#dataForm").attr("action", baseURL + "/create");
                    break;
                case "export":
                    $("#dataForm").attr("action", baseURL + "/exportAction");
                    break;
                default:
                    alert("{{ trans('common.parameter_error') }}");
                    return false;
            }

            $("#dataForm").submit();
        }

        function setKey(key) {
            $("#key").attr("value", key);
        }

        $(document).ready(function() {
            $('div[data-action]').on('click', function() {
                doAction($(this).attr('data-action') , this);
            });

            $('a[data-action]').on('click', function() {
                doAction($(this).attr('data-action') , this);
            });

            $('button[data-action]').on('click', function() {
                doAction($(this).attr('data-action') , this);
            });

            $('input[data-action]').on('keyup', function(e) {
                if(e.keyCode == 13)
                    doAction($(this).attr('data-action'), this);
            });

            $('input[data-action]').on('focus', function(e) {
                $(this).select();
            });

            $('#datatable-buttons_wrapper.dataTables_info').hide();
        });
    </script>
@endsection
@section('buttons')
@endsection
@section('content')
    @inject('CommonPresenter','App\Presenter\CommonPresenter')
    <form name="dataForm" id="dataForm" method="post" enctype="multipart/form-data">
        @include('components.validationErrorMessage')
        {!! csrf_field() !!}
        <input type="hidden" name="key" id="key">
        <div class='block-r'>
            <div class='centBoxs'>
                <div class='boxsFull'>
                    <p class="t-blue-20 p-d-30">{{ trans('quotation_report.title') }}</p>
                </div>

                <div class='boxsFull m-d-25'>
                    <div class='box37_r re37_r'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_report.quotation_date') }}</p>
                        <div class="boxsFull">
                            <label>
                                <input class='input-f in-w-40 order-l' type="date" value="{{ old('quotation_start_date', $quotation_start_date) }}" name="quotation_start_date" placeholder="{{ trans('common.search_key') }}">
                            </label>
                            <p class='t-r-15 line-h-43 m-lr-10 order-l'>~</p>
                            <label>
                                <input class='input-f in-w-40 order-l' type="date" value="{{ old('quotation_end_date', $quotation_end_date) }}" name="quotation_end_date" placeholder="{{ trans('common.search_key') }}">
                            </label>
                        </div>
                    </div>
                </div>
                <div class='boxsFull m-d-25'>
                    <div class='box37_r re37_r'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_report.organization_id') }}</p>
                        <div class="select-style">
                            <select class="form-control" name="organization_id" required>
                                @if(session() -> get('account_type')=="MANAGER")
                                <option value="null">{{ trans('common.unselected') }}</option>
                                @endif
                                @foreach($organizationList as $list)
                                    <option value="{{ $list -> organization_id }}" @if($organization_id == $list -> organization_id) selected @endif>{!! $CommonPresenter -> getOrganizationChineseNameList($list -> organization_code, $organizationList) !!}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class='box37_l re37_l'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_report.quotation_account') }}</p>
                        <div class="select-style">
                            <select class="form-control" name="quotation_account" required>
                                <option value="null">{{ trans('common.unselected') }}</option>
                                @foreach($salesAccountList as $list)
                                    <option value="{{ $list -> login_account }}" @if($quotation_account == $list -> login_account) selected @endif>{{ $list -> account_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class='boxsFull m-d-25'>
                    <div class='boxs30'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_report.company_id') }}</p>
                        <div class="select-style">
                            <select class="form-control" name="company_id" required>
                                <option value="null">{{ trans('common.unselected') }}</option>
                                @foreach($companyList as $list)
                                    <option value="{{ $list -> company_id }}" @if($company_id == $list -> company_id) selected @endif>{{ $list -> company_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class='boxs30'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_report.product_type_id') }}</p>
                        <div class="select-style">
                            <select class="form-control" name="product_type_id" required>
                                <option value="null">{{ trans('common.unselected') }}</option>
                                @foreach($productTypeList as $list)
                                    <option value="{{ $list -> product_type_id }}" @if($product_type_id == $list -> product_type_id) selected @endif>{{ $list -> product_type_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class='boxs30'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_report.product_id') }}</p>
                        <div class="select-style">
                            <select class="form-control" name="product_id" required>
                                <option value="null">{{ trans('common.unselected') }}</option>
                                @foreach($productList as $list)
                                    <option value="{{ $list -> product_id }}" @if($product_id == $list -> product_id) selected @endif>{{ $list -> product_chinese_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class='boxsFull m-d-25'>
                    <div class='box37_r re37_r'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_report.customer_code') }}</p>
                        <label>
                            <input class='input-f' type="text" name="customer_code" value="{{ old('customer_code', $customer_code) }}" placeholder="{{ trans('common.search_key') }}">
                        </label>
                    </div>
                    <div class='box37_l re37_l'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_report.quotation_ad') }}</p>
                        <div class="select-style">
                            <select class="form-control" name="quotation_ad" required>
                                <option value="null">{{ trans('common.unselected') }}</option>
                                @foreach($adTypeList as $list)
                                    <option value="{{ $list -> system_code_key }}" @if($quotation_ad == $list -> system_code_key) selected @endif>{{ $list -> system_code_value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class='boxsFull m-d-25'>
                    <div class='boxs30'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_report.statistics_type') }}</p>
                        <div class="select-style">
                            <select class="form-control" name="statistics_type" required>
                                @for($i = 0; $i < 10; $i++)
                                    <option value="STATISTICS_TYPE_{{ $i }}" @if($statistics_type == ('STATISTICS_TYPE_'.$i)) selected @endif>{{ trans('quotation_report.STATISTICS_TYPE_'.$i) }}</option>
                                @endfor
                            </select>
                        </div>
                    </div>
                    <div class='boxs30'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_report.sort_column') }}</p>
                        <div class="select-style">
                            <select class="form-control" name="sort_column" required>
                                @for($i = 0; $i < 3; $i++)
                                    <option value="SORT_COLUMN_{{ $i }}" @if($sort_column == ('SORT_COLUMN_'.$i)) selected @endif>{{ trans('quotation_report.SORT_COLUMN_'.$i) }}</option>
                                @endfor
                            </select>
                        </div>
                    </div>
                    <div class='boxs30'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_report.repeat_order') }}</p>
                        <div class="select-style">
                            <select class="form-control" name="repeat_order" required>
                                @for($i = 0; $i < 3; $i++)
                                    <option value="REPEAT_ORDER_{{ $i }}" @if($repeat_order == ('REPEAT_ORDER_'.$i)) selected @endif>{{ trans('quotation_report.REPEAT_ORDER_'.$i) }}</option>
                                @endfor
                            </select>
                        </div>
                    </div>
                    <div class='boxsFull m-td-25'>
                        <a class='btn-half-blue icon-search order-r' data-action="search">{{ trans('common.search') }}</a>
                    </div>
                </div>

                <!-- 按下搜尋後會出現的元件。開始 -->
                <i class='splitLine_bl'></i>
                <div class='boxsFull'>
                    <p class="t-black-20 p-d-30">{{ trans('common.search_result') }}</p>
                    <button class='btn-half-blueG icon-icon04 order-r' data-action="export">{{ trans('common.export') }}</button>
                </div>
                <!-- 按下搜尋後會出現的元件。結束 -->

                <div class='boxsFull'>
                    <div class='table-header'>
                        <p class='table-box20'>{{ trans('quotation_report.'.$statistics_type) }}</p>
                        <p class='table-box20'>{{ trans('quotation_report.quotation_count') }}</p>
                        <p class='table-box20'>{{ trans('quotation_report.order_count') }}</p>
                        <p class='table-box10'>{{ trans('quotation_report.order_percent') }}</p>
                        <p class='table-box20'>{{ trans('quotation_report.big_order_count') }}</p>
                        <p class='table-box10'>{{ trans('quotation_report.big_order_percent') }}</p>
                    </div>
                    @foreach($dataList as $list)
                        <div class='table-body'>
                            <p class='table-box20 text'>{!! $CommonPresenter -> getStatisticsType($statistics_type, $list,$customerList , $accountList, $organizationCusShowList, $companyList, $productList, $productTypeList, $quotationTypeList, $adTypeList) !!}</p>
                            <p class='table-box20 text'>{{ $list -> quotation_count }}</p>
                            <p class='table-box20 text'>{{ $list -> order_count }}</p>
                            <p class='table-box10 text'>{!! $CommonPresenter -> getPercent($list -> order_percent) !!}</p>
                            <p class='table-box20 text'>{{ $list -> big_order_count }}</p>
                            <p class='table-box10 text'>{!! $CommonPresenter -> getPercent($list -> big_order_percent) !!}</p>
                        </div>
                    @endforeach
                    <div class='table-body'>
                        <p class='table-box20 text'>{{ $countDataList['STATISTICS_TYPE'] }}</p>
                        <p class='table-box20 text'>{{ $countDataList['quotation_count'] }}</p>
                        <p class='table-box20 text'>{{ $countDataList['order_count'] }}</p>
                        <p class='table-box10 text'>{!! $CommonPresenter -> getPercent($countDataList['order_percent']) !!}</p>
                        <p class='table-box20 text'>{{ $countDataList['big_order_count'] }}</p>
                        <p class='table-box10 text'>{!! $CommonPresenter -> getPercent($countDataList['big_order_percent']) !!}</p>
                    </div>
                    <div class='boxsFull m-td-25'>
                        <div class='numBox'>
                            <p class='t-page'>Page</p>
                            <label>
                                <input class='input-f in-w-10' type="" id="page" data-action="toPage" value="{{ $dataList -> currentPage() }}">
                            </label>
                            <p class='t-page'>of {{ $dataList -> lastPage() }}</p>
                            <div class="numL icon-chevron-down" data-action="prePage"></div>
                            <div class="numR icon-chevron-down" data-action="nextPage"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection