@extends('setting.layouts.layout')
@section('title',trans('quotation_pickup.title'))
@section('script_css')
<link href="/assets/plugins/jquery-upload-file/4.0.11/uploadfile.css" rel="stylesheet">
<style>
.cke_contents{
    /*min-height:350px;*/
}
#reply_show_mail_cc div{
display:inline-flex;

}
</style>
@endsection
@section('script_buttom')
    <!-- Parsley js for validator-->
    <script src="/assets/plugins/parsleyjs/parsley.min.js"></script>
    <script src="/assets/pages/form-validation.init.js"></script>
    <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
    <script src="/assets/plugins/jquery-upload-file/4.0.11/jquery.uploadfile.js"></script>
    <!-- Custom javascript -->

    <script language="javascript">
        var url = "{{ $URL }}";
        var base_url = "{{ url('/') }}";
        var quotation_content_id="{{ $pickupInfo->quotation_content_id }}";
        var quotation_pickup_id="{{ $pickupInfo -> quotation_pickup_id }}";
        var quotation_type="{{ $pickupInfo->quotation_type }}";
        var pickup_status="{{ $pickupInfo->status }}";
        var quotation_pickup_content_rowid="{{ $pickupInfo->quotation_pickup_content_rowid }}";
        var sales_reply_last_content="";
        var current_select_company_user=[]; //目前已選的聯絡人
        var current_sales_file_send_list=[]; //目前已選的業務檔案
        @foreach($currentCompanyUserList as $companyUser)
        current_select_company_user.push("{{$companyUser->company_id}}-{{$companyUser->company_user_id}}");
        @endforeach
        var current_mail_cc_list=[];//已選的CC
        @foreach($mail_cc as $cc)
            current_mail_cc_list.push("{{$cc}}");
        @endforeach
        @foreach($sales_file_send as $ss)
            current_sales_file_send_list.push("{{$ss}}");
        @endforeach
        var sales_select_company=[]; //業務選的廠商
        @foreach($salesSelectCompany as $company)
        sales_select_company.push({{$company->company_id}});
        @endforeach
        function doAction(type)
        {
            let mail_cc_list=[];
            switch(type)
            {
                case "update":
                    $("#dataForm").attr("action", url + "/updateAction");
                    $("#dataForm").submit();
                    break;
                case "cancel":
                    window.location = url;
                    return;
                case "kill":
                    var fileID = arguments[1];
                    setTimeout(function()
                    {
                        $.ajax({
                            url:'/setting/quotation_pickup/ajaxRemoveFile',
                            data:{
                                quotation_file_id:fileID,
                                license_id: $('#license_id').val(),
                                quotation_serial_number: $('#quotation_serial_number').val(),
                                quotation_serial_id: $('#quotation_serial_id').val(),
                                quotation_pickup_serial_id: $('#quotation_pickup_serial_id').val(),
                                used_quotation_type: $('#used_quotation_type').val()
                            },
                            dataType: "html",
                            method:'GET',
                            complete:function(result)
                            {
                                if(result.status == 200)
                                {
                                    var data = JSON.parse(result.responseText);
                                    alert(data.message);

                                    if(data.message == "已寄送的詢價單無法刪除檔案！")
                                        location.reload();
                                    if(data.message == "已完成的詢價單無法刪除檔案！")
                                        location.reload();
                                }
                                else
                                    alert("刪除失敗");
                            }
                        });
                    }, 300);
                    return;

                case "replySave"://存檔回覆報價並關閉光箱
                    var _btn = arguments[1];//存檔按鈕
                    var _ck = arguments[2];//CKEditor 的實體(CKEDITOR.instances['quotation_reply'])

                    mail_cc_list=[];

                    $("#reply_show_mail_cc input[name=mail_cc]").each(function(){
                        if($(this).prop('checked'))
                            mail_cc_list.push($(this).val());
                    });


                    $(_btn).closest('.showModel').removeClass('showModel');//關閉光箱


                    $.ajax({
                        url:'/setting/quotation_pickup/ajaxReplySalesQuotation',
                        data:{
                            "_token": "{{ csrf_token() }}",
                            quotation_mail_title: $('#reply_sales_quotation_mail_title').val(),
                            mail_cc_list:mail_cc_list,
                            mail_cc_str:$("input[name=reply_mail_cc_str]").val(),
                            login_account : $('#login_account').val(),
                            quotation_content_id: quotation_content_id,
                            quotation_type:quotation_type,
                            content: _ck.getData(),
                            action:"save"
                        },
                        dataType: "json",
                        method:'POST',
                        success: function(data)
                        {
                            if(data.success==true)
                            {
                                alert("存檔成功");
                                updateContent();
                            }
                            else
                                alert("回覆業務報價失敗\n"+data.message);
                        }
                    });

                    return;

                case "replySend"://回覆報價並關閉光箱
                    var _btn = arguments[1];//存檔按鈕
                    var _ck = arguments[2];//CKEditor 的實體(CKEDITOR.instances['quotation_reply'])

                    mail_cc_list=[];

                    $("#reply_show_mail_cc input[name=mail_cc]").each(function(){
                        if($(this).prop('checked'))
                            mail_cc_list.push($(this).val());
                    });


                    $(_btn).closest('.showModel').removeClass('showModel');//關閉光箱


                    $.ajax({
                        url:'/setting/quotation_pickup/ajaxReplySalesQuotation',
                        data:{
                            "_token": "{{ csrf_token() }}",
                            quotation_mail_title: $('#reply_sales_quotation_mail_title').val(),
                            mail_cc_list:mail_cc_list,
                            mail_cc_str:$("input[name=reply_mail_cc_str]").val(),
                            login_account : $('#login_account').val(),
                            quotation_content_id: quotation_content_id,
                            quotation_type:quotation_type,
                            content: _ck.getData(),
                            action:"send"
                        },
                        dataType: "json",
                        method:'POST',
                        success: function(data)
                        {
                            if(data.success==true)
                            {
                                let message="成功";
                                if(data.message)
                                    message+="\n"+data.message
                                alert(message);
                                updateContent();
                            }
                            else
                                alert("回覆業務報價失敗\n"+data.message);
                        }
                    });

                    return;
                case "closeQuotationReply":
                    var _btn = arguments[1];//存檔按鈕
                    $(_btn).closest('.showModel').removeClass('showModel');
                    return;
                default:
                    alert("{{ trans('common.parameter_error') }}");
                    return;
            }

            return;
        }

        function setAction(action) {
            $("#action_type").attr("value", action);
        }

        $(document).ready(function() {
            $('button[data-action]').on('click', function() {
                doAction($(this).attr('data-action'));
            });
            //wrenlin
            $('#select_change_purchaser').select2();
            //$('#select_reply_quotation_type').select2();

            $("#btnPickup").click(function(){
               setPickup("PICKUP");
            });
            $("#btnFinish").click(function(){
               setPickup("FINISH");
            });

            $("#btnInvalid").click(function(){
               setPickup("INVALID");
            });
            $("#btnCancel").click(function(){
               setPickup("PICKUP");
            });
            updateContent();
            updateProductCompany();

            //點選後放入list
            $(".choose_company_user").click(function(){
                let info=$(this).val();
                if($(this).is(":checked"))
                    current_select_company_user.push(info);
                else
                    current_select_company_user.splice(current_select_company_user.indexOf(info),1);
                update_company();//點了之後更新一次
            });

            //更新採購mailCC
            updatePurchaserAccount();

            //檔案上傳
            $("#fileuploader").uploadFile({
                url:base_url+"/setting/quotation_pickup/ajaxFileUpload",
                formData: {"_token": "{{ csrf_token() }}", "quotation_pickup_id":quotation_pickup_id,"quotation_type":quotation_type,"is_reply":"NO"},
                multiple:true,
                fileName:"myfile",
                uploadStr:"附檔上傳",
                maxFileCount:5,
                maxFileSize:2*1024*1024,
                /*
                showDelete: true,
                deleteCallback: function (data, pd) {
                    for (var i = 0; i < data.length; i++) {
                        $.post(base_url+"/setting/quotation_pickup/ajaxRemoveFile", {"_token": "{{ csrf_token() }}","quotation_pickup_id":quotation_pickup_id,"quotation_type":quotation_type,fileName: data[i],"is_reply":"NO"},
                            function (resp,textStatus, jqXHR) {
                                //Show Message
                                alert("檔案已刪除");
                            });
                    }
                    pd.statusbar.hide(); //You choice.

                },*/
                onSuccess:function(files,data,xhr,pd){
                    updateFileList();
                    pd.statusbar.hide();
                }
            });


            //業務回覆檔案上傳
            $("#reply_fileuploader").uploadFile({
                url:base_url+"/setting/quotation_pickup/ajaxFileUpload",
                formData: {"_token": "{{ csrf_token() }}", "quotation_pickup_id":quotation_pickup_id,"quotation_type":quotation_type,"is_reply":"YES"},
                multiple:true,
                fileName:"myfile",
                uploadStr:"附檔上傳",
                maxFileCount:5,
                maxFileSize:2*1024*1024,
                /*
                showDelete: true,
                deleteCallback: function (data, pd) {
                    for (var i = 0; i < data.length; i++) {
                        $.post(base_url+"/setting/quotation_pickup/ajaxRemoveFile", {"_token": "{{ csrf_token() }}","quotation_pickup_id":quotation_pickup_id,"quotation_type":quotation_type,fileName: data[i],"is_reply":"YES"},
                            function (resp,textStatus, jqXHR) {
                                //Show Message
                                alert("檔案已刪除");
                            });
                    }
                    pd.statusbar.hide(); //You choice.

                },
                */
                onSuccess:function(files,data,xhr,pd){
                    updateFileList();
                    pd.statusbar.hide();
                }
            });
        });


        function file_delete(file_id){
            $.post(base_url+"/setting/quotation_pickup/ajaxRemoveFile",
                {"_token": "{{ csrf_token() }}",file_id: file_id},
                function (resp,textStatus, jqXHR) {
                    updateFileList();
                });
        }


        function updateBtn(send_time){
            $("#btnPickup").hide();
            $("#btnInvalid").hide();
            $("#btnFinish").hide();
            $("#btnCancel").hide();
            $("#btnSave").hide();
            $("#btnDelete").hide();
            
            $("#btnSaveNote").hide();
            $("#btnReSend").hide();

            if(pickup_status=="WAITING"){ //等待取件
                $("#btnPickup").show();

                $("#btnInvalid").hide();
                $("#btnFinish").hide();
                $("#btnCancel").hide();
                
                $("#btnSaveNote").hide();
                $("#btnReSend").hide();

            }else if(pickup_status=="PICKUP"){ //已取件可選完成or無效
                $("#btnPickup").hide();

                @if($canEdit)
                $("#btnInvalid").show();
                $("#btnFinish").show();
                if(!send_time){
                    $("#btnSave").show();
                    $("#btnSend").show();
                    $("#btnDelete").show();
                }else{
                    $("#btnNew").show();
                    $("#btnSaveNote").show();
                    $("#btnReSend").show();
                }
                @endif

                $("#btnCancel").hide();

            }else if(pickup_status=="FINISH" || pickup_status=="INVALID"){//已完成只能退單
                $("#btnPickup").hide();
                $("#btnInvalid").hide();
                $("#btnFinish").hide();
                @if($canEdit)
                $("#btnCancel").show();
                if(!send_time){
                    $("#btnSave").show();
                    $("#btnSend").show();
                    $("#btnDelete").show();
                }else{
                    $("#btnNew").show();
                    $("#btnSaveNote").show();
                    $("#btnReSend").show();
                }
                @endif
            }
        }

        function updatePurchaserAccount(){

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

                        for(var i in data.data_list){
                            let account=data.data_list[i].login_account;
                            let account_name=data.data_list[i].account_name;
                            let checked="";

                            if(current_mail_cc_list.indexOf(account)!=-1){
                                checked="checked";
                            }else
                                checked="";
                            let id="mail_cc_"+makeid(10);
                            html+='<div style="float:left">';
                            html+='<input id="'+id+'" class="chooseCheck choose_mail_cc" type="checkbox" name="mail_cc" value="'+account+'" '+checked+' >';
                            html+='<label class="t-b-13" for="'+id+'">'+account_name+'</label><br>';
                            html+="</div>";

                        }
                        $("#show_mail_cc").append(html);

                        $("#reply_show_mail_cc").empty();
                        html="";
                        for(var i in data.data_list){
                            let account=data.data_list[i].login_account;
                            let account_name=data.data_list[i].account_name;
                            let checked="";

                            if(current_mail_cc_list.indexOf(account)!=-1){
                                checked="checked";
                            }else
                                checked="";
                            let id="reply_mail_cc_"+makeid(10);
                            html+='<div style="float:left">';
                            html+='<input id="'+id+'" class="chooseCheck choose_mail_cc" type="checkbox" name="mail_cc" value="'+account+'" '+checked+' >';
                            html+='<label class="t-b-13" for="'+id+'">'+account_name+'</label><br>';
                            html+="</div>";

                        }
                        $("#reply_show_mail_cc").append(html);



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

        function setPickup(status){
            $.ajax({
               type: "POST",
               url:  base_url + "/setting/quotation_pickup/ajaxSetPickup",
               dataType:"json",
               data: {
                    "_token": "{{ csrf_token() }}",
                    "quotation_content_id":quotation_content_id,
                    "quotation_type":quotation_type,
                    "status":status
                },
               success: function(data)
               {
                   if(data.success){
                       pickup_status=status;
                       updateContent();
                       alert("成功");
                       window.location.reload();

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

        //儲存/寄出詢價單
        function save(action_type){
            console.log(action_type);
            $("#btnSend").attr('disabled', true);
            
            let mail_cc_list=[];
            let sales_file_send_list=[];

            $("#show_mail_cc input[name=mail_cc]").each(function(){
                if($(this).prop('checked'))
                    mail_cc_list.push($(this).val());
            });
            
            
            $("input[name=sales_file_send]").each(function(){
                if($(this).prop('checked'))
                    sales_file_send_list.push($(this).val());
            });
            let quotation_text_content=CKEDITOR.instances['quotation_content'].getData();
            $.ajax({
                   type: "POST",
                   url: base_url + "/setting/quotation_pickup/updateAction",
                   data: {
                       "_token": "{{ csrf_token() }}",
                       "quotation_pickup_content_rowid":quotation_pickup_content_rowid,
                       //"quotation_pickup_id":quotation_pickup_id,
                       //"quotation_type":quotation_type,
                       "action_type":action_type,
                       "title":$("input[name=quotation_title]").val(),
                       "mail_title":$("input[name=quotation_mail_title]").val(),
                       "content":quotation_text_content,
                       "remark":$("textarea[name=quotation_remark]").val(),
                       //"product_list":current_select_product,
                       "company_user_list":current_select_company_user,
                       "mail_cc":mail_cc_list,
                       "mail_cc_str":$("input[name=mail_cc_str]").val(),
                       "sales_file_send":sales_file_send_list,
                   }
            }).done(function(data){
               if(data.success){
                   let message="成功";
                   if(data.message)
                       message+="\n"+data.message
                   alert(message);
                   window.location = base_url + "/setting/quotation_pickup/update?quotation_pickup_id="+data.quotation_pickup_id+"&quotation_type="+data.quotation_type;
               }else{
                   alert("失敗\n"+data.message);
               }
               $("#btnSend").attr('disabled', false);
           }).fail(function(data){
                alert("失敗請洽管理員");
                $("#btnSend").attr('disabled', false);
           });;
        }

        //刪除草稿
        function delete_draft(){
            if(!confirm("是否刪除草稿?"))
                return;
            $.ajax({
                   type: "POST",
                   url: base_url + "/setting/quotation_pickup/ajaxDeleteEditionAction",
                   data: {
                    "_token": "{{ csrf_token() }}",
                    "quotation_pickup_id":quotation_pickup_id,
                    "quotation_type":quotation_type,
                    "quotation_content_id":quotation_content_id
                   },
                   success: function(data)
                   {

                       if(data.success){
                           alert("成功");
                           window.location=base_url + "/setting/quotation_pickup/update?quotation_pickup_id="+data.quotation_pickup_id+"&quotation_type="+data.quotation_type;
                       }else{
                           alert("失敗"+data.message);
                       }
                   }
                 });
        }

        function updateContent(){

           $("#statusShow").html("");
           $.ajax({
               type: "GET",
               url:  base_url+"/setting/quotation_pickup/ajaxContent",
               data: {  "quotation_pickup_content_rowid":quotation_pickup_content_rowid },
               dataType:"json",
               success: function(data)
               {
                   if(data.success){
                       pickup_status=data.pickupInfo.status;
                       updateBtn(data.pickupInfo.send_time);
                       $("#statusShow").html(data.pickupInfo.status_name);

                    $('#quotation_item_list').empty();
                    let html="";

                    let send_time=" (尚未寄送)";
                    let checked="";
                    if(data.pickupInfo.send_time!=null)
                        send_time='(於'+data.pickupInfo.send_time+'寄送) ' ;
                    html+='<p class="t-black-15 m-d-10" style="margin-top:20px">寄送紀錄'+send_time+'</p>';
                    html+='<div class="boxsFull">';
                    html+=' <div class="table-header">';
                    html+='  <p class="table-box20">產品名稱</p>';
                    html+='  <p class="table-box20">廠商名稱</p>';
                    html+='  <p class="table-box10">聯絡人員</p>';
                    html+='</div>';
                    html+='</div>';
                    $('#quotation_item_list').append(html);
                    for(var i in data.item_list){
                        html="";
                        html+='<div class="table-body">';
                        html+='<p class="table-box20">'+data.item_list[i].product_name;+'</p>';
                        html+='<p class="table-box20">'+data.item_list[i].company_abbreviation_name;+'</p>';
                        html+='<p class="table-box10">'+data.item_list[i].company_user;+'</p>';
                        html+='</div>';
                       $('#quotation_item_list').append(html);
                    }
                    //顯示重複寄送
                    $('#quotation_item_list').append('<div class="boxsFull">'+data.pickupInfo.note+'</div>');
                    
                    updateFileList();
                    
                    //顯示回覆業務紀錄
                    $("#quotation_sales_reply_list").empty();
                    html="";
                    html+='<p class="t-black-15 m-d-10" style="margin-top:20px">業務回覆紀錄</p>';
                    html+='<div class="boxsFull">';
                    html+=' <div class="table-header">';
                    html+='  <p class="table-box20">郵件主旨</p>';
                    html+='  <p class="table-box10">採購</p>';
                    html+='  <p class="table-box10">業務</p>';
                    html+='  <p class="table-box10">回覆時間</p>';
                    html+='  <p class="table-box10"></p>';
                    html+='</div>';
                    html+='</div>';
                    $('#quotation_sales_reply_list').append(html);
                    for(var i in data.sales_reply_list){
                        html="";
                        html+='<div class="table-body">';
                        html+='<p class="table-box20">'+data.sales_reply_list[i].mail_title;+'</p>';
                        html+='<p class="table-box10">'+data.sales_reply_list[i].from_name;+'</p>';
                        html+='<p class="table-box10">'+data.sales_reply_list[i].to_name;+'</p>';
                        html+='<p class="table-box10">'+data.sales_reply_list[i].created_at;+'</p>';
                        html+='<p class="table-box10"><a onclick="getReply(\''+data.sales_reply_list[i].rowid+'\')">詳情</a></p>';


                        html+='</div>';
                       $('#quotation_sales_reply_list').append(html);
                    }

                    sales_reply_last_content=data.sales_reply_last_content;

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

        function update_company(){
            updateProductCompany($("input[name=search_company]").val());
        }

        function updateProductCompany(search){

            $.ajax({
               type: "GET",
               url:  base_url + "/setting/quotation_pickup/ajaxProductCompany",
               dataType:"json",
               data: {
                "quotation_pickup_content_rowid":quotation_pickup_content_rowid ,
                "search":search
               },
               success: function(data)
               {
                   if(data.success){
                        $('#select_product_company_user').empty();
                        let pickup_selects=[];
                        let select_selects=[];
                        for(var i in data.data_list){
                            let html="";
                            let id="companyuser_"+makeid(10);
                            let company_user_id=data.data_list[i].company_user_id;
                            let company_id=data.data_list[i].company_id;
                            let company_name=data.data_list[i].company_abbreviation_name;
                            let company_user_name=data.data_list[i].company_user_name;
                            //let quotation_type=data.data_list[i].quotation_type;
                            let checked="";
                            let scolor="";
                            if(sales_select_company.indexOf(company_id)!=-1)
                                scolor="color:blue";
                            if(current_select_company_user.indexOf(company_id+"-"+company_user_id)!=-1){
                                checked="checked";
                                scolor="color:red";
                            }
                            html+='<div class="boxsFull m-d-10">';
                            html+='<input  class="chooseCheck choose_company_user" type="checkbox" id="'+id+'" name="company_user[]" value="'+company_id+"-"+company_user_id+'" '+checked+'>';
                            html+='<label style="'+scolor+'" class="t-b-13" for="'+id+'">'+company_name+"-"+company_user_name+'</label><br>';
                            html+="</div>";
                            
                            //選到的往前加
                            if(current_select_company_user.indexOf(company_id+"-"+company_user_id)!=-1)
                                pickup_selects.push(html);
                            else if(sales_select_company.indexOf(company_id)!=-1)
                                select_selects.push(html);
                            else
                                $('#select_product_company_user').append(html);
                        }
                        for(let i in select_selects)
                            $('#select_product_company_user').prepend(select_selects[i]);
                        for(let i in pickup_selects)
                            $('#select_product_company_user').prepend(pickup_selects[i]);
                        
                        //點選後放入list
                        $(".choose_company_user").click(function(){
                            let info=$(this).val();
                            if($(this).is(":checked"))
                                current_select_company_user.push(info);
                            else
                                current_select_company_user.splice(current_select_company_user.indexOf(info),1);
                            update_company();//點了之後更新一次
                        });
                   }else{
                       console.log("ajaxGetProductCompanyUserList error ");
                       console.log(data);
                   }
               }
             });
        }

        //改變採購人員
        function changePurchaser(){
            if($("#select_change_purchaser").val()==""){
                alert("請選擇變更人員");
                return;
            }
            $.ajax({
               type: "GET",
               url:  base_url + "/setting/quotation_pickup/ajaxChangePurchaser",
               dataType:"json",
               data: {
                "quotation_content_id":quotation_content_id,
                "quotation_type":quotation_type ,
                "pickup_account":$("#select_change_purchaser").val()
               },
               success: function(data)
               {
                   if(data.success){
                       location.reload();
                   }else{
                       console.log("ajaxChangePurchaser error ");
                       console.log(data);
                   }
               }
             });
        }

        //顯示業務回覆紀錄
        function getReply(rowid){

           $.ajax({
               type: "GET",
               url:  base_url+"/setting/quotation_pickup/ajaxGetReplySalesQuotation",
               data: {  "rowid":rowid },
               dataType:"json",
               success: function(data)
               {
                   if(data.success){
                      $('#myModel.templates').addClass('showModel');
                      $('#myModel.templates .model_boxs').removeClass('show');
                      $(".model_boxs.box_4").addClass("show");
                      $("#reply_sales_quotation_mail_title").val(data.mail_title);
                      let title="寄送紀錄於"+data.created_at+"由"+data.from_name+"寄給"+data.to_name;
                      $("#reply_sales_quotation_title").html(title);
                      CKEDITOR.instances['quotation_reply'].setData(data.content);
                     // $("#quotation_reply").val(data.content);
                     // $("#quotation_reply").prop("disabled",true);

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

        //清空廠商
        function clearCompany(){
            current_select_company_user=[];
            updateProductCompany(null);
        }
        
        //插入原始詢價
        function insertOriginContent(){
            CKEDITOR.instances['quotation_content'].insertHtml("");
        }
        
        function updateFileList(){
            //顯示檔案清單
            $.ajax({
               type: "GET",
               url:  base_url+"/setting/quotation_pickup/ajaxFile",
               data: {  "quotation_pickup_content_rowid":quotation_pickup_content_rowid },
               dataType:"json",
               success: function(data)
               {
                   if(data.success){
                        let html="";
                        //顯示檔案
                        $("#file_list").empty();
                        $("#reply_file_list").empty();
                        for(var i in data.file_list){
                            html="";
                            let link="{{ url('/') }}/storage/quotation_pickup/"+data.file_list[i].full_path;
                            html+='<div class="boxsFull mu-file show">';
                            if(data.file_list[i].is_reply)
                                html+='    <button class="icon-add_circle" type="button" onClick="CKEDITOR.instances[\'quotation_reply\'].insertHtml(\''+data.file_list[i].file_name+'\')"></button>';
                            else
                                html+='    <button class="icon-add_circle" type="button" onClick="CKEDITOR.instances[\'quotation_content\'].insertHtml(\''+data.file_list[i].file_name+'\')"></button>';
                            html+='    <p class="t-file"><a target="_blank" href='+link+'>'+data.file_list[i].file_name+'</a></p>';
                            html+='    <button class="icon-cancel del" type="button" onClick="file_delete('+data.file_list[i].file_id+')"></button>';
                            html+='    <a target="_blank" href='+link+'><img src="'+link+'" style="width:200px"></img></a>';
                            html+='</div>';
                            if(data.file_list[i].is_reply){
                                $("#reply_file_list").append(html);
                            }else{
                                $("#file_list").append(html);
                            }

                        }

                        //顯示業務的檔案
                        $("#quotation_file_list").empty();
                        //$("#reply_quotation_file_list").empty();  不顯示了
                        let checked="";
                        for(var i in data.quotation_file_list){
                            html="";
                            let link="{{ url('/') }}/storage/quotation/"+data.quotation_file_list[i].full_path;
                            checked="";
                            //預設全選
                            //if(current_sales_file_send_list.indexOf(String(data.quotation_file_list[i].file_id))!=-1)
                                checked="checked";
                            
                            html+='<div class="boxsFull mu-file show">';
                            html+='<input class="chooseCheck" style="position:relative;left:auto;top:auto;opacity:1" id="sales_file_'+data.quotation_file_list[i].file_id+'"  type="checkbox"  name="sales_file_send" value="'+data.quotation_file_list[i].file_id+'"  '+checked+'>';
                            html+='<label class="" for="sales_file_'+data.quotation_file_list[i].file_id+'" >加入詢價</label>';
                            html+='    <button class="icon-add_circle" type="button" onClick="CKEDITOR.instances[\'quotation_content\'].insertHtml(\''+data.quotation_file_list[i].file_name+'\')"></button>';
                            html+='    <p class="t-file"><a target="_blank" href='+link+'>'+data.quotation_file_list[i].file_name+'</a></p>';
                            //html+='    <button class="icon-cancel del" type="button" onClick="file_delete_sales('+data.quotation_file_list[i].file_id+')"></button>';
                            html+='    <a target="_blank" href='+link+'><img src="'+link+'" style="width:200px"></img></a>';
                            
                            html+='</div>';
                            $("#quotation_file_list").append(html);
                            //$("#reply_quotation_file_list").append(html);
                        }


                   }else{
                       console.log("ajaxGetProductList 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>
    <style type="text/css">
        .d-none{
            display:none;
        }
        .price_boxsC,
        .chooseBoxsC,
        .model_boxs.box_1,
        .model_boxs.box_2{
            position:relative;
        }
        .boxsFull.scaned .t-b-13{
            color:#E06363;
        }
        .mu-file{
            display:none;
        }
        .mu-file.show{
            display:inline-block;
        }
        .mu-file.show input{

        }
        .t-b-13-nw{
            max-width:calc(100% - 3rem);
        }
    </style>
@endsection
@section('buttons')
@endsection
@section('content')
    @inject('CommonPresenter','App\Presenter\CommonPresenter')
    <!-- <form name="dataForm" id="dataForm" method="post" enctype="multipart/form-data"> -->
        <div class='block-r'>
            <div class='centBoxs centNoW'>
                <div class="centBoxRL">
                    <div class="boxsWhite m-d-25">
                        <div class='boxsFull m-d-25'>
                            @include('components.validationErrorMessage')
                            {!! csrf_field() !!}
                            <input type="hidden" name="action_type" id="action_type">
                            <input type="hidden" name="key" id="key" value="">

                            <input type="hidden" name="quotation_serial_number" id="quotation_serial_number" value="{{ $pickupInfo -> quotation_serial_number }}">

                            <input type="hidden" name="quotation_pickup_id" id="quotation_pickup_id" value="{{ $pickupInfo -> quotation_pickup_id }}">
                            <input type="hidden" name="used_quotation_type" id="used_quotation_type" value="{{ $pickupInfo->quotation_type }}">
                            <input type="hidden" name="customer_code" id="customer_code" value="{{ $pickupInfo -> customer_code }}">
                            <input type="hidden" name="customer_country" id="customer_country" value="{{ $pickupInfo -> country_chinese_name }}">
                            <input type="hidden" name="login_account" id="login_account" value="{{ $account -> login_account }}">

                            <div class='box37_r re37_r'>
                                <p class="t-blue-20 p-d-30">{{ trans('quotation_pickup.update_quotation').'：'.$pickupInfo -> quotation_pickup_id }}</p>
                                <label class='order-r'>
                                    <!--
                                    <input type="checkbox" name="quotation_finish_order" id="quotation_finish_order" class="checkbox"  >
                                    <span class="btn-box">
                                        <span class="btn">
                                        </span>
                                        </span>

                                    <span class="t-b-13-nw m-l-10">00{{ trans('quotation_pickup.quotation_finish_order') }}</span>
                                    -->

                                    <button id="btnInvalid" type="button" style="min-width:20px;display:none" class='btn-half-blue order-r m-l-10'>無效</button>
                                    <button id="btnFinish" type="button" style="min-width:20px;display:none" class='btn-half-blue order-r m-l-10'>完成</button>
                                    <button id="btnPickup" type="button" style="min-width:20px;display:none" class='btn-half-blue order-r m-l-10'>取件</button>
                                    <button id="btnCancel" type="button" style="min-width:20px;display:none" class='btn-half-blue order-r m-l-10'>取消</button>
                                    <button id="statusShow" type="button"  style=";cursor:auto;" class='btn-half-grey order-r m-l-10' ></button>
                                 </label>
                            </div>
                            <div class='box37_l'>
                                <div class='boxsFull'>
                                    <!--<span class='t-info icon-info order-r' title='大單說明'></span>-->
                                    <label class='order-r'>
                                        <input type="checkbox" name="quotation_big_order" id="quotation_big_order" class="checkbox" disabled @if($pickupInfo->big_order) checked @endif  >
                                        <span class="btn-box">
                                        <span class="btn">
                                        </span>
                                        </span>
                                        <span class="t-b-13-nw m-l-10">{{ trans('quotation_pickup.quotation_big_order') }}</span>
                                    </label>

                                    <label class='order-r'>
                                        <input type="checkbox" name="quotation_repeat_order" id="quotation_repeat_order" class="checkbox" disabled @if($pickupInfo->repeat_order) checked @endif >
                                        <span class="btn-box">
                                    <span class="btn">
                                    </span>
                                    </span>
                                        <span class="t-b-13-nw m-l-10">{{ trans('quotation_pickup.quotation_repeat_order') }}</span>
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class='boxsFull m-d-25'>
                            <div class='boxs30'>
                                <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.customer_code') }}</p>
                                <label>
                                    <input class='input-f' type="text" name="customer_code" value="{{ old('customer_code', $pickupInfo -> customer_code) }}  @if($pickupInfo->customer_red) [紅標] @endif" placeholder="{{ trans('quotation_pickup.no_chinese') }}" disabled style="background-color:#B5B5B5;" required>
                                </label>
                            </div>
                            <div class='boxs30'>
                                <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.customer_country') }}</p>
                                <label>
                                    <input class='input-f' type="text" name="customer_country" value="{{ $pickupInfo -> country_chinese_name }}" disabled style="background-color:#B5B5B5;" required>
                                </label>
                            </div>
                            <div class='boxs30'>
                                <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.quotation_ad') }}</p>
                                <label>
                                    <input class='input-f' type="text" name="quotation_ad" value="{!! $CommonPresenter -> getQuotationADType($pickupInfo -> quotation_ad, $adTypeList) !!}" placeholder="{{ trans('quotation_pickup.quotation_ad') }}" disabled style="background-color:#B5B5B5;" required>
                                </label>
                            </div>
                        </div>
                        <div class='boxsFull m-d-25'>
                            <div class='boxs30'>
                                <p class='t-r-15 text-l p-d-10'>業務所屬單位</p>
                                <label>
                                    <input class='input-f' type="text"   value="{{$pickupInfo -> organization_chinese_name }}" placeholder="{{ trans('quotation_pickup.no_chinese') }}" disabled style="background-color:#B5B5B5;" required>
                                </label>
                            </div>
                            <div class='boxs30'>
                                <p class='t-r-15 text-l p-d-10'>所屬業務</p>
                                <label>
            <input class='input-f' type="text"   value="{{ $pickupInfo -> quotation_account_name }}#{{$pickupInfo ->sender_telephone}}" disabled style="background-color:#B5B5B5;" required>
                                </label>
                            </div>
                            <div class='boxs30'>
                                <p class='t-r-15 text-l p-d-10'>取件人員</p>
                                <label>
                                    <input class='input-f' type="text"  value="{{ $pickupInfo -> purchaser_account_name }}" placeholder="" disabled style="background-color:#B5B5B5;" required>
                                </label>
                            </div>
                        </div>

                        <div class='boxsFull m-d-25'>
                            <div class='boxs30'>
                                <p class='t-r-15 text-l p-d-10'>業務於{{$pickupInfo->sales_send_time}}發送詢價</p>
                            </div>
                            <div class='boxs30'>
                                <p class='t-r-15 text-l p-d-10'>&nbsp;</p>
                            </div>
                            <div class='boxs30'>
                                <p class='t-r-15 text-l p-d-10'>取件人員變更為</p>
                                <div class="select-style">
                                <select id="select_change_purchaser" class="form-control" name="customer_country" required>
                                    <option value="">{{ trans('common.unselected') }}</option>
                                    @if($canEdit)
                                        @foreach($purchaserList as $pur)
                                            <option value="{{ $pur->login_account }}">{{ $pur->account_name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                                <button id="btnChangePurchaser" type="button" style="min-width:20px;" class='btn-half-blue order-r m-l-10' onClick="changePurchaser()">變更</button>
                            </div>
                            </div>

                        </div>

                        <div class='boxsFull'>
                            <div class='boxs50'>
                                <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.quotation_title') }}</p>
                                <label>
                                    <input class='input-f' type="text" name="quotation_title" value="{{  $pickupInfo -> title }}" placeholder="{{ trans('quotation_pickup.quotation_title') }}" maxlength="300"   required>
                                </label>
                            </div>
                            <br>
                            <div class='boxs50'>
                                <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.quotation_mail_title') }}</p>
                                <label>
                                    <input class='input-f' type="text" name="quotation_mail_title" value="{{ $pickupInfo -> mail_title }}" placeholder="{{ trans('quotation_pickup.quotation_mail_title') }}" maxlength="300" required>
                                </label>
                            </div>
                            <div class='boxs50'>
                                <p class='t-r-15 text-l p-d-10'>郵件副本</p>
                                <label>
                                    <input class='input-f' type="text" name="mail_cc_str" value="{{$pickupInfo->mail_cc_str}}" placeholder="請勿副本給廠商!" maxlength="300">
                                </label>
                                <div id="show_mail_cc" class="" ></div>
                            </div>
                        </div>

                        <!-- 虛線 -->
                        <i class="splitLine_bl"></i>

                        <div class='boxsFull m-d-25'>
                            <div class='boxsFull m-d-25'>
                                <button id="btnClearCompany" type="button" class="btn-half-blueG  order-r" style="margin-left:30px;line-height:30px;" onclick="clearCompany();">清空廠商</button>
                                <button type="button" class='btn-half-blue icon-comments order-r m-l-15 showTemplates' data-id='1'>{{ trans('quotation.select_phrase') }}</button>
                                <!-- <button type="button" class='btn-half-blue icon-icon_mail order-r showTemplates' data-id='2'>&nbsp;{{ trans('quotation.select_sample') }}</button> -->
                                <button id="btnInsertOrigin" type="button" class="btn-half-blue  order-r" style="margin-left:30px;line-height:30px;" onclick="insertOriginContent();">插入業務原始詢價</button>
                            </div>
                        </div>

                        <div class='boxsFull m-d-25'>
                            <p class='t-r-15'><textarea name="quotation_content" id="quotation_content" rows="10" cols="60" tabindex="8" class="ckeditor">{{ $pickupInfo -> content }}</textarea></p>
                        </div>

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

                            <div id="quotation_file_list">

                            </div>

                        </div>
                        <div class='boxsFull m-d-25'>
                            <p class='t-r-15 boxsInline order-l p-d-10'>{{ trans('quotation.upload_file') }}</p>
                            <p class='t-file-g boxsInline order-r p-d-10'>{{ trans('quotation.file_remark') }}</p>
                            <div id="file_list" class='updateBox'>

                            </div>
                            <p><div id="fileuploader">Upload</div></p>
                        </div>
                    </div>
                    <script language="javascript" type="text/javascript">
                        (function(){
                            var triggerLabel = $('label.createFile');
                            var whileNewFileTouch = function(e){
                                var _t = e.currentTarget;
                                var fileBitsTotal = 0;
                                var fileBitsMax = 2097152;//2MB 的總檔案選取位元率上限
                                var fileCountMax = 5;//總檔案選取數量上限
                                var chk = true;
                                var code;
                                $('input.hiddenFileInput').each(function(){
                                    if(this.files.length == 1) fileBitsTotal += this.files[0].size;
                                });
                                if($('input.hiddenFileInput').length > fileCountMax){
                                    code = '最多只能選取' + fileCountMax + ' 個檔案上傳,請先刪除檔案.';
                                    chk = false;
                                } else if(fileBitsTotal > fileBitsMax){
                                    code = '選取檔案總位元數超過' + (2097152 / 1024 / 1024) + ' Mb,請先刪除檔案.';
                                    chk = false;
                                }
                                if(chk == false){
                                    alert(code);
                                    e.preventDefault();
                                    $(_t).prop('disabled' , true);
                                    setTimeout(function(){$(_t).prop('disabled' , false);} , 10);
                                    return;
                                }
                            };
                            var whileNewFileTrigger = function(e){
                                var _t = e.currentTarget;
                                if(_t.files.length == 1){
                                    $(_t.parentElement).find('p').html(_t.files[0].name);
                                    $(triggerLabel).attr('for' , insertNewFileTrigger({
                                        wrapper : _t.parentElement,
                                        sInput : $(_t.parentElement).find('input'),
                                        //sImg : $(_t.parentElement).find('img'),
                                        sP : $(_t.parentElement).find('p'),
                                        sButton : $(_t.parentElement).find('button')
                                    }));
                                    $(_t.parentElement).find('input.hiddenFileInput')[0].removeEventListener('change' , whileNewFileTrigger , false);//移除不需要使用的input 的change 事件
                                    $(_t.parentElement).addClass('show');
                                }
                            };
                            var whileRemoveFileTrigger = function(e){
                                var _t = e.currentTarget;
                                var cc = window.confirm('確定要刪除這筆資料?');
                                if(cc == true){

                                    if($('input.hiddenFileInput').not('[value]').length == 1) $(triggerLabel).attr('for' , insertNewFileTrigger({
                                        wrapper : _t.parentElement,
                                        sInput : $(_t.parentElement).find('input'),
                                        //sImg : $(_t.parentElement).find('img'),
                                        sP : $(_t.parentElement).find('p'),
                                        sButton : $(_t.parentElement).find('button')
                                    }));/*若移除後沒有任何檔案上傳欄位*/
                                    $(_t.parentElement).remove();//移除
                                    $('input.hiddenFileInput').not('[value]').each(reSerialInput);
                                    $(triggerLabel).attr('for' , $('input.hiddenFileInput').last().attr('id'));//更新觸發按鈕的綁定對象
                                }
                            };
                            var whileRemoveRemoteFileTrigger = function(e){
                                var _t = e.currentTarget;
                                var cc = window.confirm('確定要刪除這筆資料?');
                                if(cc == true) {
                                    doAction('kill' , $(_t).attr('data-remote-del'));
                                    $(_t.parentElement).remove();//移除
                                    $('input.hiddenFileInput').not('[value]').each(reSerialInput);
                                    $(triggerLabel).attr('for' , $('input.hiddenFileInput').last().attr('id'));//更新觸發按鈕的綁定對象
                                }
                            };
                            var reSerialInput = function(_index , _ele){/*沒有php 的陣列化標記,追加編號化標記*/
                                $(_ele).attr('id' , $(_ele).attr('id').split('_')[0] + '_' + _index);
                                if($(_ele).attr('name').indexOf('[]') == -1) {
                                    $(_ele).attr('name' , $(_ele).attr('name').split('_')[0] + '_' + _index);/*沒有php 的陣列化標記,追加編號化標記*/
                                }
                            };
                            var insertNewFileTrigger = function(props){
                                var _div = document.createElement('DIV');
                                var _input = document.createElement('INPUT');
                                //var _img = document.createElement('IMG');
                                var _p = document.createElement('P');
                                var _button = document.createElement('BUTTON');
                                var serial = Number(props.sInput.attr('id').split('_')[1]) + 1;//id 屬性的序號遞增
                                var _id = props.sInput.attr('id').split('_')[0] + '_' + serial;
                                _input.addEventListener('click' , whileNewFileTouch , false);//<input type="file"> 檔案點擊事件
                                _input.addEventListener('change' , whileNewFileTrigger , false);//<input type="file"> 檔案選取事件
                                _button.addEventListener('click' , whileRemoveFileTrigger , false);//<button class="icon-cancel del"> 移除事件

                                if(props.sInput.attr('name').indexOf('[]') == -1){/*沒有php 的陣列化標記,追加編號化標記*/
                                    $(_input).attr('name' , props.sInput.attr('name').split('_')[0] + '_' + serial);
                                } else {
                                    $(_input).attr('name' , props.sInput.attr('name'));
                                }
                                $($(_div).attr('class' , $(props.wrapper).attr('class')).append([
                                    $(_input).attr('type' , props.sInput.attr('type')).attr('class' , props.sInput.attr('class')).attr('id' , _id) ,
                                    /*$(_img).attr('src' , props.sImg.attr('src')) , */
                                    $(_p).attr('class' , props.sP.attr('class')) ,
                                    $(_button).attr('type' , props.sButton.attr('type')).attr('class' , props.sButton.attr('class'))
                                ])).insertAfter(props.wrapper);
                                return _id;
                            };

                            //$('input.hiddenFileInput')[0].addEventListener('change' , whileNewFileTrigger , false);//<input type="file"> 檔案選取事件
                            //$('button.del')[0].addEventListener('click' , whileRemoveFileTrigger , false);//<button class="icon-cancel del"> 移除事件
                            $('.boxsFull.mu-file').each(function(_index , _ele){
                                var _input = $(_ele).find('input.hiddenFileInput');
                                var _button = $(_ele).find('button.del');
                                if(_input.attr('value') == undefined) {
                                    _input[0].addEventListener('click' , whileNewFileTouch , false);//<input type="file"> 檔案點擊事件
                                    _input[0].addEventListener('change' , whileNewFileTrigger , false);//<input type="file"> 檔案選取事件
                                    $(_ele).find('button.del')[0].addEventListener('click' , whileRemoveFileTrigger , false);//<button class="icon-cancel del"> 移除事件
                                } else {
                                    _input.prop('disabled' , true);
                                    _button.attr('data-remote-del' , _input.attr('value'));
                                    _button[0].addEventListener('click' , whileRemoveRemoteFileTrigger , false);//<button class="icon-cancel del"> 遠端移除事件
                                }
                            });
                            $('input.hiddenFileInput').not('[value]').each(reSerialInput);
                            $(triggerLabel).attr('for' , $('input.hiddenFileInput').not('[value]').last().attr('id'));//更新觸發按鈕的綁定對象
                        })();
                    </script>

                    <div class="boxsWhite">
                        <p class="t-blue-15 m-d-10">{{ trans('quotation_pickup.quotation_remark') }}</p>
                        <textarea class='input-f' name="quotation_remark" rows="6" cols="40" placeholder="{{ trans('quotation_pickup.quotation_remark') }}" maxlength="10000">{{ $pickupInfo -> remark }}</textarea>
                    </div>
                    <div id="quotation_item_list" class="boxsYellow m-t-25">
                    </div>
                    <div id="quotation_sales_reply_list" class="boxsYellow m-t-25">
                    </div>
                </div>

                <div class="centBoxRR">
                    <div class="boxsFull m-d-10">
                         <button type="button" class='btn-half-blueG2 wF showTemplates' data-id='4' onclick="setTimeout(function(){CKEDITOR.instances.quotation_reply.setData(sales_reply_last_content);$('input[name=&quot;reply_sales_quotation_mail_title&quot;]').val($('input[name=&quot;quotation_mail_title&quot;]').val());},100);">回覆業務報價</button>
                         <!-- <button type="button" class='btn-half-blueG2 wF showTemplates' data-id='4' onclick="setTimeout(function(){CKEDITOR.instances.quotation_reply.setData(CKEDITOR.instances.quotation_content.getData());$('input[name=&quot;reply_sales_quotation_mail_title&quot;]').val($('input[name=&quot;quotation_mail_title&quot;]').val());},100);">回覆業務報價</button> -->

                    </div>

                    <div class="boxsFull m-d-10">
                        <div class="boxsFull showTemplates btn-half-blueG2"  data-id='5'>採購筆記</div>
                    </div>

                    <div class="boxsFull m-d-10">
                        <div class="price_boxs">{{ trans('quotation.quotation_serial_list') }}</div>
                        <div class="price_boxsC price_boxsC_show">

                            @foreach($versionList as $version)
                                                                <div class='boxsYellow by2 m-d-10'>
                                    <div class='t-b-13-nw b8'>
                                        <a href="/setting/quotation_pickup/update?quotation_pickup_id={{ $version-> quotation_pickup_id }}&quotation_type={{ $version-> quotation_type }} " >{{ $version->quotation_pickup_id }} {{ $send }}</a>
                                    </div>
                                </div>
                            @endforeach

                        </div>
                    </div>

                    <div class="boxsFull m-d-10">
                        <div class="price_boxs">選擇產品</div>
                        <div class="price_boxsC price_boxsC_show">
                            <div class="boxsYellow by2 m-d-10">
                             @foreach($productList as $product)
                                <div class="t-b-13-nw b8">{{$product->product_chinese_name}}</div>
                             @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="boxsFull m-d-10">
                        <div class="price_boxs">選擇廠商</div>
                        <div class="price_boxsC price_boxsC_show">
                            <div class="search-container searchNotMT m-d-25">
                                <input name="search_company" class='price_search basic_company_search' data-holder=".chooseBox.basic_product" data-loader=".loader.basic_product" type="text" placeholder="選擇廠商">
                                <button class='searchBtn price_icon' type="button" onClick="update_company()" ><i class="icon-search"></i></button>
                            </div>
                            <div id="select_product_company_user" class="boxsYellow by2 m-d-10" style="height: 500px;overflow: scroll;">

                            </div>
                        </div>
                    </div>



                </div>



            </div>
        </div>
    <!-- </form> -->



    <div class='boxsFull m-d-25'>
    <div class="table-box30 m-t-25">
        <button id="btnReSend" type="button" class="btn-half-orange order-r" style="margin-left:30px;display:none" onclick="save('re_send');">重複發送詢價</button>
        <button id="btnNew" type="button" class="btn-half-blue order-r" onclick="save('new_draft');" style="margin-left:30px;display:none">新增版次</button>
    </div>

    <div class="table-box30 m-t-25">
        <button id="btnSaveNote" type="button" class="btn-half-blue order-r" onclick="save('save_note');" style="margin-left:30px;display:none">儲存備註</button>
    </div>

    </div>

    <div class='boxsFull m-d-25'>
    <div class="table-box30 m-t-25">
        
        <button id="btnSave" type="button" class="btn-half-blue order-r" onclick="save('save_draft');" style="display:none">儲存草稿</button>
    </div>
    @if($pickup_version!="01")
    <div class="table-box30 m-t-25">
        <button id="btnDelete" type="button" class="btn-half-blue order-r" onclick="delete_draft();" style="display:none">刪除草稿</button>
    </div>
    @endif
    <div class="table-box30 m-t-25">
        <button id="btnSend" type="button" class="btn-half-orange order-r" style="margin-left:30px; display:none" onclick="save('send');" >寄出詢價單</button>
        
    </div>
    </div>


    <!-- 光箱 -->
    <div id="myModel" class="model templates">
        <div class='ac_outer'>

            <!-- 片語  光箱01 -->
            <div class='model_boxs box_1'>
                <div class='boxsFull'>
                    <p class="t-blue-20 order-l">片語範本</p>
                    <div class='t-close icon-clear'></div>
                </div>

                <!-- 實線 -->


                <div class="boxsFull search-container searchNotMT m-d-25">
                    <div class='boxsFull'>
                        <input class='price_search90 phraseSearch' type="text" placeholder="搜尋" name="search" data-holder=".boxsFull.phrase_template" data-loader=".loader.phrase_template" data-done=".btn-half-blue.phrase_template" data-ck="quotation_content">
                        <button class='searchBtn price_icon' type="button"><i class="icon-search"></i></button>
                    </div>
                </div>

                <div class='boxsFull phrase_template m-d-10 over700'><!-- JS 動態插入 --></div>
                <div class="loader phrase_template">
                    <strong>
                        <span>Loading</span>
                        <span class="percent">100</span>%
                    </strong>
                </div><!-- 載入提示 -->
                <div class='boxsFull m-d-10'>
                    <button class='btn-half-blue phrase_template icon-search order-r' type="button">&nbsp;{{ trans('common.confirm') }}</button>
                </div>
                <script language="javascript" type="text/template" id="phraseTemplate">
                    {!! $CommonPresenter -> getPhraseJSON($phraseList) !!}
                </script>
                <script language="javascript" type="text/javascript">
                    (function(){
                        var _ary = JSON.parse(document.getElementById('phraseTemplate').innerHTML);
                        var _index = 0;
                        var _input = $('.price_search90.phraseSearch')[0];//關鍵字查詢欄位
                        var _holder = $($(_input).attr('data-holder'))[0];//產品項目容器
                        var _loader = $($(_input).attr('data-loader'))[0];//載入顯示
                        var _done = $($(_input).attr('data-done'))[0];//確認按鈕
                        var forId = Number(new Date().getTime() * Math.random()).toString(32);
                        var _pool;//所有的產品
                        var run_generateItem;
                        var timeout_look;

                        function init(){

                            _pool = $($(_input).attr('data-holder') + ' label.t-b-13-nw');
                            //_input.addEventListener('change' , looks , false);
                            _input.addEventListener('keyup' , looks , false);
                            _done.addEventListener('click' , appendToCk , false);
                            //console.log(_input , _holder , _done , _pool);
                        }
                        var wrapper = function(_props){
                            return '<div class="boxsFull text-l">'+ '\n' +
                                '<input class="chooseCheck" type="checkbox" id="' + forId + _props.key + '" name="" value="' + _props.key + '">'+ '\n' +
                                '<label class="t-b-13-nw" for="' + forId + _props.key + '">' + _props.label + '</label><br>'+ '\n' +
                                '<i class="splitLine_bl"></i>' + '\n' +
                                '</div>';
                        };

                        var  generateItem = function(){
                            var tmp;
                            var begin = _index;
                            _index += 10;
                            if(_index >= _ary.length) _index = _ary.length;
                            for(var i = begin;i<_index;i++){
                                tmp = wrapper(_ary[i]);
                                $(_holder).append(tmp);
                            }


                            $(_loader).find('.percent').text(Math.floor((_index / _ary.length)*10000)/100);
                            if(_index == _ary.length) {
                                $(_loader).hide();
                                clearInterval(run_generateItem);
                                init();//啟動
                            }
                        }
                        var appendToCk = function(e){
                            var _t = e.currentTarget;
                            var checkedInputs = $(_holder).find('input:checked');
                            var setCode = '';
                            if(checkedInputs.length > 0) {
                                checkedInputs.each(function(){
                                    for(var i = 0;i<_ary.length;i++){
                                        if(_ary[i].key == Number(this.value)){
                                            setCode += _ary[i].data;
                                            break;
                                        }
                                    }

                                });

                                CKEDITOR.instances[$(_input).attr('data-ck')].insertText(setCode);//折行轉換
                            }

                            $(_t).closest('.showModel').removeClass('showModel');
                            checkedInputs.prop('checked' , false);
                        }
                        var looks = function(e){
                            var _t = e.currentTarget;
                            var _value = _t.value;
                            var resAry = [];
                            var unResAry = [];
                            if(_value != ''){
                                timeout_look = setTimeout(function(){
                                    _pool.each(function(){
                                        if($(this).html().indexOf(_value) > -1) {
                                            resAry.push(this.parentElement);
                                        } else {
                                            unResAry.push(this.parentElement);
                                        }
                                    });
                                    $(resAry).removeClass('d-none');
                                    $(unResAry).addClass('d-none');
                                } , 250);
                            } else {
                                clearTimeout(timeout_look);
                                setTimeout(function(){
                                    _pool.each(function(){
                                        $(this.parentElement).removeClass('d-none');
                                        if($(this.parentElement).find('input').prop('checked') == true){
                                            $(_holder).prepend(this.parentElement);
                                        }
                                    });
                                    $(_holder).scrollTop(0);
                                } , 290);
                            }
                        }
                        run_generateItem = setInterval(generateItem , 25);
                    })();
                </script>
            </div>

            <!-- 郵件  光箱02 -->
            <div class='model_boxs box_2'>
                <div class='boxsFull'>
                    <p class="t-blue-20 order-l">{{ trans('quotation.sample') }}</p>
                    <div class='t-close icon-clear'></div>
                </div>

                <!-- 實線 -->


                <div class="boxsFull search-container searchNotMT m-d-25">
                    <div class='boxsFull'>
                        <input class='price_search90 letterSearch' type="text" placeholder="搜尋" name="search" data-holder=".boxsFull.letter_template" data-loader=".loader.letter_template" data-done=".btn-half-blue.letter_template" data-ck="quotation_content">
                        <button class='searchBtn price_icon' type="button"><i class="icon-search"></i></button>
                    </div>
                </div>

                <div class='boxsFull letter_template m-d-10 over700'><!-- JS 動態插入 --></div>
                <div class="loader letter_template">
                    <strong>
                        <span>Loading</span>
                        <span class="percent">100</span>%
                    </strong>
                </div><!-- 載入提示 -->
                <div class='boxsFull m-d-10'>
                    <button class='btn-half-blue letter_template icon-search order-r' type="button">&nbsp;&nbsp;{{ trans('common.confirm') }}</button>
                </div>
                <script language="javascript" type="text/template" id="letterTemplate">
                    {!! $CommonPresenter -> getSampleJSON($sampleList) !!}
                </script>
                <script language="javascript" type="text/javascript">
                    (function(){
                        var _ary = JSON.parse(document.getElementById('letterTemplate').innerHTML);
                        var _index = 0;
                        var _input = $('.price_search90.letterSearch')[0];//關鍵字查詢欄位
                        var _holder = $($(_input).attr('data-holder'))[0];//產品項目容器
                        var _loader = $($(_input).attr('data-loader'))[0];//載入顯示
                        var _done = $($(_input).attr('data-done'))[0];//確認按鈕
                        var forId = Number(new Date().getTime() * Math.random()).toString(32);
                        var _pool;//所有的產品
                        var run_generateItem;
                        var timeout_look;

                        function init(){
                            _pool = $($(_input).attr('data-holder') + ' label.t-b-13-nw');
                            //_input.addEventListener('change' , looks , false);
                            _input.addEventListener('keyup' , looks , false);
                            _done.addEventListener('click' , appendToCk , false);
                            //console.log(_input , _holder , _done , _pool);
                        }
                        var wrapper = function(_props){
                            return '<div class="boxsFull text-l">'+ '\n' +
                                '<input class="chooseCheck" type="checkbox" id="' + forId + _props.key + '" name="" value="' + _props.key + '">'+ '\n' +
                                '<label class="t-b-13-nw" for="' + forId + _props.key + '">' + _props.label + '</label><br>'+ '\n' +
                                '<i class="splitLine_bl"></i>' + '\n' +
                                '</div>';
                        };

                        var  generateItem = function(){
                            var tmp;
                            var begin = _index;
                            _index += 10;
                            if(_index >= _ary.length) _index = _ary.length;
                            for(var i = begin;i<_index;i++){

                                tmp = wrapper(_ary[i]);
                                $(_holder).append(tmp);
                            }


                            $(_loader).find('.percent').text(Math.floor((_index / _ary.length)*10000)/100);
                            if(_index == _ary.length) {
                                $(_loader).hide();
                                clearInterval(run_generateItem);
                                init();//啟動
                            }
                        }
                        var appendToCk = function(e){
                            var _t = e.currentTarget;
                            var checkedInputs = $(_holder).find('input:checked');
                            var setCode = '';
                            if(checkedInputs.length > 0) {
                                checkedInputs.each(function(){
                                    for(var i = 0;i<_ary.length;i++){
                                        if(_ary[i].key == Number(this.value)){
                                            setCode += _ary[i].data;
                                            break;
                                        }
                                    }

                                });

                                CKEDITOR.instances[$(_input).attr('data-ck')].insertHtml(setCode);
                            }

                            $(_t).closest('.showModel').removeClass('showModel');
                            checkedInputs.prop('checked' , false);
                        }
                        var looks = function(e){
                            var _t = e.currentTarget;
                            var _value = _t.value;
                            var resAry = [];
                            var unResAry = [];
                            if(_value != ''){
                                timeout_look = setTimeout(function(){
                                    _pool.each(function(){
                                        if($(this).html().indexOf(_value) > -1) {
                                            resAry.push(this.parentElement);
                                        } else {
                                            unResAry.push(this.parentElement);
                                        }
                                    });
                                    $(resAry).removeClass('d-none');
                                    $(unResAry).addClass('d-none');
                                } , 250);
                            } else {
                                clearTimeout(timeout_look);
                                setTimeout(function(){
                                    _pool.each(function(){
                                        $(this.parentElement).removeClass('d-none');
                                        if($(this.parentElement).find('input').prop('checked') == true){
                                            $(_holder).prepend(this.parentElement);
                                        }
                                    });
                                    $(_holder).scrollTop(0);
                                } , 290);
                            }
                        }
                        run_generateItem = setInterval(generateItem , 25);
                    })();
                </script>
            </div>
            <!-- 回覆業務報價 -->
            <div id="model_box_sales_reply" class='model_boxs box_4'>
              <!--
                <div class='boxsFull'>
                    <p id="reply_sales_quotation_title" class="t-blue-20 order-l">回覆業務報價{{$pickupInfo->quotation_pickup_id}}</p>
                    <div class='t-close icon-clear'></div>
                </div>
-->
                <!-- 實線 -->


                <div class='boxsFull'>

                    <div class='boxsFull m-d-25'>
                        <p class='t-r-15 text-l p-d-10'>回覆業務報價{{$pickupInfo->quotation_pickup_id}} {{$pickupInfo->quotation_account_name}}#{{$pickupInfo->sender_telephone}}</p>
                        <label>
                            <input class='input-f' type="" id="reply_sales_quotation_mail_title" name="reply_sales_quotation_mail_title" placeholder="{{ trans('quotation_pickup.quotation_mail_title') }}">
                        </label>

                    </div>

                    <div class='boxsFull m-d-25'>
                        <p class='t-r-15 text-l p-d-10'>郵件副本</p>
                        <label>
                            <input class='input-f' type="text" name="reply_mail_cc_str" value="" placeholder="請勿副本給廠商!" maxlength="300">
                        </label>
                        <div id="reply_show_mail_cc" class="" ></div>
                    </div>
                    <div class='boxsFull m-td-25'>
                        <p class='t-r-15 text-l p-d-10'><textarea name="quotation_reply" id="quotation_reply" rows="10" cols="60" tabindex="8" class="ckeditor"></textarea></p>

                        <script>
                        
                            //開啟回覆片語
                            function sales_reply_open_phrase(){
                                $('#myModel.templates').addClass('showModel');
                                $('#myModel.templates .model_boxs').removeClass('show');
                                $("#model_box_sales_reply_phrase").addClass("show");
                            }

                            function sales_reply_insert_content(){
                                CKEDITOR.instances["quotation_reply"].insertHtml(CKEDITOR.instances.quotation_content.document.getBody().getHtml());
                            }
                        </script>
                    </div>
                    <div class='boxsFull m-d-25'>

                        <div id="reply_quotation_file_list">
                        </div>
                    </div>
                    <div class='boxsFull m-d-25'>
                        <p class='t-r-15 boxsInline order-l p-d-10'>{{ trans('quotation.upload_file') }}</p>
                        <p class='t-file-g boxsInline order-r p-d-10'>{{ trans('quotation.file_remark') }}</p>
                        <div id="reply_file_list" class='updateBox'>

                        </div>
                        <p><div id="reply_fileuploader">Upload</div></p>
                    </div>


                    <div class='boxsFull m-td-25'>

                        <button type="button" class='btn-half-blue order-l' onclick="(function(_btn){doAction('closeQuotationReply', _btn);})(this);">{{ trans('common.close') }}</button>


                                <button type="button" class='btn-half-blue order-l' onClick="sales_reply_insert_content()" style="margin-left:30px; background:#34b785;">插入寄送詢價單內文</button>
                                <button type="button" class='btn-half-blue order-l' onClick="sales_reply_open_phrase()" style="margin-left:30px; background:#34b785;">選擇片語範本</button>
                                <!-- <button type="button" class='btn-half-blue icon-icon_mail order-r showTemplates' data-id='2'>&nbsp;{{ trans('quotation.select_sample') }}</button> -->

                        <button type="button" class='btn-half-blue order-r' onclick="(function(_btn , _ckInstance){doAction('replySend' , _btn , _ckInstance);})(this , CKEDITOR.instances['quotation_reply']);" style="margin-left:30px; background:#e99719;" >回覆</button>

                        <button type="button" class='btn-half-blue order-r' onclick="(function(_btn , _ckInstance){doAction('replySave' , _btn , _ckInstance);})(this , CKEDITOR.instances['quotation_reply']); " style="margin-left:30px;">存檔</button>

                    </div>
                </div>
            </div>

            <!-- 片語  光箱box_sales_reply -->
            <div id="model_box_sales_reply_phrase" class='model_boxs box_sales_reply'>
                <div class='boxsFull'>
                    <p class="t-blue-20 order-l">片語範本</p>
                    <!-- <div class='t-close icon-clear'></div> -->
                    <button class='btn-half-blue order-r' type="button" onClick="sales_reply_phrase_return()">&nbsp;返回&nbsp;</button>
                </div>

                <!-- 實線 -->


                <div class="boxsFull search-container searchNotMT m-d-25">
                    <div class='boxsFull'>
                        <input id="sales_reply_phrase_search" class='price_search90 phraseSearch sales_reply' type="text" placeholder="搜尋" name="search" data-holder=".boxsFull.phrase_template_sales_reply" data-loader=".loader.phrase_template_sales_reply" data-done=".btn-half-blue.phrase_template_sales_reply" data-ck="quotation_reply">
                        <button class='searchBtn price_icon' type="button"><i class="icon-search"></i></button>
                    </div>
                </div>

                <div class='boxsFull phrase_template_sales_reply m-d-10 over700'><!-- JS 動態插入 --></div>
                <div class="loader phrase_template_sales_reply">
                    <strong>
                        <span>Loading</span>
                        <span class="percent">100</span>%
                    </strong>
                </div><!-- 載入提示 -->
                <div class='boxsFull m-d-10'>
                    <button class='btn-half-blue phrase_template_sales_reply icon-search order-r' type="button" >&nbsp;確認</button>

                </div>
                <script language="javascript" type="text/template" id="sales_reply_phraseTemplate">
                    {!! $CommonPresenter -> getPhraseJSON($phraseList) !!}
                </script>
                <script language="javascript" type="text/javascript">
                /*
                    function sales_reply_phrase_click(){
                        var _ary = JSON.parse(document.getElementById('sales_reply_phraseTemplate').innerHTML);
                        var checkedInputs =$("#sales_reply_phraseTemplate .chooseCheck").find('input:checked');
                        console.log(checkedInputs);
                        var setCode = '';
                        if(checkedInputs.length > 0) {
                            checkedInputs.each(function(){
                                for(var i = 0;i<_ary.length;i++){
                                    if(_ary[i].key == Number(this.value)){
                                        setCode += _ary[i].data;
                                        break;
                                    }
                                }
                            });
                            consoloe.log(setCode);
                            CKEDITOR.instances['quotation_reply'].insertText(setCode);//折行轉換
                        }
                        checkedInputs.prop('checked' , false);
                        $('#myModel.templates .model_boxs').removeClass('show');
                        $("#model_box_sales_reply").addClass("show");

                    }*/

                    function sales_reply_phrase_return(){
                        //回到回覆
                        $('#myModel.templates').addClass('showModel');
                        $('#myModel.templates .model_boxs').removeClass('show');
                        $("#model_box_sales_reply").addClass("show");
                    }




                    (function(){
                        var _ary = JSON.parse(document.getElementById('sales_reply_phraseTemplate').innerHTML);
                        var _index = 0;
                        var _input = $('.price_search90.phraseSearch.sales_reply')[0];//關鍵字查詢欄位
                        var _holder = $($(_input).attr('data-holder'))[0];//產品項目容器
                        var _loader = $($(_input).attr('data-loader'))[0];//載入顯示
                        var _done = $($(_input).attr('data-done'))[0];//確認按鈕
                        var forId = Number(new Date().getTime() * Math.random()).toString(32);
                        var _pool;//所有的產品
                        var run_generateItem;
                        var timeout_look;

                        function init(){

                            _pool = $($(_input).attr('data-holder') + ' label.t-b-13-nw');
                            //_input.addEventListener('change' , looks , false);
                            _input.addEventListener('keyup' , looks , false);
                            _done.addEventListener('click' , appendToCk , false);
                            //console.log(_input , _holder , _done , _pool);
                        }
                        var wrapper = function(_props){
                            return '<div class="boxsFull text-l">'+ '\n' +
                                '<input class="chooseCheck" type="checkbox" id="' + forId + _props.key + '" name="" value="' + _props.key + '">'+ '\n' +
                                '<label class="t-b-13-nw" for="' + forId + _props.key + '">' + _props.label + '</label><br>'+ '\n' +
                                '<i class="splitLine_bl"></i>' + '\n' +
                                '</div>';
                        };

                        var  generateItem = function(){
                            var tmp;
                            var begin = _index;
                            _index += 10;
                            if(_index >= _ary.length) _index = _ary.length;
                            for(var i = begin;i<_index;i++){
                                tmp = wrapper(_ary[i]);
                                $(_holder).append(tmp);
                            }


                            $(_loader).find('.percent').text(Math.floor((_index / _ary.length)*10000)/100);
                            if(_index == _ary.length) {
                                $(_loader).hide();
                                clearInterval(run_generateItem);
                                init();//啟動
                            }
                        }
                        var appendToCk = function(e){
                            var _t = e.currentTarget;
                            var checkedInputs = $(_holder).find('input:checked');
                            var setCode = '';
                            if(checkedInputs.length > 0) {
                                checkedInputs.each(function(){
                                    for(var i = 0;i<_ary.length;i++){
                                        if(_ary[i].key == Number(this.value)){
                                            //setCode += _ary[i].data.replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g,"<br>");//html轉換
                                            setCode += _ary[i].data.replace(/(\r\n|\n\r|\r|\n)/g,"<br>");//html轉換
                                            break;
                                        }
                                    }

                                });

                                CKEDITOR.instances[$(_input).attr('data-ck')].insertHtml(setCode);
                            }

                            $(_t).closest('.showModel').removeClass('showModel');

                            checkedInputs.prop('checked' , false);
                            //維持頁面開啟
                            $('#myModel.templates').addClass('showModel');
                            $('#myModel.templates .model_boxs').removeClass('show');
                            $("#model_box_sales_reply").addClass("show");

                        }
                        var looks = function(e){
                            var _t = e.currentTarget;
                            var _value = _t.value;
                            var resAry = [];
                            var unResAry = [];
                            if(_value != ''){
                                timeout_look = setTimeout(function(){
                                    _pool.each(function(){
                                        if($(this).html().indexOf(_value) > -1) {
                                            resAry.push(this.parentElement);
                                        } else {
                                            unResAry.push(this.parentElement);
                                        }
                                    });
                                    $(resAry).removeClass('d-none');
                                    $(unResAry).addClass('d-none');
                                } , 250);
                            } else {
                                clearTimeout(timeout_look);
                                setTimeout(function(){
                                    _pool.each(function(){
                                        $(this.parentElement).removeClass('d-none');
                                        if($(this.parentElement).find('input').prop('checked') == true){
                                            $(_holder).prepend(this.parentElement);
                                        }
                                    });
                                    $(_holder).scrollTop(0);
                                } , 290);
                            }
                        }
                        run_generateItem = setInterval(generateItem , 25);
                    })();
                </script>
            </div>


            <script language="javascript" type="text/javascript">

            </script>
            <!-- 採購筆記 -->
            <div class='model_boxs box_5'>
                <div class='boxsFull'>
                    <p class="t-blue-20 order-l">採購筆記</p>
                    <div class='t-close icon-clear'></div>
                </div>

                <!-- 實線 -->


                <div class='boxsFull m-d-25'>
                    <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.customer_code') }}</p>
                    <label>
                        <input id="input_quotation_pickup_note_customer_code" class='input-f' type="" name="" value="">
                    </label>
                </div>
                <div class='boxsFull m-d-25'>
                    <p class='t-r-15 text-l p-d-10'>搜尋內容</p>
                    <label>
                        <input id="input_quotation_pickup_note_search" class='input-f' type="" name="" value="">
                    </label>
                </div>
                <div class='boxsFull m-d-25'>
                    <p class="t-r-15 text-l p-d-10">詢價類別</p>
                   <div class="select-style">
                        <select id="select_reply_quotation_type">
                            @foreach($quotationTypeList as $quotationType)
                            <option value="{{$quotationType->system_code_key}}">{{$quotationType->system_code_value}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class='boxsFull m-d-25'>
                    <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup.quotation_pickup_note_content') }}</p>
                    <div id="input_quotation_pickup_note_history" style="max-height:500px;overflow:scroll"></div>
                </div>
                                <div class="boxsFull">
                                        <a href="/setting/quotation_pickup_note/create" target="_blank" ><button class='btn-half-blue wF' type="button" >&nbsp;新增</button></a>
                </div>

                    <script language="javascript" type="text/javascript">
                        $(document).ready(function() {
                            $("#input_quotation_pickup_note_customer_code").change(getPickupNoteHistory);
                            $("#select_reply_quotation_type").change(getPickupNoteHistory);
                            $("#input_quotation_pickup_note_search").change(getPickupNoteHistory);
                        });

                        function getPickupNoteHistory(){
                            $.ajax({
                                url: '/setting/quotation_pickup_note/ajaxGetQuotationPickupNote',
                                data : {
                                    license_id: "",
                                    customer_code : $("#input_quotation_pickup_note_customer_code").val(),
                                    quotation_type : $("#select_reply_quotation_type").val(),
                                    search:$("#input_quotation_pickup_note_search").val(),
                                },
                                method : 'GET',
                                dataType : 'json',
                                success: function(data){
                                    if(data.success){
                                        $("#input_quotation_pickup_note_history").html('');//清空！
                                        let html="";
                                        for(var i in data.data_list){
                                            html+="<p style=\"text-align:left\">"+data.data_list[i].date+" "+data.data_list[i].customer_code+"</p>";
                                            //html+="<p style=\"text-align:left\">"+data.data_list[i].content.replaceAll("<br>", "\n")+"</p>";
                                            html+="<p style=\"text-align:left\">"+data.data_list[i].content+"</p><br>";
                                            for(var j in data.data_list[i].file_list){
                                                let link="{{ url('/') }}/storage/quotation_pickup_note/"+data.data_list[i].file_list[j].full_path;
                                                html+='<div class="boxsFull mu-file show">';
                                                html+='    <p class="t-file"><a target="_blank" href='+link+'>'+data.data_list[i].file_list[j].file_name+'</a></p>';
                                                html+='    <button class="icon-cancel del" type="button" onClick="file_delete('+data.data_list[i].file_list[j].file_id+')"></button>';
                                                if(data.data_list[i].file_list[j].is_img)
                                                    html+='    <a target="_blank" href='+link+'><img src="'+link+'" style="width:200px"></img></a>';
                                                html+='</div>';
                                            }
                                        }
                                        $("#input_quotation_pickup_note_history").html(html);


                                    }else{
                                        alert("讀取採購筆記時發生錯誤"+data.message);
                                    }
                                }
                            });
                        }
                                            </script>
            </div>
        </div>
    </div>
@endsection