@extends('layouts.app')

@section('styles')

		<!--Select2 css -->
		<link href="{{URL::asset('assets/plugins/select2/select2.min.css')}}" rel="stylesheet" />

		<!-- Time picker css-->
		<link href="{{URL::asset('assets/plugins/time-picker/jquery.timepicker.css')}}" rel="stylesheet" />

		<!-- Date Picker css-->
		<link href="{{URL::asset('assets/plugins/spectrum-date-picker/spectrum.css')}}" rel="stylesheet" />

		<!-- File Uploads css-->
        <link href="{{URL::asset('assets/plugins/fileuploads/css/dropify.css')}}" rel="stylesheet" type="text/css" />

		<!--Mutipleselect css-->
		<link rel="stylesheet" href="{{URL::asset('assets/plugins/multipleselect/multiple-select.css')}}">

		<!-- Tabs css-->
    	<link href="{{URL::asset('assets/plugins/tabs/tabs-style.css')}}" rel="stylesheet" />

	

@endsection

@section('content')

<!-- page-header -->
<div class="page-header">
	<ol class="breadcrumb"><!-- breadcrumb -->
		<li class="breadcrumb-item"><a href="{{ route('admin.dashboard.dashboard.index') }}">{{ __('admin.homepage') }}</a></li>
		@if(empty($member->id))
		
		<li class="breadcrumb-item"><a href="{{ route('admin.member.group.index') }}">รายการกลุ่ม</a></li>
		<li class="breadcrumb-item active" aria-current="page">เพิ่มกลุ่มผู้ใช้งาน</li>
		@else
		<li class="breadcrumb-item"><a href="{{ route('admin.member.group.index') }}">รายการกลุ่ม</a></li>
		<li class="breadcrumb-item active" aria-current="page">แก้ไขกลุ่มผู้ใช้งาน</li>
		@endif
	</ol>
</div>
<!-- End page-header -->

<!-- row -->
<div class="row">
	<div class="col-md-12">
		
		<div class="card">
			<div class="card-header pb-0">
				@if(empty($news->id))
				<h3 class="card-title">เพิ่มกลุ่มผู้ใช้งาน</h3>
				@else
				<h3 class="card-title">แก้ไขกลุ่มผู้ใช้งาน</h3>
				@endif
			</div>
			<form id="member_group_frm" name="member_group_frm" method="POST" onsubmit="setSaveGroup(this); return false;" enctype="multipart/form-data" >
				@csrf
				<input type="hidden" name="id" value="{{ !empty($group->id) ? $group->id :'0' }}">
				<div class="card-body">
					<div class="panel panel-primary">
						

						<!-- tab -->
						<div class="tab_wrapper member_group_tab">
						    <ul class="tab_list">
						        <li class="icons-list-item"  style="height: 36px;" ><i class="flag flag-th"></i></li>
						        <li class="icons-list-item"  style="height: 36px;" ><i class="flag flag-gb"></i></li>
						    </ul>
						    <!-- content_wrapper -->
							<div class="content_wrapper">
								<div class="tab_content active">
									<div class="row">
										<div class="col-md-9">
											<div class="form-group">
												<label class="form-label">ชื่อ (TH) <span class="text-danger"> *</span></label>
												<input type="text" class="form-control" name="name_th" placeholder="ชื่อ" value="{{ !empty($group->name_th) ? $group->name_th :'' }}">
											</div>
											<div class="form-group">
												<label class="form-label">คำอธิบาย (TH) <span class="text-danger"> *</span></label>
												<textarea id="description_th" class="form-control texteditor" name="description_th" rows="2" placeholder="text here..">{{ !empty($group->description_th) ? $group->description_th :'' }}</textarea>
											</div>
										</div>	
									</div>
								</div>
								<div class="tab_content">
									<div class="row">
										<div class="col-md-9">
											<div class="form-group">
												<label class="form-label">ชื่อ (EN) <span class="text-danger"> *</span></label>
												<input type="text" class="form-control" name="name_en" placeholder="ชื่อ" value="{{ !empty($group->name_en) ? $group->name_en :'' }}">
											</div>
											<div class="form-group">
												<label class="form-label">คำอธิบาย (EN) <span class="text-danger"> *</span></label>
												<textarea id="description_en" class="form-control texteditor" name="description_en" rows="2" placeholder="text here..">{{ !empty($group->description_en) ? $group->description_en :'' }}</textarea>
											</div>
										</div>
									</div>
								</div>	
							</div>
							<!-- .content_wrapper -->
						</div>
						<!-- .tab_wrapper -->

						<!-- after tab -->
						<div class="col-md-9">
						<div class="form-group ">
							<label class="form-label">กลุ่มหลัก</label>
							<select name="parent_id" class="form-control select2-show-search" data-placeholder="Choose Parent">
									<option value="0">-- ไม่มี --</option>
									@foreach ($parents as $parent)
										@if ( !empty($group->id) && $parent->id == $group->parent_id)
											<option value="{{ $parent->id  }}" selected="selected">{{ $parent->name_th }}</option>
										@else
											<option value="{{ $parent->id  }}" >{{ $parent->name_th }}</option>
										@endif

									@endforeach
							</select>
						</div>
						<div class="form-group">
							<label class="form-label">สถานะ</label>
								<div class="form-check form-check-inline">
								  	@if ( empty($group->status) || (!empty($group->status)&&$group->status == 1 ))
								  	<input class="form-check-input" type="radio" name="status" checked="checked" id="status_enable" value="1" >
								  	<label class="form-check-label" for="status_enable">เปิด</label>&nbsp;
								  	<input class="form-check-input" type="radio" name="status" id="status_disable"  value="0">
								  	<label class="form-check-label" for="status_disable">ปิด</label>
								  	@else
								  	<input class="form-check-input" type="radio" name="status" id="status_enable" value="1" >
								  	<label class="form-check-label" for="status_enable">เปิด</label>&nbsp;
								  	<input class="form-check-input" type="radio" name="status" id="status_disable" value="0" checked="checked">
								  	<label class="form-check-label" for="status_disable">ปิด</label>
								  	@endif
								  	
								</div>
								
							</label>
						</div>
						</div>
						<!-- .after tab -->

					</div>
					<!-- .panel-primary -->
					<div class="col-md-9 ">
						<div class="form-group mb-1">
							<div class="btn-list">
								<button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> {{ __('member_admin.save') }}</button>
								<button onclick="mwz_redirect('{{ route('admin.member.group.index') }}');" type="button" class="btn btn-warning"><i class="fa fa-undo" aria-hidden="true"></i>{{ __('member_admin.cancel') }}</button>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
<!-- .row -->	

@endsection('content')

@section('scripts')

		<!--Jquery Sparkline js-->
		<script src="{{URL::asset('assets/plugins/vendors/jquery.sparkline.min.js')}}"></script>

        <!-- File uploads js -->
		<script src="{{URL::asset('assets/plugins/fileuploads/js/dropify.js')}}"></script>
		<script src="{{URL::asset('assets/plugins/fileuploads/js/dropify-demo.js')}}"></script>

		<!--Select2 js -->
		<script src="{{URL::asset('assets/plugins/select2/select2.full.min.js')}}"></script>
		<!-- <script src="{{URL::asset('assets/js/form-elements.js')}}"></script> -->

		<!--MutipleSelect js-->
		<script src="{{URL::asset('assets/plugins/multipleselect/multiple-select.js')}}"></script>
		<script src="{{URL::asset('assets/plugins/multipleselect/multi-select.js')}}"></script>

		<!--ckeditor js-->
    	<script src="{{URL::asset('assets/plugins/tinymce/tinymce.min.js')}}"></script>
    	<!-- <script src="{{URL::asset('assets/js/formeditor.js')}}"></script> -->

    	<!-- Notifications js -->
    	<link href="{{URL::asset('assets/plugins/notify-growl/css/jquery.growl.css')}}" rel="stylesheet" />
		<link href="{{URL::asset('assets/plugins/notify-growl/css/notifIt.css')}}" rel="stylesheet" />
		<script src="{{URL::asset('assets/plugins/bootbox/bootbox.js')}}"></script>
		<script src="{{URL::asset('assets/plugins/notify-growl/js/rainbow.js')}}"></script>
		<script src="{{URL::asset('assets/plugins/notify-growl/js/jquery.growl.js')}}"></script>

		<!-- validator js -->
		<script src="{{URL::asset('assets/plugins/validator/js/jquery.validate.min.js')}}"></script>

		<!---Tabs js-->
	    <script src="{{URL::asset('assets/plugins/tabs/jquery.multipurpose_tabcontent.js')}}"></script>
	    <script src="{{URL::asset('assets/plugins/tabs/tabs.js')}}"></script>

		<!--- Internal Treeview js -->
		<script src="{{URL::asset('assets/plugins/treeview/treeview.js')}}"></script>

		<!--- Internal Treeview -->
    	<link href="{{URL::asset('assets/plugins/treeview/treeview.css')}}" rel="stylesheet" type="text/css" />


		<!-- mwz master js css -->
		<link rel="stylesheet" href="{{ mix('css/mwz.css') }}">
		<script src="{{ mix('js/mwz.js')  }}"></script>

		<!-- module js css -->
		<link rel="stylesheet" href="{{ mix('css/member.css') }}">
		<script src="{{ mix('js/member.js')  }}"></script>

@endsection