@extends('layout.master')
@section('title',__('basic.遊戲管理'))


@section('content-title')
	<span>{{__('basic.遊戲管理')}}</span>
@endsection

{{-- 清單頁 --}}
@section('content')

	<script type='text/javascript'>
		form_obj.module='Game';
		form_obj.controller='GameController';
		form_obj.route_name='{{ basename(url()->current()) }}';

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

			if(!$('#'+form_obj.detail.form_id)[0].checkValidity()){
				$('#'+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);
					}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 && !empty(data[this.id]) )
					{
						$(this).val(data[this.id].split(','));
					}
					
				}
			});

			//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

			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=''>
				<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' data-width=40>{{ __('basic.ItemIndex') }}</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.WordPressSkuID') }}</th>
					<th data-sortable="true"  data-align='center' data-halign='center'>{{ __('basic.Description') }}</th>
				</tr>
			</thead>
			<tbody>
				{{-- {{ var_dump($data) }} --}}
				@for($d=0;$d<count($data['list']);$d++)
					@php $row = $data['list'][$d]; @endphp
				<tr>
					<td>{{ $d+1 }}</td>
					<td>
						<input type="hidden" class="data_id" value="{{ $row->id }}" />
						{{ $row->name }}
					</td>
					<td>{{ $row->wp_id ?? '--' }}</td>
					<td>{{ $row->description ?? '--' }}</td>
				</tr>
				@endfor
			</tbody>
		</table>

	</form>
@endsection

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

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

	<div class='outer-div align-middle row'>
		<div class='title align-middle col-2'><span class='warn'>*</span>{{ __('basic.WordPressSkuID') }}</div>
		<div class='input-div align-middle col-10'>
			<input class='input-column' id="wp_id" name="wp_id" type='text' placeholder='' required />
		</div>
	</div>

	<div class='outer-div align-middle row'>
		<div class='title align-middle col-2'>{{ __('basic.Description') }}</div>
		<div class=' align-middle col-10 full-col'>
			<textarea class='form-control' id='description' name="description" rows=3 ></textarea>
		</div>
	</div>

@endsection