{{-- 出貨公司維護 --}}
@extends('layout.master')
@section('title',__('basic.PurchaseCompany'))


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

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

	<script type='text/javascript'>
		form_obj.module='Purchase';
		form_obj.controller='U2UPurchaseCompanyController';
		form_obj.route_name='{{ basename(url()->current()) }}';
		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){
								// location.reload();

								if($('#'+form_obj.detail.type_id).val()=="create") {
									$('#'+form_obj.detail.type_id).val('update'); 
									$('#'+form_obj.detail.master_id).val(json.data.id);
									if(empty($('#code').val())) $('#code').val(json.data.code);
								}
							}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);
						// $('.header-title').text('{{ __('basic.EDIT')." ".__('basic.PurchaseCompany') }}');

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

						$('#'+form_obj.detail.type_id).val('update');
					}else{
						console.log(data);
					}
				},
				error:ajaxError
			});
		}

		form_obj.detail.displayData = function(data){
			$('input,textarea,select').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();
					}
				}
			});

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

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

			
			//鎖定帳號不能改
			if($('#account').val()!=''){
				$('#account').prop('disabled',true);
				$('#account').parents('.input-div').addClass('disabled');
			}

			//密碼增加提示
			$('#password').attr('placeholder','{{ __('basic.UseOldPasswordWhenEmpty') }}');


			
		}

		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');
			
			if( !empty(form_obj) && $('#'+form_obj.detail.dialog_id).length>0){
				var dialog_df_obj = getDialogDefault('modal');
				dialog_df_obj.minWidth=1049;
				dialog_df_obj.minHeight=400;
				$( "#"+form_obj.detail.dialog_id ).dialog(dialog_df_obj);
			}

			//Button Events move to resource/views/layout/master.blade.php
			$('.add_btn').click(function(){

				// openDialog('create','{{ __('basic.ADD') }}',form_obj.detail,'');
				// $('.header-title').text('{{ __('basic.Add')." ".__('basic.PurchaseCompany') }}');
				$('.dialog_footer').hide();
				$( "#"+form_obj.master.form_id).hide();
				$( "#normal_detail").show();

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

			});
			
			////////////////////////
			

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

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

		});

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

			$('.data_table tbody tr td').unbind('click').click(function() {
				//避免觸發
				if($(this).index()==0)return;
				var max_td = $(this).parents('tr').find('td').length;
				if(($(this).index()+1)== max_td )return;

				//避開 設定權限頁面異常
				if( $(this).find('.big_check').length>0 )return;

				var index = $(this).parents('tr').data('index');

				var page_size = parseInt($('.page-size').text());
				if(index>=page_size){
					index =index%page_size; 
				}

				// var index = $(this).data('index');
				$('.data_table tbody tr td').unbind('click');
			  	if($($('.edit_view')[index+2]).length>0) {

			  		$($('.edit_view')[index+2]).trigger("click");
			  	}
			  	else {

			  		$($('.edit_btn')[index]).trigger("click");
			  	}
			});

			$('.fixed-table-container').css('padding-bottom','46px');
		});

		add_js_action('master-data_table_event_reorder_row-start',function(){
		 	var formData = new FormData();
				formData.append('module',form_obj.module);
				formData.append('controller',form_obj.controller);
				formData.append('type','update_sorting');
				formData.append('print_log',false);

			var new_sorting_data = JSON.parse($.session.get('new_sorting_data'));
			for(var i=0; i<new_sorting_data.length; i++)
			{
				formData.append('update_id[]',new_sorting_data[i]);
			}

			$.ajax({
				data:formData,
				datatype: 'json',
				contentType: false,
				processData: false,
				success:function(data,textStatus,jqXHR){
					if(isJson(data))
					{
						var json = JSON.parse(data);
						console.log(json.status)
					}
				},
				error:ajaxError
			});
		});
	</script>

	<form id="fm" name='fm' action='' 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='toolbar'>

			<div class='align-middle'>
				{{-- <button type='button' class='btn btn-sm toolbar-basic-btn extra-btn both-middle' >
					<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> --}}

				<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 both-middle add_btn' style="width: 150px">
					<span>{{ strtoupper(__('basic.ADD').' '.__('basic.PurchaseCompany')) }}</span>
				</button>

				{{-- <button type="button" class="cursor-pointer btn add_btn org_btn btn-default btn-sm" style="">{{ __('basic.ADD') }}</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>

		<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() }}' data-use-row-attr-func="true" data-reorderable-rows="true" >
			<thead>
				<tr>
					<th data-sortable="true"  data-align='center' data-halign='center' data-width=40 ></th>
					<th data-sortable="true"  data-align='center' data-halign='center'>{{ __('basic.Code') }}</th>
					<th data-sortable="true"  data-align='center' data-halign='center'>{{ __('basic.Name') }}</th>
					<th data-sortable="true"  data-align='center' data-halign='center'>{{ __('basic.Description') }}</th>
					<th data-sortable="true"  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><img src="{{ asset('image/icon_act_menu_lm.png')}}" class="cursor-pointer search-ctrl-img" data-key="{{ $row->id }}"></td>
					<td>
						{{ $row->code ?? '--' }}
					</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->name ?? '--' }}
					</td>
					<td>{{ $row->description ?? '--' }}</td>
					<td><img src="{{ asset('image/icon_act_cancel_lm.png')}}" data-key="{{ $row->id }}" class="cursor-pointer remove_btn search-ctrl-img"></td>
				</tr>
				@endfor
			</tbody>
		</table>

	</form>
@endsection


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

	<div class='panel'>
		<h4>{{ __('basic.Detail') }}</h4>
		<div class='content-column row'>
			<div class='col-6'>
				<div class='title'>
					<span>{{ __('basic.Code') }}</span>
				</div>
				<div class='input-div align-middle'>
					<input type='text' class='input-column' id="code" name="code" placeholder='' required />
				</div>
			</div>
		</div>

		<div class='content-column row'>
			<div class='col-6'>
				<div class='title'>
					<span>{{ __('basic.Name') }}</span>
					<span class='warn'>*</span>
				</div>
				<div class='input-div align-middle'>
					<input type='text' class='input-column' id="name" name="name" placeholder='' required />
				</div>
			</div>
			<div class='col-6'>
				<div class='title'>
					<span>英文{{ __('basic.Name') }}</span>
					<span class='warn'>*</span>
				</div>
				<div class='input-div align-middle'>
					<input type='text' class='input-column' id="eng_name" name="eng_name" placeholder='' required />
				</div>
			</div>
		</div>

		<div class='content-column row'>
			<div class='col-6'>
				<div class='title'>
					<span>{{ __('basic.Tel') }}</span>
					<span class='warn'>*</span>
				</div>
				<div class='input-div align-middle'>
					<input type='text' class='input-column' id="phone" name="phone" placeholder='' required />
				</div>
			</div>

			<div class='col-6'>
				<div class='title'>
					<span>傳真</span>
					<span class='warn'>*</span>
				</div>
				<div class='input-div align-middle'>
					<input type='text' class='input-column' id="fax" name="fax" placeholder='' required />
				</div>
			</div>
		</div>

		<div class='content-column row'>
			<div class='col-12'>
				<div class='title'>
					<span>{{ __('basic.Description') }}</span>
				</div>
				<div class='align-middle'>
					<textarea class='form-control' id='description' name="description" rows=5 ></textarea>
				</div>
			</div>
		</div>
	</div>

@endsection