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

    <script language="javascript">
        var base_url = "{{ url('/') }}";
        var searhCondition = "&quotation_start_date={{ $quotation_start_date }}&quotation_end_date={{ $quotation_end_date }}&quotation_content_id={{ $quotation_content_id }}&customer_code={{ $customer_code }}&organization_code={{$organizationCode}}&quotation_account={{ $quotation_account }}&quotation_pickup_account={{ $quotation_pickup_account }}&company_id={{ $company_id }}&product_type_id={{ $product_type_id }}&product_id={{ $product_id }}&quotation_title={{ $quotation_title }}&quotation_status={{ $quotation_status }}&order_by={{$order_by}}&deal={{$deal}}&big_order={{$big_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 "update":
                    $("#dataForm").attr("action", baseURL + "/update");
                    break;
                case "destroy":
                    $("#dataForm").attr("action", baseURL + "/deleteAction");
                    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();

            //wrenlin
            $('select').select2();

            //選單位更新業務
            $("#select_organization").change(function(){
                updateSalesAccount("{{$account->login_account}}");
            });

            $("#select_product_type").change(function(){
                updateProduct();
            });
            //updatePurchaserAccount();
        });

        function updateSalesAccount(setAccount){

            $.ajax({
               type: "GET",
               url:  base_url+"/setting/quotation/ajaxOgzSalses",
               data:{"organization_code": $("#select_organization").val()},
               dataType:"json",
               success: function(data)
               {
                   if(data.success){
                       let html="";

                        $("#select_quotation_account option").remove();
                        $("#select_quotation_account").append($("<option></option>").attr("value", "null").text("不選擇"));
                        for(var i in data.data_list){
                            let account=data.data_list[i].login_account;
                            let account_name=data.data_list[i].account_name;
                            $("#select_quotation_account").append($("<option></option>").attr("value", account).text(account_name));

                            //預設業務
                            if(account==setAccount)
                                $("#select_quotation_account").val(account);

                        }


                   }else{
                       console.log("ajaxupdateAccount error ");
                       console.log(data);
                   }
               }
             });
        }

        /*
        function updatePurchaserAccount(){

            $.ajax({
               type: "GET",
               url:  base_url+"/setting/quotation_pickup/ajaxOgzPurchaser",
               data:{"organization_code": "{{$topOrg}}"},
               dataType:"json",
               success: function(data)
               {
                   if(data.success){
                       let html="";

                       $("#select_quotation_pickup_account option").remove();
                        $("#select_quotation_pickup_account").append($("<option></option>").attr("value", "null").text("不選擇"));
                        for(var i in data.data_list){
                            let account=data.data_list[i].login_account;
                            let account_name=data.data_list[i].account_name;
                            $("#select_quotation_pickup_account").append($("<option></option>").attr("value", account).text(account_name));

                            //預設
                            if(account=="{{$quotation_pickup_account}}")
                                $("#select_quotation_pickup_account").val(account);

                        }


                   }else{
                       console.log("updatePurchaserAccount error ");
                       console.log(data);
                   }
               }
             });
        }
        */
        function updateProduct(){

            $.ajax({
               type: "GET",
               url:  base_url+"/setting/product_setting/ajaxGetPorductList",
               data:{"product_type_id": $("#select_product_type").val()},
               dataType:"json",
               success: function(data)
               {
                   if(data.success){
                       let html="";

                       $("#select_product option").remove();
                        $("#select_product").append($("<option></option>").attr("value", "").text("不選擇"));
                        for(var i in data.data_list){
                            let name=data.data_list[i].name;
                            let val=data.data_list[i].product_id;
                            $("#select_product").append($("<option></option>").attr("value", val).text(name));
                        }


                   }else{
                       console.log("updatePorduct error ");
                       console.log(data);
                   }
               }
             });
        }


        function makeid(length) {
            var result           = '';
            var characters       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
            for ( var i = 0; i < length; i++ )
              result += characters.charAt(Math.floor(Math.random()*characters.length));

           return result;
        }
    </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_pickup.title') }}</p>
                </div>

                <div class='boxsFull m-d-25'>
                    <div class='gc_50'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.quotation_date') }}</p>
                        <div class="boxsFull">
                            <label>
                                <input class='input-f in-w-40 order-l gc_padding_5' type="date" name="quotation_start_date" value="{{ old('quotation_start_date', $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 gc_padding_5' type="date" name="quotation_end_date" value="{{ old('quotation_end_date', $quotation_end_date) }}" placeholder="{{ trans('common.search_key') }}">
                            </label>
                        </div>
                    </div>
                    <div class='gc_25'>
                        <p class='t-r-15 text-l p-d-10'>詢價編號</p>
                        <label>
                            <input class='input-f gc_padding_7' type="text" name="quotation_content_id" value="{{ old('quotation_content_id', $quotation_content_id) }}" placeholder="{{ trans('common.search_key') }}">
                        </label>
                    </div>

                    <div class='gc_25'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.customer_code') }}</p>
                        <label>
                            <input class='input-f gc_padding_7' type="text" name="customer_code" value="{{ old('customer_code', $customer_code) }}" placeholder="{{ trans('common.search_key') }}">
                        </label>
                    </div>




                </div>
                <div class='boxsFull m-d-25'>
                    <div class='gc_25'>
                        <p class='t-r-15 text-l p-d-10'>所屬單位</p>
                        <div class="select-style">
                            <select id="select_organization" class="form-control" name="organization_code" required>
                                    <option value="null">{{ trans('common.unselected') }}</option>
                                    @foreach($organizationList as $org)
                                    <option value="{{ $org -> organization_code }}" @if($organizationCode == $org -> organization_code) selected @endif>{!! $CommonPresenter -> getOrganizationChineseNameList($org -> organization_code, $organizationList) !!}</option>
                                    @endforeach
                                </select>
                        </div>
                    </div>
                    <div class='gc_25'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.quotation_account') }}</p>
                        <div class="select-style">
                            <select id="select_quotation_account" 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 class='gc_25'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.quotation_pickup_account') }}</p>
                        <div class="select-style">
                            <select id="select_quotation_pickup_account" class="form-control" name="quotation_pickup_account" required>
                                <option value="null">{{ trans('common.unselected') }}</option>
                                @foreach($purchaserAccountList as $list)
                                    <option value="{{ $list -> login_account }}" @if($quotation_pickup_account == $list -> login_account) selected @endif>{{ $list -> account_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class='gc_25'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.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_abbreviation_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>


                </div>
                <div class='boxsFull m-d-25'>

                    <div class='gc_25'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.product_type_id') }}</p>
                        <div class="select-style">
                            <select id="select_product_type" 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='gc_25'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.product_id') }}</p>
                        <div class="select-style">
                            <select id="select_product" 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 class='gc_25'>
                        <p class='t-r-15 text-l p-d-10'>詢價狀態</p>
                        <div class="select-style">
                            <select class="form-control" name="quotation_status" required>
                                @foreach($processStatusList as $list)
                                    <option value="{{ $list -> system_code_key }}" @if($quotation_status == $list -> system_code_key) selected @endif>{{ $list -> system_code_value }}</option>
                                @endforeach
                                <option value="null" @if($quotation_status =='null') selected @endif >不選擇</option>
                            </select>
                        </div>
                    </div>



                    <div class='gc_25'>
                        <p class='t-r-15 text-l p-d-10'>排序方式</p>
                        <div class="select-style">
                            <select class="form-control" name="order_by" required>
                                <option value="" >不選擇</option>
                                <option value="quotation_content_id" @if($order_by == "quotation_content_id") selected @endif>詢價編號</option>
                                <option value="quotation_pickup_id" @if($order_by == "quotation_pickup_id") selected @endif>採購版號</option>
                                <option value="sender_account_name" @if($order_by =="sender_account_name") selected @endif>詢價人員</option>
                                <option value="purchaser_account_name" @if($order_by == "purchaser_account_name") selected @endif>取件人員</option>
                                <option value="customer_code" @if($order_by == "customer_code") selected @endif>客戶</option>
                                <option value="quotation_pickup_title" @if($order_by == "quotation_pickup_title") selected @endif>詢價主旨</option>
                                <option value="big_order" @if($order_by =="big_order") selected @endif>大單</option>
                                <option value="status" @if($order_by =="status") selected @endif>詢價狀態</option>
                                <option value="send_time" @if($order_by == "send_time") selected @endif>業務發送時間</option>
                            </select>
                        </div>

                    </div>






                </div>
                <div class='boxsFull'>

                    <div class='gc_50'>
                      <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.quotation_title') }}</p>
                      <label>
                          <input class='input-f gc_padding_7' type="text" name="quotation_title" value="{{ old('quotation_title', $quotation_title) }}" placeholder="{{ trans('common.search_key') }}">
                      </label>
                    </div>
                    <div class='gc_25'>
                        <p class='t-r-15 text-l p-d-10'>&nbsp;</p>

                        <label class='order-r'>
                            <input type="checkbox" name="big_order" class="checkbox" @if($big_order) checked @endif >
                            <span class="btn-box">
                                <span class="btn">
                                </span>
                            </span>
                            <span class="t-b-13-nw m-l-10">大單</span>
                        </label>

                        <label class='order-r'>
                            <input type="checkbox" name="deal" class="checkbox" @if($deal) checked @endif >
                            <span class="btn-box">
                                <span class="btn">
                                </span>
                            </span>
                            <span class="t-b-13-nw m-l-10">成交</span>
                        </label>

                    </div>

                    <div class='gc_25 gc_padding_top_20'>
                      <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>
                </div>
                <!-- 按下搜尋後會出現的元件。結束 -->

                <div class='boxsFull'>
                    <div class='table-header'>
                        <p class='table-box15'>{{ trans('quotation_pickup.quotation_serial_number') }}</p>
                        <p class='table-box5'>版號</p>
                        <p class='table-box10'>詢價人員</p>
                        <p class='table-box10'>取件人員</p>
                        <p class='table-box15'>{{ trans('quotation_pickup.quotation_customer_name') }}</p>
                        <p class='table-box20'>{{ trans('quotation_pickup.quotation_title') }}</p>
                        <p class='table-box5'>{{ trans('quotation_pickup.quotation_big_order') }}</p>
                        <p class='table-box5'>{{ trans('quotation_pickup.quotation_status') }}</p>
                        <p class='table-box10'>業務發送時間</p>
                        <p class='table-box5'>{{ trans('common.action') }}</p>
                    </div>
                    @foreach($dataList as $pickup)
                        <div class='table-body'>
                            <p class='table-box15 text'>{{ $pickup->quotation_content_id }}</p>
                            <p class='table-box5 text'>{{ explode("-",$pickup->quotation_pickup_id)[2] }}</p>
                            <p class='table-box10 text'>{{ $pickup->sender_account_name }}#{{$pickup->sender_telephone}}</p>
                            <p class='table-box10 text'>{{ $pickup->purchaser_account_name }}  @if($pickup->purchaser_account_name==NULL) &nbsp; @endif </p>
                            <p class='table-box15 text'>{{ $pickup->customer_code}}</p>
                            <p class='table-box20 text' style="text-align:left">{{$pickup->quotation_pickup_title}}</p>
                            <p class='table-box5 t-red'>@if($pickup->big_order) 大單 @else &nbsp; @endif</p>
                            <p class='table-box5 t-red' style="color:{{$pickup->status_color}}">{{$pickup->status_name }}</p>
                            <p class='table-box10 t-red time_style'>{{$pickup->send_time}}</p>
                            <p class='table-box5'>
                                @if(session('ACTION_UPDATE') == 'ENABLED')
                                    <a class="iconLink linkGrey icon-create" target="_blank" href="{{ url('/setting/quotation_pickup/update')."?quotation_pickup_id=".$pickup -> quotation_pickup_id."&quotation_type=".$pickup->quotation_type }}"></a>
                                @endif
                            </p>
                        </div>
                    @endforeach
                    <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