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

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

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

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

		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)
					{
						// console.log(data);
						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()
		{
			$.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');
					}
				},
				error:ajaxError
			});
		}

		form_obj.detail.displayData = function(data)
		{
			$('input,textarea,select').each(function()
			{
				if(this.id in data)
				{
					if(!empty(data[this.id])) this.value = data[this.id];
					if(this.multiple)
					{
						$(this).val(data[this.id].split(','));
					}
				}
			});

            for(var i=0; i<data['home'].length; i++) {
                var row = data['home'][i];

                $('#'+row['home_id']).prop('checked',true);
            }

            var array = [];
            for(var i=0; i<data['online_training'].length; i++) {
                var row = data['online_training'][i];

                array.push(row['online_training_id']);
            }
            $('#stock_package_online_training').val(array);


            var array = [];
            for(var i=0; i<data['teach_training'].length; i++) {
                var row = data['teach_training'][i];

                array.push(row['course_category_id']);
            }
            $('#stock_package_teach_training').val(array);


            var array = [];
            for(var i=0; i<data['course'].length; i++) {
                var row = data['course'][i];

                array.push(row['course_category_id']);
            }
            $('#stock_package_course').val(array);


            var array = [];
            for(var i=0; i<data['course_edu_tool'].length; i++) {
                var row = data['course_edu_tool'][i];

                array.push(row['course_edu_tool_id']);
            }
            $('#stock_package_course_edu_tool').val(array);


			$('select').trigger('change');
		}

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

            $('.single_select2').select2({
                language: 'zh-TW',
                width: '28%',
            });

            $('.multiple_select2').select2({
                language: 'zh-TW',
                width: '100%',
                closeOnSelect: false,
                allowClear: true,
                placeholder: '{{__('basic.PleaseChoice')}}'
            });

            $("body").on('click','.select2-results__group',function() {
                $(this).siblings().toggle();
            })

			$('.add_btn').click(function()
			{
				// openDialog('create','{{ __('basic.ADD') }}',form_obj.detail,'');
				// $('.header-title').text('{{ __('basic.Add').' '.__('basic.Products') }}');

				$('.dialog_footer').hide();
				$( "#"+form_obj.master.form_id).hide();
				$( "#normal_detail").show();
			
				$('#'+form_obj.detail.type_id).val('create');
			});

            $('#online_training_cate_id').change(function()
            {
                if(!empty(this.value)) {
                    $('#stock_package_online_training optgroup').prop('disabled',true);
                    $('.'+this.value).prop('disabled',false);
                } else {
                    $('#stock_package_online_training optgroup').prop('disabled',false);
                }

                $('#stock_package_online_training').select2('destroy');
                $('#stock_package_online_training').select2({
                    language: 'zh-TW',
                    width: '100%',
                    closeOnSelect: false,
                    allowClear: true,
                    placeholder: '{{__('basic.PleaseChoice')}}'
                });
            });

			////////////////////////

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

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

		});
	</script>

    <style type="text/css">
        .select2-container--default .select2-results__option[aria-disabled=true] {
            display: none;
        }
    </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='toolbar'>
			<div class='align-middle'>

				<button type='button' class='btn btn-sm toolbar-basic-btn both-middle add_btn' >
					<span>{{ strtoupper(__('basic.ADD'))}}</span>
				</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() }}' >
			<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'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>{{ $d+1 }}</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>
						<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','預設套包')
@section('detail-content')

	<div class='panel'>
		<h4>{{ __('basic.Detail') }}</h4>

		<div class='content-column row'>
			<div class='col-4'>
				<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 class='title' style="margin-top: 30px;">
                    <span>首頁內容</span>
                </div>
                <div class='align-middle'>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="auth_notice" name='stock_package_home[]' value="auth_notice" style='margin-left:unset;'>
                        <label class="form-check-label" for="auth_notice">{{__('basic.AuthNotice')}}</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="hq_service" name='stock_package_home[]' value="hq_service" style='margin-left:unset;'>
                        <label class="form-check-label" for="hq_service">{{__('basic.HQService')}}</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="edu_tool" name='stock_package_home[]' value="edu_tool" style='margin-left:unset;'>
                        <label class="form-check-label" for="edu_tool">{{__('basic.EduTool')}}</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="help" name='stock_package_home[]' value="help" style='margin-left:unset;'>
                        <label class="form-check-label" for="help">{{__('basic.Help')}}</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="news" name='stock_package_home[]' value="news" style='margin-left:unset;'>
                        <label class="form-check-label" for="news">{{__('basic.News')}}</label>
                    </div>
                </div>
                <div class='title' style="margin-top: 30px;">
                    <span>{{__('basic.OnlineTraining')}}</span>
                </div>
                <div class='align-middle'>
                    <select id="online_training_cate_id" class="single_select2">
                        {!! app('FrontendService')->getOption($data['select']['online_training_cate'],'id','name','',__('basic.PleaseChoice')) !!}
                    </select>
                </div>
                <div class='align-middle' style="margin-top: 16px;">
                    <select class="multiple_select2" id="stock_package_online_training" name="stock_package_online_training[]" multiple style="margin-top: 18px;">
                        @foreach($data['select']['online_training'] as $group)
                            <optgroup class="{{$group['online_training_category_id']}}" label="{{$group['name']}}">
                            @foreach($group['group'] as $detail)
                                <option value="{{$detail['id']}}">{{$group['name'].'-'.$detail['info']['name']}}</option>
                            @endforeach
                            </optgroup>
                        @endforeach
                    </select>
                </div>
                <div class='title' style="margin-top: 30px;">
                    <span>{{__('basic.TeachTraining')}}</span>
                </div>
                <div class='align-middle'>
                    <select class="multiple_select2" id="stock_package_teach_training" name="stock_package_teach_training[]" multiple>
                        @foreach($data['select']['course_category'] as $category)
                            <optgroup label="{{$category['name']}}">
                            @foreach($category['child_cate'] as $detail)
                                <option value="{{$detail['id']}}">{{$category['name'].'-'.$detail['name']}}</option>
                            @endforeach
                            </optgroup>
                        @endforeach
                    </select>
                </div>
                <div class='title' style="margin-top: 30px;">
                    <span>{{__('basic.Course')}}</span>
                </div>
                <div class='align-middle'>
                    <select class="multiple_select2" id="stock_package_course" name="stock_package_course[]" multiple>
                        @foreach($data['select']['course_category'] as $category)
                            <optgroup label="{{$category['name']}}">
                            @foreach($category['child_cate'] as $detail)
                                <option value="{{$detail['id']}}">{{$category['name'].'-'.$detail['name']}}</option>
                            @endforeach
                            </optgroup>
                        @endforeach
                    </select>
                </div>
                <div class='title' style="margin-top: 30px;">
                    <span>{{__('basic.CourseEduTool')}}</span>
                </div>
                <div class='align-middle'>
                    <select class="multiple_select2" id="stock_package_course_edu_tool" name="stock_package_course_edu_tool[]" multiple>
                        @foreach($data['select']['edu_tool_category'] as $category)
                            <optgroup label="{{$category['name']}}">
                            @foreach($category['child_cate'] as $detail)
                                <option value="{{$detail['id']}}">{{$category['name'].'-'.$detail['name']}}</option>
                            @endforeach
                            </optgroup>
                        @endforeach
                    </select>
                </div>
			</div>
		</div>
	</div>

@endsection