@extends('layout.master')
@section('title',__('basic.Purchase'))

@section('content-title')
	<span>{{ __('basic.Purchase') }}</span>
@endsection

@php 
	$role = explode(',', session()->get('role_id')); 
@endphp

{{-- 清單頁 --}}
@section('content')
	<link rel="stylesheet" type="text/css" href="{{ asset('css/stock.css') }}" />

	<script type='text/javascript'>
		form_obj.module='Purchase';
		form_obj.controller='PurchaseController';
		form_obj.route_name='{{ basename(url()->current()) }}';
		form_obj.use_dialog=false;
		// form_obj.use_dialog=true;

		form_obj.detail.ajax.save = function(){

			if(!$('#'+form_obj.detail.form_id)[0].checkValidity()){
				$('.detail_loading_mask').loading('stop');
				$('#'+form_obj.detail.form_id+' #'+form_obj.detail.sb_btn).click();
			}else{
				var formData = new FormData($('#'+form_obj.detail.form_id)[0]);
				formData.append('module',form_obj.module);
				formData.append('controller',form_obj.controller);
				formData.append('type',formData.get(form_obj.detail.type_id));
				formData.append('id',formData.get(form_obj.detail.master_id));
				formData.append('print_log',false);

				$.ajax({
					data:formData,
					datatype: 'json',
					contentType: false,
					processData: false,
					success:function(data,textStatus,jqXHR){
						if(isJson(data)){
							var json = JSON.parse(data);
							alert(json.msg);
							if(json.status){
								parent.$.fn.colorbox.close();//關閉視窗
								location.reload();
							}else{
								console.log(json.data);
								$('.detail_loading_mask').loading('stop');
							}
						}else{
							console.log(data);
							$('.detail_loading_mask').loading('stop');
						}
					},
					error:ajaxError
				});
			}

		}

		form_obj.detail.ajax.get = function(){
			// console.log($('#'+form_obj.detail.master_id).val());
			$.ajax({
				data:{
					module:form_obj.module,
					controller:form_obj.controller,
					type:'read',
					where:{
						id:$('#'+form_obj.detail.master_id).val(),
					},
					print_log:false,
				},
				success:function(data,textStatus,jqXHR){
					// console.log(data);
					if(isJson(data)){
						var json = JSON.parse(data);
						form_obj.detail.displayData(json['data']['list'][0]);
						// openDialog('update','{{ __('basic.EDIT') }}',form_obj.detail);

						$( "#"+form_obj.master.form_id).hide();
						$( "#normal_detail").show();

						$('#'+form_obj.detail.type_id).val('update');
						

						if(json['data']['list'][0]['status']!=1) {
							$('input').not('[type=hidden]').prop( "disabled", true );
					        // $('input').not('[type=hidden],[id="code"]').prop( "disabled", false );
					        $('.panel button').prop( "disabled", true );
					        $('select').prop( "disabled", true );
					        $('.input-x-img').remove();
					        $('.detail_add_btn').remove();
					        $('.detail_del_btn').remove();

					        $('select').trigger('chosen:updated');

							$('.receive_btn').hide();
							$('.save_btn').hide();
						}
						else {
							$('#detail_ctrl .receive_btn').show();
							$('#detail_ctrl .save_btn').hide();
						}
						
					}else{
						console.log(data);
					}
				},
				error:ajaxError
			});
		}

		form_obj.detail.displayData = function(data){
			$('input,textarea,select').not('[type="checkbox"]').each(function(){
				if(this.id in data){
					this.value = data[this.id];
					if(this.multiple)
					{
						$(this).val(data[this.id].split(','));
					}
					if(this.id=='invoice_city' || this.id=='contact_city'){
						$(this).chosen().change();
					}

					if($('.'+this.id+'_span').length>0){
						if(this.id=='total_amount') {
							$('.'+this.id+'_span').text(appendFormat(data[this.id],','));
						}
						else {
							$('.'+this.id+'_span').text(data[this.id]);
						}
					}
				}
			});

			$('input[type="checkbox"]').each(function(i,o){
				if(o.name.indexOf('meta[')>=0){
					var field = '';
					if($(o).data('field')!=undefined){
						field = $(o).data('field');
					}else{
						field = o.id;
					}

				}else{
					field = o.name;
				} 
				if(data[field]==undefined)return;

				if(data[field]==o.value){
					o.checked=true;
				}					
			});

			//日曆套件更新日期
			$('.date_picker').each(function(i,o){
				if($('#'+o.id).val()!=''){
					$(this).data('daterangepicker').setStartDate($('#'+o.id).val());
					$(this).data('daterangepicker').setEndDate($('#'+o.id).val());
				}
			});


			if(!empty(data['detail'])){ 
				for(var i=0; i<data['detail'].length; i++) {
					var detail = data['detail'][i];

					if(i>0){
						add_row();
						detail_btn_click();
					}

					$.each(detail, function( key, value ) {
						$($('#recipe_detail').find('div.row')[i]).find('.detail_'+key).val(value);	

						if($('.detail_'+key+'_span').length>0){

							if(key=='amount') {
								$('.detail_'+key+'_span')[i].innerHTML = appendFormat(value,',');
							}
							else {
								$('.detail_'+key+'_span')[i].innerHTML = value;
							}
						}	
					});
				}
			}

			$('.select_item').trigger("change");
			if(data['status']==1) {
				$('.detail_stock_id').trigger("change");
			}

			//chosen更新
			$('select').trigger('chosen:updated');
		}

		form_obj.detail.ajax.delete = function(){
			$.ajax({
				data:{
					module:form_obj.module,
					controller:form_obj.controller,
					type:$('#'+form_obj.detail.type_id).val(),
					where:{
						id:$('#'+form_obj.detail.master_id).val(),
					},
					print_log:false,
				},
				success:function(data,textStatus,jqXHR){
					if(isJson(data)){
						var json = JSON.parse(data);
						alert(json.msg);
						if(json.status){
							location.reload();
						}else{
							console.log(json.data);
							$('.loading-mask').loading('stop');
						}
					}else{
						console.log(data);
						$('.loading-mask').loading('stop');
					}
					
				},
				error:ajaxError
			});
		}	
		
		$(function(){
			do_js_action(form_obj.route_name+'-$function-start');
			
			//Button Events move to resource/views/layout/master.blade.php

			$('.add_btn').click(function(){
				$('#account').prop('disabled',false);
				$('#account').parents('.input-div').removeClass('disabled');
				$('#password').attr('placeholder','');

				// openDialog('create','{{ __('basic.ADD') }}',form_obj.detail,'');
				$( "#"+form_obj.master.form_id).hide();
				$( "#normal_detail").show();

				$('#'+form_obj.detail.type_id).val('create');

				$('#detail_ctrl .save_btn').show();
				$('#detail_ctrl .receive_btn').hide();

				$('.select_item').trigger("change");
			});

			$('#note_id').change(function(){

				var id = this.value;
				var desc_item = $(this).data('item');

				$('#'+desc_item).val('');

				if(id=='') return;

				$.ajax({
					data:{
						module:'Set',
						controller:'NoteController',
						type:'read',
						where:{
							id:id,
						},
						print_log:false,
					},
					success:function(data,textStatus,jqXHR){
						console.log(data);
						if(isJson(data)){
							var json = JSON.parse(data);

							if(json['data']['list'].length<=0) return;

							var data = json['data']['list'][0];

							$('#'+desc_item).val(data.description);

						}else{
							console.log(data);
						}
					},
					error:ajaxError
				});

			});

			$('.add_note').on('click', function(){
				$.colorbox({
					iframe:true,
					href : '/set.note?open_colorbox_window=1',
					// html : '<h1>Hello lightbox!!!</h1>', //在燈箱中要顯示的html字段
				   	width : "90%", //燈箱中間區塊的寬度
				   	height : "90%", //燈箱中間區塊的高度


				   	onOpen: function() {
	                  	// $("#open_colorbox_window").val(1);
	                },
				   	onClosed : function(){ //當燈箱關閉時的callback funtion
				   		// $("#open_colorbox_window").val(0);
				    	getNote();
				   	}
				});
		 	});

			$('.select_item').change(function(){

				var obj = $(this).data('item');
				$("."+obj+"_output").each(function(){
					$(this).val('');
					$(this).text('');
				});

				if(this.value=='') return;
				
				$('.'+obj+'_name_span').text($(this).find(":selected").text());

				switch(obj) {
					case 'sale_point':
						var module = 'Sale';
						var controller = 'SalePointController';
						break;
					case 'partner':
						var module = 'Purchase';
						var controller = 'PartnerController';
						break;
				}

				$.ajax({
					data:{
						module:module,
						controller:controller,
						type:'read',
						where:{
							id:this.value,
						},
						print_log:false,
					},
					success:function(data,textStatus,jqXHR){
						// console.log(data);
						if(isJson(data)){
							var json = JSON.parse(data);
							if(json['data']['list'].length<=0) return;

							var data = json['data']['list'][0];

							$.each(data,function(key,value){

								$('.'+obj+'_'+key).val(value);
								if($('#'+obj+'_'+key+'_span').length>0){
									$('#'+obj+'_'+key+'_span').text(value);
								}
							})

						}else{
							console.log(data);
						}
					},
					error:ajaxError
				});
			});

			$('.receive_btn').click(function(){	

				var formData = new FormData($('#'+form_obj.detail.form_id)[0]);
				formData.append('module',form_obj.module);
				formData.append('controller',form_obj.controller);
				formData.append('type','receive');
				formData.append('id',formData.get(form_obj.detail.master_id));
				formData.append('print_log',false);

				$.ajax({
					data:formData,
					datatype: 'json',
					contentType: false,
					processData: false,
					success:function(data,textStatus,jqXHR){
						if(isJson(data)){
							var json = JSON.parse(data);
							alert(json.msg);
							if(json.status){
								location.reload();
							}else{
								console.log(json.data);
								$('.detail_loading_mask').loading('stop');
							}
						}else{
							console.log(data);
							$('.detail_loading_mask').loading('stop');
						}
					},
					error:ajaxError
				});
			});

			$('.receive_btn_sch').click(function(){

				var formData = new FormData();
				formData.append('module',form_obj.module);
				formData.append('controller',form_obj.controller);
				formData.append('type','receive_multiple');
				formData.append('print_log',false);

				var counter = 0;
				$('.checkbox_btn').each(function(){
					if($('#'+$(this).data('key')).prop('checked')) {

						formData.append('receive_id[]',$('#'+$(this).data('key')).val());
						formData.append('receive_type[]',$(this).data('type'));

						counter++;
					}
				});

				if(counter<=0) {
					alert('{{ __('basic.PleaseChoiceOrder')."!" }}');
					return;
				}

				$.ajax({
					data:formData,
					datatype: 'json',
					contentType: false,
					processData: false,
					success:function(data,textStatus,jqXHR){
						if(isJson(data)){
				
							var json = JSON.parse(data);
							alert(json.msg);
							if(json.status){
								location.reload();
							}else{
								console.log(json.data);
								$('.detail_loading_mask').loading('stop');
							}
						}else{
							console.log(data);
							$('.detail_loading_mask').loading('stop');
						}
					},
					error:ajaxError
				});

			});

			$('.cancel_btn_sch').click(function(){

				var formData = new FormData();
				formData.append('module',form_obj.module);
				formData.append('controller',form_obj.controller);
				formData.append('type','cancel_multiple');
				formData.append('print_log',false);

				var counter = 0;
				$('.checkbox_btn').each(function(){
					if($('#'+$(this).data('key')).prop('checked')) {

						formData.append('receive_id[]',$('#'+$(this).data('key')).val());
						formData.append('receive_type[]',$(this).data('type'));

						counter++;
					}
				});

				if(counter<=0) {
					alert('{{ __('basic.PleaseChoiceOrder')."!" }}');
					return;
				}

				$.ajax({
					data:formData,
					datatype: 'json',
					contentType: false,
					processData: false,
					success:function(data,textStatus,jqXHR){
						if(isJson(data)){
				
							var json = JSON.parse(data);
							alert(json.msg);
							if(json.status){
								location.reload();
							}else{
								console.log(json.data);
								$('.detail_loading_mask').loading('stop');
							}
						}else{
							console.log(data);
							$('.detail_loading_mask').loading('stop');
						}
					},
					error:ajaxError
				});

			});

			//狀態快速篩選
			$('.sch_status').click(function(){

				$('.nav-item').removeClass('active'); 
				$(this).parent(".nav-item").addClass("active");

				var cond = {};
				if(String($(this).data('value'))!='') {
					cond['status'] = $(this).data('value');
				}

				var date_range = $('.filter_date').val();
				if(date_range!='') {
	　				var date_arr = date_range.split("~");

					cond['filter_date'] = [];
					for(var c=0; c<date_arr.length; c++) {
						cond['filter_date'].push(date_arr[c]);
					}
				}

				refressh_table(cond);
			})

			//篩選
			$('.search_btn').click(function(){

				var cond = {};
				$('.filter').each(function() {

					if($(this).attr('type')=='checkbox') {

						if($(this).prop("checked")) {
							// console.log(cond[this.name]);
							if(cond[this.name]==undefined) {
								cond[this.name] = [];
							}

							cond[this.name].push($(this).val());
						}
					}
					else {

						if($(this).val()!='') {

							if(this.name!='filter_stock') {
								switch(this.name) {
									case "filter_b_amount":
										column   = 'purchase.total_amount';
										operator = '>=';
										break;

									case "filter_e_amount":
										column   = 'purchase.total_amount';
										operator = '<=';
										break;

									case "filter_supplier":
										column   = 'partner.name';
										operator = '=';
										break;
								}

								cond[this.name] = [column,operator,$(this).val()];
							}
							else {
								if(cond['raw']==undefined) {
									cond['raw'] = [];
								}

								cond['raw'].push('purchase.id in (select purchase_id from purchase_detail join stock on purchase_detail.stock_id = stock.id where purchase.id = purchase_detail.purchase_id and (stock.name = "'+$(this).val()+'" or stock.code = "'+$(this).val()+'"))');
							}
						}
					}
				});

				var date_range = $('.filter_date').val();
				if(date_range!='') {
	　				var date_arr = date_range.split("~");

					cond['filter_date'] = [];
					for(var c=0; c<date_arr.length; c++) {
						cond['filter_date'].push(date_arr[c]);
					}
				}

				$('.nav-item').removeClass('active');
				$($('.nav-item')[0]).addClass('active');

				refressh_table(cond);
				
				$('.filter-mask').trigger('click');
			});

			//日期篩選
			$('.filter_date').change(function(){

				var status = $(".nav-item.active").find('a').data('value');

				var cond = {};
				if(String(status)!='') {
					cond['status'] = $(this).data('value');
				}

				var date_range = $(this).val();
				if(date_range!='') {
	　				var date_arr = date_range.split("~");

					cond['filter_date'] = [];
					for(var c=0; c<date_arr.length; c++) {
						cond['filter_date'].push(date_arr[c]);
					}
				}

				refressh_table(cond);
			})

			$('.export_btn').click(function(){

				var export_type = $(this).data('key');

				var cond = {};

				$.ajax({
					data:{
						module:form_obj.module,
						controller:form_obj.controller,
						type:'export',
						where:cond,
						print_log:true,
						export_type:export_type,
					},
					success:function(data,textStatus,jqXHR){
						// console.log(data);
						if(isJson(data)){
							var json = JSON.parse(data);
							if(json.status){

							}else{
								console.log(json.data);
								$('.detail_loading_mask').loading('stop');
							}
						}else{
							console.log(data);
							$('.detail_loading_mask').loading('stop');
						}
					},
					error:ajaxError
				});

			});

			//////////////////////
			detail_btn_click();

			//篩選日期
			$("input.filter_date").daterangepicker({
				alwaysShowCalendars: true,
				startDate: moment(),
				endDate: moment(),
				showMonthAfterYear:true,
				showDayInHeader:true,

				showDropdowns:false, //年月用下拉的
				showDateInputs:true, //年月日用編輯的
				autoApply:true,
				opens:'center',

				yearPostfix:'',
				yearSuffix:'/',
				monthSuffix:'/',
				daySuffix:'',

				isChineseYear:false,//國曆顯示
				ranges: {
				"{{ __('basic.Today') }}": [moment(), moment()],
				"{{ __('basic.Last7Days') }}": [moment().subtract(6, "days"), moment()],
				"{{ __('basic.Last28Days') }}": [moment().subtract(27, "days"), moment()],
				"{{ __('basic.ThisMonth') }}": [moment().startOf("month"), moment().endOf("month")],
				"{{ __('basic.LastMonth') }}": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")]
				},
				template:''+
					'<div class="daterangepicker">' +
					    '<div class="ranges"></div>' +
					    '<div class="drp-calendar left">' +
					        '<div class="calendar-table-header"></div>' +
					        '<div class="calendar-table"></div>' +
					        '<div class="calendar-time"></div>' +
					    '</div>' +
					    '<div class="drp-calendar right">' +
					        '<div class="calendar-table-header"></div>' +
					        '<div class="calendar-table"></div>' +
					        '<div class="calendar-time"></div>' +
					    '</div>' +
					    '<div class="drp-buttons">' +
					        '<span class="drp-selected"></span>' +
					        '<button class="cancelBtn" type="button"></button>' +
					        '<button class="applyBtn" disabled="disabled" type="button"></button> ' +
					    '</div>' +
					'</div>',
				locale: {
					format: 'YYYY-MM-DD',
					monthNames: ['01','02','03','04','05','06','07','08','09','10','11','12'],
					firstDay:0,
					daysOfWeek: ['S','M','T','W','T','F','S'],
					customRangeLabel: "{{ __('basic.CustomRange') }}",
					separator: "~",
				},
			});

			do_js_action(form_obj.route_name+'-$function-end');
		});

		function add_row(){
			$($('#recipe_detail').find('div.row').clone()[0]).appendTo($('#recipe_detail'));//新一列
			$($('#recipe_detail').find('div.row')[$('.detail_add_btn').length-1]).find('input').val('');//清空最新列input
			$($('#recipe_detail').find('div.row')[$('.detail_add_btn').length-1]).find('span').text('');//清空最新列span

			//reset chosen
			$($('#recipe_detail').find('div.row')[$('.detail_add_btn').length-1]).find('.chosen-container-single').remove();
			$($('#recipe_detail').find('div.row')[$('.detail_add_btn').length-1]).find('select').chosen({width:'100%',search_contains:true});
			$($('#recipe_detail').find('div.row')[$('.detail_add_btn').length-1]).find('select').parent().css('overflow','visible');


			//排序編號重置
			$('.detail_item_index').each(function(i,o){
				o.innerHTML=i+1;
			});
		}

		function detail_btn_click(){
			$('.detail_add_btn').unbind('click');
			$('.detail_del_btn').unbind('click');

			$('.detail_add_btn').click(function(){
				add_row();
				detail_btn_click();//新的按鈕也要掛載
			});

			$('.detail_del_btn').unbind('click').click(function(){
				var index = $('.detail_del_btn').index(this);
				//只剩一個不刪
				if($('.detail_del_btn').length==1)return;

				$($('#recipe_detail').find('div.row')[index]).remove();

				//排序編號重置
				$('.detail_item_index').each(function(i,o){
					o.innerHTML=i+1;
				});
			})

			$(".input-div").mouseover(function(){
				$('.input-div').find('.input-x-img').hide();
				$(this).not('.disabled').find('.input-x-img').show();
			});

			$('.input-x-img').click(function(){
				$(this).siblings('input').val(""); 
				$(this).hide();
			});


			$('.detail_select').unbind('change');
			$('.detail_select').chosen().change(function(){
				var o = $('.detail_select');

				// console.log(this);
				if(o[o.length-1].value==''){
					if(o.length>1 && o[o.length-2].value==''){
						$('.detail_del_btn')[o.length-1].click();
					}else{
						return;
					}
				}else if(o[o.length-1].value!=''){
					add_row();
					detail_btn_click();
				}
			});
			

			detail_stock_select();
		}

		function detail_stock_select(){

			$('.detail_unit_price').unbind('change').change(function(){

				var index     = $('.detail_unit_price').index(this);
				var unit_cost = this.value;
				var qty       = $($('.detail_qty')[index]).val();


				calculate_cost_total(index,unit_cost,qty);
			});

			$('.detail_qty').unbind('change').change(function(){

				var index     = $('.detail_qty').index(this);
				var qty       = this.value;
				var unit_cost = $($('.detail_unit_price')[index]).val();


				calculate_cost_total(index,unit_cost,qty);
			});
		}

		function calculate_cost_total(index,unit_cost,qty){

			var total_cost = unit_cost * qty;

			$($('.detail_amount')[index]).val(total_cost);
			$($('.detail_amount_span')[index]).text(appendFormat(total_cost,','));

			var total_qty = total_amount = 0;
			$('.detail_amount').each(function(){

				if(this.value=='') return;

				var index = $('.detail_amount').index(this);
				total_amount += parseFloat(this.value);
				total_qty += parseFloat($($('.detail_qty')[index]).val());
			});

			$('#total_qty').val(total_qty);
			$('#total_amount').val(total_amount);
			$('.total_amount_span').text(appendFormat(total_amount,','));
		}


		function getNote(){
			$.ajax({
				data:{
					module:'Set',
					controller:'NoteController',
					type:'read',
					where:{
						// id:$('#'+form_obj.detail.master_id).val(),
					},
					print_log:false,
				},
				success:function(data,textStatus,jqXHR){
					console.log(data);
					if(isJson(data)){
						var json = JSON.parse(data);

						var return_str = getOption(json['data']['list'],'id','name','','{{__('basic.PleaseChoice')}}');
						$('#note_id').html(return_str);

						//chosen更新
						$('select').trigger('chosen:updated');

					}else{
						console.log(data);
					}
				},
				error:ajaxError
			});
		}

		function refressh_table(cond={}){

			$.ajax({
				data:{
					module:form_obj.module,
					controller:form_obj.controller,
					type:'read',
					where:cond,
					print_log:true,
				},
				success:function(data,textStatus,jqXHR){
					// console.log(data);
					if(isJson(data)){
						var json = JSON.parse(data);
						if(json.status){

							var data = [];
							$.each( json.data.list, function(index,row) {

								var checkbox_img = cancel_img = '';
								if(row.status==1) {
									checkbox_img = '<img src="'+'{{ asset('image/icon_act_checkbox-off_lm.png')}}'+'" data-key="'+row.id+'" data-type="Purchase" class="cursor-pointer checkbox_btn search-ctrl-img"><input type="checkbox" id="'+row.id+'" value="'+row.id+'" style="display: none;" >';
									cancel_img   = '<img src="'+'{{ asset('image/icon_act_cancel_lm.png')}}'+'" data-key="'+row.id+'" class="cursor-pointer remove_btn search-ctrl-img">';
								}

								switch(row.status) {
									case 0:
										cr_class = 'danger-color';
										status_name = 'CANCELED'
										break;
									case 1:
										cr_class = 'orange-color';
										status_name = 'ORDERED';
										break;
									case 2:
										cr_class = 'safe-color';
										status_name = 'RECEIVED';
										break;
								}

								var status_div = '<div class="both-middle"><button type="button" class="btn btn-sm both-middle list-qty-col '+cr_class+'" >'+status_name+'</button></div>';
								var code_div = '<input type="hidden" class="data_id" value="'+row.id+'" /><a href="javascript:void(0)" data-key="'+row.id+'" class="edit_btn" style="display: none;"></a>';

								row_data = {
                                    'checkbox':checkbox_img,
                                    'code':code_div+row.code,
                                    'date':row.purchase_date,
                                    'sale_point_name':row.sale_point_name,
                                    'partner_name':row.partner_name,
                                    'status':status_div,
                                    'total_cost':appendFormat(row.total_amount,','),
                                    'cancel':cancel_img,
                                }; 

                                data.push(row_data);
							});

							//清除資料
							$('.data_table').bootstrapTable('removeAll');
							$('.data_table').bootstrapTable('append',data); 

						}else{
							console.log(json.data);
							$('.detail_loading_mask').loading('stop');
						}
					}else{
						console.log(data);
						$('.detail_loading_mask').loading('stop');
					}
				},
				error:ajaxError
			});
		}

		add_js_action('master-data_table_event_post_body-start',function(){

			//狀態快速篩選區塊
			$('.search').css('top','-113px');
			$('.search').css('height','0');
			$('.search').css('margin-top','0px');
			$('.search').css('margin-bottom','0px');
			
			$('.bs-bars').css('width','100%');
			$('.bs-bars').css('margin-bottom','0px');

			$('.bootstrap-table .fixed-table-container .data_table').css('border-radius','0 0 6px 6px');

		});
	</script>

	<style type="text/css">

		.daterangepicker {
			width: 746px;
		}

		.daterangepicker .drp-calendar {
			width: unset;
		}

	</style>
	
	<form id="fm" name='fm' action='{{ url('project.project_type') }}' method="post" enctype="multipart/form-data">
		@csrf @method('GET')
		
		<input type='hidden' id='type' name='type' value='' />
		<input type='hidden' id='master_id' name='master_id' value='' />

		{{-- <div class="container-fluid">
			<div class='row' style="margin-top: 20px;">
				<div class='col-6'>
					<div class='align-middle status-nav sch'>
						<ul class="nav nav-pills">
							<li class="nav-item active">
								<a class="nav-link sch_status" data-value='' href="javascript:void(0)">ALL</a>
							</li>
							<li class="nav-item">
								<a class="nav-link sch_status" data-value='1' href="javascript:void(0)">ORDERED</a>
							</li>
							<li class="nav-item">
								<a class="nav-link sch_status" data-value='2' href="javascript:void(0)">RECEIVED</a>
							</li>
							<li class="nav-item">
								<a class="nav-link sch_status" data-value='0' href="javascript:void(0)">CANCELED</a>
							</li>
						</ul>
					</div>
				</div>
				<div class='col-3'></div>
				<div class='col-3'>
					<div class='input-div align-middle sch'>
						<input class="filter_date form-control" type="text" id="filter_date" name="filter_date" />
					</div>
				</div>
			</div>
		</div> --}}


		<div class='toolbar'>
			<div class='align-middle' style="justify-content: flex-end;">

				<button type='button' class='btn btn-sm toolbar-basic-btn extra-btn both-middle filter_btn' >
					<span>{{ strtoupper(__('basic.FILTER')) }}</span> &nbsp
					<svg height="24px" version="1.1" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><title/><rect fill="#464646" height="6" rx="2" width="6" x="2" y="6"/><rect fill="#464646" height="6" rx="2" width="6" x="9" y="12"/><rect fill="#464646" height="6" rx="2" width="6" x="16" y="7"/><rect fill="#464646" height="2" width="2" x="4" y="2"/><rect fill="#464646" height="8" width="2" x="4" y="14"/><rect fill="#464646" height="2" width="2" x="11" y="20"/><rect fill="#464646" height="8" width="2" x="11" y="2"/><rect fill="#464646" height="3" width="2" x="18" y="2"/><rect fill="#464646" height="7" width="2" x="18" y="15"/></svg>
				</button>

				{{-- 
				<button type='button' class='btn btn-sm toolbar-basic-btn extra-btn both-middle' >
					<span>{{ __('basic.EXPORT') }}</span> &nbsp
					<svg height="18px" version="1.1" viewBox="0 0 18 18" width="18px" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns:xlink="http://www.w3.org/1999/xlink"><title/><desc/><defs/><g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1"><g fill="#666666" id="Core" transform="translate(-87.000000, -213.000000)"><g id="exit-to-app" transform="translate(87.000000, 213.000000)"><path d="M7.1,12.6 L8.5,14 L13.5,9 L8.5,4 L7.1,5.4 L9.7,8 L0,8 L0,10 L9.7,10 L7.1,12.6 L7.1,12.6 Z M16,0 L2,0 C0.9,0 0,0.9 0,2 L0,6 L2,6 L2,2 L16,2 L16,16 L2,16 L2,12 L0,12 L0,16 C0,17.1 0.9,18 2,18 L16,18 C17.1,18 18,17.1 18,16 L18,2 C18,0.9 17.1,0 16,0 L16,0 Z" id="Shape"/></g></g></g></svg>
				</button> 
				--}}

				<div class="dropdown add-new">
				  	<button class="btn toolbar-basic-btn dropdown-toggle extra-btn both-middle" type="button" data-toggle="dropdown">
				 	<span>{{ strtoupper(__('basic.EXPORT')) }}</span> &nbsp
					  <svg height="18px" version="1.1" viewBox="0 0 18 18" width="18px" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns:xlink="http://www.w3.org/1999/xlink"><title/><desc/><defs/><g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1"><g fill="#666666" id="Core" transform="translate(-87.000000, -213.000000)"><g id="exit-to-app" transform="translate(87.000000, 213.000000)"><path d="M7.1,12.6 L8.5,14 L13.5,9 L8.5,4 L7.1,5.4 L9.7,8 L0,8 L0,10 L9.7,10 L7.1,12.6 L7.1,12.6 Z M16,0 L2,0 C0.9,0 0,0.9 0,2 L0,6 L2,6 L2,2 L16,2 L16,16 L2,16 L2,12 L0,12 L0,16 C0,17.1 0.9,18 2,18 L16,18 C17.1,18 18,17.1 18,16 L18,2 C18,0.9 17.1,0 16,0 L16,0 Z" id="Shape"/></g></g></g></svg>
				  	<span class="caret"></span>
				  	</button>
				  	<ul class="dropdown-menu">
					    <li>
					    	<a class="" href='javascript:void(0)' >XLS, XLSX</a>
					    </li>
				  	</ul>
				</div>

				{{-- 
				<button type='button' class='btn btn-sm toolbar-basic-btn extra-btn both-middle' >
					<span>{{ __('basic.ACTIONS') }}</span>
				</button> 
				--}}

				<div class="dropdown add-new action-btn-div">
				  <button class="btn toolbar-basic-btn dropdown-toggle extra-btn" type="button" data-toggle="dropdown">
				  <span>{{ strtoupper(__('basic.BatchUpdate')) }}</span>
				  <span class="caret"></span></button>
				  <ul class="dropdown-menu">
				    <li>
				    	<a class="receive_btn_sch" href='javascript:void(0)' >{{ strtoupper(__('basic.Receive')) }}</a>
				    </li>
				    <li>
				    	<a class="cancel_btn_sch" href='javascript:void(0)' >{{ strtoupper(__('basic.Cancel')) }}</a>
				    </li>
				  </ul>
				</div>

				<button type='button' class='btn btn-sm toolbar-basic-btn both-middle add_btn' >
					<span>{{ strtoupper(__('basic.AddPurchase')) }}</span>
				</button>

				{{-- 
				<button type="button" class="cursor-pointer btn add_btn org_btn btn-default btn-sm" style="">{{ __('basic.ADD').__('stock.Recipe') }}</button>
				<button type="button" class="cursor-pointer btn edit_btn org_btn btn-warning btn-sm" style="">{{ __('basic.EDIT') }}</button>
				<button type="button" class="cursor-pointer btn remove_btn btn-danger btn-sm" style="">{{ __('basic.DELETE') }}</button> 
				--}}
			</div>
			<div class='align-middle filter-toolbar'>
				<div style="width: 40%">
					<div class='align-middle status-nav'>
						<ul class="nav nav-pills">
							<li class="nav-item active">
								<a class="nav-link sch_status" data-value='' href="javascript:void(0)">{{ strtoupper(__('basic.ALL')) }}</a>
							</li>
							<li class="nav-item">
								<a class="nav-link sch_status" data-value='1' href="javascript:void(0)">{{ strtoupper(__('basic.ORDERED')) }}</a>
							</li>
							<li class="nav-item">
								<a class="nav-link sch_status" data-value='2' href="javascript:void(0)">{{ strtoupper(__('basic.RECEIVED')) }}</a>
							</li>
							<li class="nav-item">
								<a class="nav-link sch_status" data-value='0' href="javascript:void(0)">{{ strtoupper(__('basic.CANCELED')) }}</a>
							</li>
						</ul>
					</div>
				</div>
				<div style="width: 35%"></div>
				<div style="width: 25%">
					<div class='input-div align-middle sch'>
						<input class="filter_date" type="text" id="filter_date" name="filter_date" />
					</div>
				</div>
			</div>
		</div>

		<table class='data_table' data-classes='table table-borderless table-hover' data-toolbar='.toolbar' data-pagination="true" data-search="true" data-search-align='left' data-locale='{{ app()->getLocale() }}' >
			<thead>
				<tr>
					<th data-sortable="true" data-field="checkbox" data-align='center' data-halign='center' data-width=40 ></th>
					<th data-sortable="true" data-field="code" data-align='center' data-halign='center'>{{ __('basic.Code') }}</th>
					<th data-sortable="true" data-field="date" data-align='center' data-halign='center'>{{ __('basic.DATE') }}</th>
					<th data-sortable="true" data-field="sale_point_name" data-align='center' data-halign='center'>{{ __('basic.DeliverTo') }}</th>
					<th data-sortable="true" data-field="partner_name" data-align='center' data-halign='center'>{{ __('basic.Supplier') }}</th>
					<th data-sortable="true" data-field="status" data-align='center' data-halign='center'>{{ __('basic.Status') }}</th>
					<th data-sortable="true" data-field="total_cost" data-align='center' data-halign='center'>{{ __('basic.TotalCost') }}</th>
					<th data-sortable="true" data-field="cancel" data-align='center' data-halign='center' data-width=40 ></th>
				</tr>
			</thead>
			<tbody>
				{{-- {{ var_dump($data) }} --}}
				@for($d=0;$d<count($data['list']);$d++)
					@php $row = $data['list'][$d] @endphp
				<tr>
					<td>
						{{-- 入庫及取消不顯示 --}}
						@if($row->status==1)
							<img src="{{ asset('image/icon_act_checkbox-off_lm.png')}}" data-key="{{ $row->id }}" data-type="Purchase" class="cursor-pointer checkbox_btn search-ctrl-img">
							<input type="checkbox" id='{{ $row->id }}' value='{{ $row->id }}' style="display: none;" >
						@endif
					</td>
					<td>
						<input type="hidden" class="data_id" value="{{ $row->id }}" />
						<a href='javascript:void(0)' data-key="{{ $row->id }}" class='edit_btn' style="display: none;"></a>
						{{ $row->code ?? '--' }}
					</td>
					<td>{{ $row->purchase_date }}</td>
					<td>{{ $row->sale_point_name }}</td>
					<td>{{ $row->partner_name }}</td>
					<td>
						@if ($row->status=='0')
						  	@php 
						  	$cr_class = 'danger-color';
					 		$status_name = 'CANCELED';
						 	@endphp
						@elseif ($row->status=='1')
						    @php 
						    $cr_class = 'orange-color';  
						    $status_name = 'ORDERED'; 
						    @endphp
						@else
							@php 
						  	$cr_class = 'safe-color';
						 	$status_name = 'RECEIVED';
						 	@endphp
						@endif
						<div class="both-middle">
							<button type='button' class='btn btn-sm both-middle list-qty-col {{$cr_class}}' >
								{{ $status_name }}
							</button>
						</div>
					</td>
					<td>{{ ($row->total_amount>0)?number_format($row->total_amount,2):$row->total_amount }}</td>
					<td>
						{{-- 入庫及取消不顯示 --}}
						@if($row->status==1)
							<img src="{{ asset('image/icon_act_cancel_lm.png')}}" data-key="{{ $row->id }}" class="cursor-pointer remove_btn search-ctrl-img">
						@endif
					</td>
				</tr>
				@endfor
			</tbody>
		</table>
	</form>
@endsection

@section('filter-title')
	<span>{{ __('basic.Purchase').' '.__('basic.FILTER') }}</span>
@endsection
@section('filter')
	<div class='container'>
		<div class='row margin-top-30'>
			<div class='col-12 align-middle'>
				<h5>{{ __('basic.OrderCost') }}</h5>
			</div>
		</div>
		<div class='row'>
			<div class='col-5'>
				<div class='input-div align-middle'>
					<input type='text' class='input-column filter' id='filter_b_amount' name='filter_b_amount' placeholder='' />
				</div>
			</div>
			<div class='col-2 both-middle'>
				<span>～</span>
			</div>
			<div class='col-5'>
				<div class='input-div align-middle'>
					<input type='text' class='input-column filter' id='filter_e_amount' name='filter_e_amount' placeholder='' />
				</div>
			</div>
		</div>

		<div class='row margin-top-30'>
			<div class='col-6'>
				<div class='title'>
					<h5>{{ __('basic.Status') }}</h5>
				</div>

				<input class="filter" type="checkbox" id="ordered" name="filter_status" value='1' >
                <label class='area-label' for="ordered">
                    <span>
                        <i class="fa fa-check"></i>
                    </span>
                    ORDERED
                </label>

                <input class="filter" type="checkbox" id="received" name="filter_status" value='2' >
                <label class='area-label' for="received">
                    <span>
                        <i class="fa fa-check"></i>
                    </span>
                 	RECEIVED
                </label>

                <input class="filter" type="checkbox" id="canceled" name="filter_status" value='0' >
                <label class='area-label' for="canceled">
                    <span>
                        <i class="fa fa-check"></i>
                    </span>
                    CANCELED
                </label>
			</div>
			<div class='col-6'>
			</div>
		</div>

		<div class='row margin-top-30'>
			<div class='col-12'>
				<div class='title'>
					<h5>{{ __('basic.Location') }}</h5>
				</div>

				@for($s=0; $s<count($data['select']['salepoint']); $s++)
					@php $row = $data['select']['salepoint'][$s]; @endphp
					<input class="filter" type="checkbox" id="{{ $row['id'] }}" name="filter_sale_point" value='{{ $row['id'] }}' >
	                <label class='area-label' for="{{ $row['id'] }}">
	                    <span>
	                        <i class="fa fa-check"></i>
	                    </span>
	                    {{ $row['name'] }}
	                </label>

				@endfor

			</div>
		</div>

		<div class='row margin-top-30'>
			<div class='col-12'>
				<div class='title'>
					<h5>{{ __('basic.Supplier') }}</h5>
					<div class='input-div align-middle'>
						<input type='text' class='input-column filter' id='filter_supplier' name='filter_supplier' placeholder='{{ __('basic.Name') }}' />
					</div>
				</div>
			</div>
		</div>

		<div class='row margin-top-30'>
			<div class='col-12'>
				<div class='title'>
					<h5>{{ __('basic.Product') }}</h5>
					<div class='input-div align-middle'>
						<input type='text' class='input-column filter' id='filter_stock' name='filter_stock' placeholder='{{ __('basic.Name').",".__('basic.Code') }}' />
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection


{{-- 明細頁 --}}
{{-- @extends('layout.dialog_detail') --}}
@extends('layout.normal_detail')
@section('detail-title',__('basic.BackPurchaseList'))
@section('detail-content')

	<div class='content-column row'>

		{{-- 右側 --}}
		<div class='col-2 margin-top-30'>
			<div class='content-column row'>
				{{-- 供應商 --}}
				<div class='col-12'>
					<div class='title'>
						<h4>{{ __('basic.Supplier') }}&nbsp<span class='warn'>*</span></h4>
					</div>
					<div class='align-middle'>
						<select class='form-control select_item' data-item='partner' id='partner_id' name='partner_id' >
							{!! app('FrontendService')->getOption($data['select']['partner'],'id','name','',__('basic.PleaseChoice')) !!}
						</select>
					</div>
				</div>

				<div class='col-12 span-normal'>
					<span>{{ __('basic.ContactName').': ' }}</span>
					<span class='partner_output' id='partner_contact_name_span'></span>
				</div>

				<div class='col-12 span-normal'>
					<span>{{ __('basic.MOBILE').': ' }}</span>
					<span class='partner_output' id='partner_mobile_span'></span>
				</div>
				<div class='col-12 span-normal'>
					<span>{{ __('basic.PHONE').': ' }}</span>
					<span class='partner_output' id='partner_phone_span'></span>
				</div>
				<div class='col-12 span-normal'>
					<span>{{'Email: ' }}</span>
					<span class='partner_output' id='partner_email_span'></span>
				</div>


				@php
				$display_none = "";
				if(in_array(BackendService::SINGLESHOP,$role)) {
					$display_none = "display:none;";
				}
				@endphp
				{{-- 調入 --}}
				<div class='col-12 margin-top-30' style="{{ $display_none }}">
					<div class='title'>
						<h4>{{ __('basic.DeliverTo') }}&nbsp<span class='warn'>*</span></h4>
					</div>
					<div class='align-middle'>
						<select class='form-control select_item' data-item='sale_point' id='sale_point_id' name='sale_point_id' >
							{!! app('FrontendService')->getOption($data['select']['salepoint'],'id','name','','') !!}
						</select>
						<input type='hidden' class='input-column sale_point_output sale_point_warehouse_id' id='warehouse_id' name="warehouse_id" placeholder='' />
					</div>
				</div>

				<div class='col-12 span-normal' style="{{ $display_none }}">
					<span class='sale_point_output' id='sale_point_contact_address_span'></span>
				</div>

				<div class='col-12 span-normal' style="{{ $display_none }}">
					<span>{{ __('basic.ContactName').': ' }}</span>
					<span class='sale_point_output' id='sale_point_contact_name_span'></span>
				</div>

				<div class='col-12 span-normal' style="{{ $display_none }}">
					<span>{{ __('basic.MOBILE').': ' }}</span>
					<span class='sale_point_output' id='sale_point_mobile_span'></span>
				</div>
				<div class='col-12 span-normal' style="{{ $display_none }}">
					<span>{{ __('basic.PHONE').': ' }}</span>
					<span class='sale_point_output' id='sale_point_phone_span'></span>
				</div>
				<div class='col-12 span-normal' style="{{ $display_none }}">
					<span>{{'Email: ' }}</span>
					<span class='sale_point_output' id='sale_point_email_span'></span>
				</div>

			</div>
		</div>

		{{-- 中間 --}}
		<div class='col-7'>
			<div class='panel'>
				<h4>{{ __('basic.PurchaseDetail') }}</h4>
				<div class='content-column row'>
					<div class='col-6'>
						<div class='title'>
							<span>{{ __('basic.DATE') }}</span>
							<span class='warn'>*</span>
						</div>
						<div class='input-div align-middle'>
							<input type='text' class='input-column date_picker' id="purchase_date" name="purchase_date" autocomplete="off" required />
						</div>
					</div>
				</div>
				<div class='content-column row'>
					<div class='col-12'>
						<div class='content-column row' style=" border-bottom: 2px solid #E3E3E3;">
							<div class='col-1 both-middle'>
								<span>#</span>
							</div>

							<div class='col-4 d-flex align-items-center justify-content-start title'>
								<span>{{ __('basic.ItemName') }}</span>
							</div>

							<div class='col-2 d-flex align-items-center justify-content-start title'>
								<span>{{ __('basic.UnitCost') }}</span>
							</div>

							<div class='col-2 d-flex align-items-center justify-content-start title'>
								<span>{{ __('basic.Qty') }}</span>
							</div>

							<div class='col-2 d-flex align-items-center justify-content-start title'>
								<span>{{ __('basic.TotalCost') }}</span>
							</div>

							<div class='col-1 d-flex align-items-center justify-content-start title'>
								<span>{{ __('basic.Option') }}</span>
							</div>
						</div>
						<div class='row'>
							<div class='col-12' id='recipe_detail'>
								<div class='content-column row' >
									<div class='col-1 both-middle'>
										<span class='detail_item_index' >{{ '1' }}</span>
									</div>
									<div class='col-4 both-middle'>
										<select class='form-control detail_stock_id detail_select' name='detail_stock_id[]' >
											{!! app('FrontendService')->getOption($data['select']['stock'],'id','name','',__('basic.PleaseChoice')) !!}
										</select>
									</div>

									<div class='col-2 both-middle'>
										<div class='input-div align-middle'>
											<input type='text' class='input-column detail_unit_price' name="detail_unit_price[]" placeholder='' />
										</div>
									</div>

									<div class='col-2 both-middle'>
										<div class='input-div align-middle'>
											<input type='text' class='input-column detail_qty' name="detail_qty[]" placeholder='' />
										</div>
									</div>

									<div class='col-2 both-middle'>
										<input type='hidden' class='input-column detail_amount' name="detail_amount[]" placeholder='' />
										<span class='detail_amount_span'></span>
									</div>

									<div class='col-1 both-middle'>
										<img src="{{ asset('image/icon-act-add-lm.png')}}" class="cursor-pointer detail_add_btn search-ctrl-img" style="display: none;">
										<img src="{{ asset('image/icon_act_cancel_lm.png')}}" class="cursor-pointer detail_del_btn search-ctrl-img">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class='content-column row'>
					<div class='col-12'>
						<div class='content-column row'>
							<div class='col-8'>
								<h4>{{ __('basic.PurchaseNotes') }}</h4>
							</div>
							<div class='col-4'>
							</div>
						</div>
						<div class='row'>
							<div class='col-6'>
							</div>
							<div class='col-5'>
								<select class='form-control' data-item='description' id='note_id' name='note_id' >
									{!! app('FrontendService')->getOption($data['select']['note'],'id','name','',__('basic.PleaseChoice')) !!}
								</select>
							</div>
							<div class='col-1 add-main-btn-div' style="">
								<button type='button' class='btn btn-sm add-main-btn add_note both-middle' >
									<svg height="16px" id="Layer_1" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="16px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#FF6E00"><path d="M28,14H18V4c0-1.104-0.896-2-2-2s-2,0.896-2,2v10H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h10v10c0,1.104,0.896,2,2,2  s2-0.896,2-2V18h10c1.104,0,2-0.896,2-2S29.104,14,28,14z"/></svg>
								</button>
							</div>
						</div>
						<div class='content-column row'>
							<div class='col-12'>
								<div class=' align-middle full-col'>
									<textarea class='form-control' id='description' name="description" rows=5 ></textarea>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		{{-- 最右方 --}}
		<div class='col-3'>
			<div class='panel'>
				<h4>{{ __('basic.MyPurchase') }}</h4>
				<div class='content-column row'>
					<div class='col-12'>
						<div class='title'>
							<span>{{ __('basic.NO') }}</span>
						</div>
						<div class='align-middle'>
							<input type='hidden' class='input-column' id='code' name="code" placeholder='' />
							<span class='code_span'></span>
						</div>
					</div>
				</div>
				<div class='content-column row'>
					<div class='col-12'>
						<div class='title'>
							<span>{{ __('basic.Supplier') }}</span>
						</div>
						<div class='align-middle'>
							<span class='partner_output' id='partner_name_span'></span>
						</div>
					</div>
				</div>
				<div class='content-column row'>
					<div class='col-12'>
						<div class='title'>
							<span>{{ __('basic.DeliverTo') }}</span>
						</div>
						<div class='align-middle'>
							<span class='sale_point_output' id='sale_point_name_span'></span>
						</div>
					</div>
				</div>
				<div class='content-column row'>
					<div class='col-12'>
						<div class='title'>
							<span>{{ __('basic.TotalPurchaseAmount') }}</span>
						</div>
						<div class='align-middle' style="font-size:24px">
							<input type='hidden' class='input-column' id='total_qty' name="total_qty" placeholder='' />
							<input type='hidden' class='input-column' id='total_amount' name="total_amount" placeholder='' />
							<span>NT$</span>
							<span class='total_amount_span'>0</span>
						</div>
					</div>
				</div>
				<div class='content-column row' id='detail_ctrl'>
					{{-- <div class='col-12'> --}}
						<button type='button' class='btn btn-sm toolbar-basic-btn both-middle save_btn' style="width: 100%">
							<span>{{ __('basic.AddPurchase') }}</span>
						</button>

						<button type='button' class='btn btn-sm toolbar-basic-btn both-middle receive_btn' style="width: 100%">
							<span>{{ __('basic.RECEIVESTOCK')}}</span>
						</button>
					{{-- </div> --}}
				</div>
			</div>
		</div>
	</div>	

	
		
@endsection