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


@section('content-title')
	<div class='header-title'><span>{{ __('basic.BusinessMember') }}</span></div>
@endsection

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

	<script type='text/javascript'>
		form_obj.module='Member';
		form_obj.controller='BusinessMemberController';
		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();
							}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.BusinessMember') }}');

						$( "#"+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') }}');


			//縮圖的圖片
			if(!empty(data['img_thumbnail'])){
				$('#img_result').css('background-image','url("' + data['img_thumbnail'] + '")');
				$('#img_result').css('width','100px');
				$('#img_result').css('height','100px');
				$('#img_result').css('background-size','contain');
				$('#img_result').css('background-repeat','no-repeat');
			}

		}

		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.BusinessMember') }}');

				$('.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(){

		});
	</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>

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

				<button type='button' class='btn btn-sm toolbar-basic-btn both-middle add_btn' style="width: 155px;">
					<span>{{ strtoupper(__('basic.ADD').' '.__('basic.BusinessMember')) }}</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 id='data_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-align='center' data-halign='center'></th> --}}
					<th data-sortable="true"  data-align='center' data-halign='center'>{{ __('basic.BusinessMember') }}</th>
					<th data-sortable="true"  data-align='center' data-halign='center'>{{ __('basic.UniformNumber') }}</th>
					<th data-sortable="true"  data-align='center' data-halign='center'>{{ __('basic.PHONE') }}</th>
					{{-- <th data-sortable="true"  data-align='center' data-halign='center'></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_checkbox-off_lm.png')}}" data-key="{{ $row->id }}" class="cursor-pointer search-ctrl-img"></td> --}}
					<td>
						<input type="hidden" class="data_id" value="{{ $row->id }}" />
						<a href='javascript:void(0)' data-key="{{ $row->id }}" class='edit_btn'>{{ $row->name ?? '--' }}</a>
					</td>
					<td>{{ $row->uniform_number ?? '--' }}</td>
					<td>{{ $row->phone ?? '--' }}</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.BusinessMember'))
@section('detail-content')

	<div class='panel'>
		<h4>{{ __('basic.Detail') }}</h4>
		<div class='content-column row'>
			<div class='col-12'>
				<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.ContactName') }}</span>
				</div>
				<div class='input-div align-middle'>
					<input type='text' class='input-column' id="contact_name" name="meta[contact_name]" placeholder='' />
				</div>

			</div> --}}

		</div>

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

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

		<div class='content-column row'>
			<div class='col-3'>
				<div class='title'>
					<span>{{ __('basic.ContactName') }}</span>
				</div>
				<div class='input-div align-middle'>
					<input type='text' class='input-column' id="contact_name" name="contact_name" placeholder='' />
				</div>
			</div>
			<div class='col-3'>
				<div class='title'>
					<span>{{ __('basic.PHONE') }}</span>
				</div>
				<div class='input-div align-middle'>
					<input type='text' class='input-column' id="phone" name="phone" placeholder='' />
				</div>
			</div>
			<div class='col-3'>
				<div class='title'>
					<span>{{ __('basic.MOBILE') }}</span>
				</div>
				<div class='input-div align-middle'>
					<input type='text' class='input-column' id="mobile" name="mobile" placeholder='' />
				</div>
			</div>
			<div class='col-3'>
				<div class='title'>
					<span>EMAIL</span>
				</div>
				<div class='input-div align-middle'>
					<input type='text' class='input-column' id="email" name="email" placeholder='' />
				</div>
			</div>
		</div>

		<div class='content-column row'>
			<div class='col-12'>
				<div class='title'>
					<span>{{ __('basic.ADDRESS') }}</span>
				</div>
				<div class='input-div align-middle'>
					<input type='text' class='input-column' id="contact_address" name="contact_address" placeholder='' />
				</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