@extends('setting.layouts.layout')
@section('title',trans('quotation_pickup_note.title'))
@section('script_css')
<link href="/assets/plugins/jquery-upload-file/4.0.11/uploadfile.css" rel="stylesheet">

@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 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_pickup_note_id="{{$data->quotation_pickup_note_id}}";
        function doAction(type)
        {
            switch(type)
            {
                case "update":
                    $("#dataForm").attr("action", url + "/updateAction");
                    $("#dataForm").submit();
                    break;
                case "cancel":
                    window.location = url;
                    return;
                default:
                    alert("{{ trans('common.parameter_error') }}");
                    return;
            }

            return;
        }

        $(document).ready(function() {
            $('button[data-action]').on('click', function() {
                doAction($(this).attr('data-action'));
            });
            //wrenlin
            $('select').select2();
            updateFile();
            
            //檔案上傳
            $("#fileuploader").uploadFile({
                url:base_url+"/setting/quotation_pickup_note/ajaxFileUpload",
                formData: {"_token": "{{ csrf_token() }}", "quotation_pickup_note_id":quotation_pickup_note_id},
                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_note/ajaxRemoveFile", {"_token": "{{ csrf_token() }}","quotation_pickup_note_id":quotation_pickup_note_id,"fileName": data[i]},
                            function (resp,textStatus, jqXHR) {
                                //Show Message	
                                alert("檔案已刪除");
                            });
                    }
                    pd.statusbar.hide(); //You choice.

                },onSuccess:function(files,data,xhr,pd)
                {
                    updateFile();
                },
            });
        });
        
        function updateFile(){
            
           $.ajax({
               type: "GET",
               url:  base_url+"/setting/quotation_pickup_note/ajaxGetFile",
               data: {  "quotation_pickup_note_id":quotation_pickup_note_id },
               dataType:"json",
               success: function(data)
               {
                   if(data.success){
                      
                    
                    //顯示檔案
                    $("#file_list").empty();
                    for(var i in data.file_list){
                        html="";
                        let link="{{ url('/') }}/storage/quotation_pickup_note/"+data.file_list[i].full_path;
                        html+='<div class="boxsFull mu-file show">';
                        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>';
                        $("#file_list").append(html);
                    }
                    
                   
                   }else{
                       console.log("ajax updateContent error ");
                       console.log(data);
                   }
               }
             });
        }
        
        function file_delete(file_id){

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

        }
    </script>
@endsection
@section('buttons')
@endsection
@section('content')
    <div class='block-r'>
        <div class='centBoxs'>
            <div class='boxsFull'>
                <p class="t-blue-20 p-d-30">{{ trans('quotation_pickup_note.update_quotation_pickup_note') }}</p>
            </div>

            <form name="dataForm" id="dataForm" method="post" enctype="multipart/form-data">
                @include('components.validationErrorMessage')
                {!! csrf_field() !!}
                <input type="hidden" name="key" id="key" value="{{ $data -> quotation_pickup_note_id }}">
                <div class='boxsFull'>
                    <div class='boxsFull m-d-25'>
                        <div class='boxs30'>
                            <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup_note.customer_code') }}</p>
                            <label>
                                <input class='input-f' type="text" name="customer_code" value="{{ old('customer_code', $data -> customer_code) }}" placeholder="{{ trans('quotation_pickup_note.customer_code') }}" maxlength="100">
                            </label>
                        </div>
                        <div class='boxs30'>
                            <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup_note.quotation_type') }}</p>
                            <div class="select-style">
                                <select class="form-control" name="quotation_type" required>
                                    <option value="null">{{ trans('common.unselected') }}</option>
                                    @foreach($quotationTypeList as $list)
                                        <option value="{{ $list -> system_code_key }}" @if($data -> quotation_type == $list -> system_code_key) selected @endif>{{ $list -> system_code_value }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class='boxsFull m-d-25'>
                        <p class='t-r-15 text-l p-d-10'>{{ trans('quotation_pickup_note.quotation_pickup_note_content') }}</p>
                        <textarea class='input-f' name="quotation_pickup_note_content" rows="6" cols="40" placeholder="{{ trans('quotation_pickup_note.quotation_pickup_note_content') }}" maxlength="10000">{{ old('quotation_pickup_note_content', $data -> quotation_pickup_note_content) }}</textarea>
                    </div>
                    <div class='boxsFull m-d-25'>
                        <p class='t-r-15 boxsInline order-l p-d-10'>檔案</p>
                        <div id="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>

                <div class='boxsFull m-td-25'>
                    <button class='btn-half-blue order-r' data-action="update">{{ trans('common.update') }}</button>
                </div>
            </form>
        </div>
    </div>
@endsection