@extends('brackets/admin-ui::admin.layout.default')

@section('title', trans('admin.customer.actions.edit', ['name' => $customer->name]))

@section('body')
	<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.7.2/dropzone.min.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.7.2/min/dropzone.min.js"></script>
    <script>
		
		Dropzone.options.dropzone =
         {
			maxFilesize: 1,
			acceptedFiles: ".xlsx",
			//addRemoveLinks: true,
			//timeout: 5000,
			success: function(file, response) 
			{
				var not_exist_good=response["success"];
				var message="找不到以下貨品:\n";
				$.each( not_exist_good, function( key, value ) {
					message+=value+"\n";
				  //alert( key + ": " + value );
				});
				if(not_exist_good.length > 0)
					alert(message);
				console.log(response);
			},
			error: function(file, response)
			{
				//alert(response);
			   return false;
			}
		};
    </script>
	<style>
        .dropzone {
            background: #e3e6ff;
            border-radius: 13px;
            max-width: 550px;
            margin-left: auto;
            margin-right: auto;
            border: 2px dotted #1833FF;
            margin-top: 50px;
        }
    </style>
    <div class="container-xl">
        <div class="card">

            <customer-form
                :action="'{{ $customer->resource_url }}'"
                :data="{{ $customer->toJson() }}"
                v-cloak
                inline-template>
            
                <form autocomplete="off" class="form-horizontal form-edit" method="post" @submit.prevent="onSubmit" :action="action" novalidate>


                    <div class="card-header">
                        <i class="fa fa-pencil"></i> {{ trans('admin.customer.actions.edit', ['name' => $customer->name]) }}
                    </div>

                    <div class="card-body">
                        @include('admin.customer.components.form-elements')
                    </div>
                    
                    
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary" :disabled="submiting">
                            <i class="fa" :class="submiting ? 'fa-spinner' : 'fa-download'"></i>
                            {{ trans('brackets/admin-ui::admin.btn.save') }}
                        </button>
						<button class="btn btn-primary print_customer" accesskey="P">打印</button>
						
						
						                     		
                    </div>
					
					
                </form>
				
        </customer-form>
			<div class="card-body">
				<a class="btn btn-primary" href="{{ url('admin/quotations/customerExport?customer_id='.$customer->id) }}" role="button"><i class="fa fa-file-excel-o"></i>&nbsp; {{ trans('admin.quotation.actions.export') }}</a>

				<div width="100%">
							<form action="/admin/quotations/customerUpload" class="dropzone" id="dropzone" enctype="multipart/form-data">
								@csrf
								<input type="hidden" name="customer_id" id="customer_id" value="{{$customer->id}}">
								<div class="dz-message">
									拉入或上傳報價單<br>
								</div>
							</form>
						</div>
				<div>

        </div>
    
</div>

@endsection