@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')}}">



@endsection

@section('content')

<!-- page-header -->
<div class="page-header">
	<ol class="breadcrumb"><!-- breadcrumb -->
		<li class="breadcrumb-item"><a href="{{ route('admin.default') }}">{{ __('admin.domain.domain.upload') }}</a></li>
		@if(empty($member->id))
		<li class="breadcrumb-item"><a href="{{ route('admin.member.member.index') }}">{{ __('member_admin.member') }}</a></li>
		<li class="breadcrumb-item active" aria-current="page">{{ __('member_admin.add_member') }}</li>
		@else
		<li class="breadcrumb-item"><a href="{{ route('admin.member.member.index') }}">{{ __('member_admin.member') }}</a></li>
		<li class="breadcrumb-item active" aria-current="page">{{ __('member_admin.edit_member') }}</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($member->id))
				<h3 class="card-title">{{ __('member_admin.add_member') }}</h3>
				@else
				<h3 class="card-title">{{ __('member_admin.edit_member') }}</h3>
				@endif
			</div>
			<form id="member_frm" name="member_frm" method="POST" onsubmit="setSave(); return false;" enctype="multipart/form-data" >
				@csrf
				<input type="hidden" name="id" id="member_id" value="{{ !empty($member->id) ? $member->id :'0' }}">
				<div class="card-body">
					<div class="row">
						<div class="col-md-6">
							
							<div class="form-group">
								<label class="form-label required">{{ __('member_admin.name') }} </label>
								<input type="text" class="form-control" id="name" name="name" placeholder="{{ __('member_admin.name_placeholder') }}" value="{{ !empty($member->name) ? $member->name :'' }}">
							</div>
							<div class="form-group">
								<label class="form-label required">{{ __('member_admin.mobile') }} </label>
								<input type="text" class="form-control" id="mobile" name="mobile" placeholder="{{ __('member_admin.mobile_placeholder') }}" value="{{ !empty($member->mobile) ? $member->mobile :'' }}">
							</div>
							<div class="form-group">
								<label class="form-label required">{{ __('member_admin.email') }} </label>
								<input type="email" class="form-control" id="email" name="email" placeholder="youremail@domain.com" value="{{ !empty($member->email) ? $member->email :'' }}">
							</div>
							<div class="form-group">
								<label class="form-label required">{{ __('member_admin.password') }} </label>
								<input type="password" class="form-control" id="password" name="password" placeholder="{{ __('member_admin.password_placeholder') }}" value="">
								<label class="form-label">{{ __('member_admin.password_not_less_than_8_characters') }}</label>
							</div>
							<div class="form-group">
								<label class="form-label required">{{ __('member_admin.re_password') }} </label>
								<input type="password" class="form-control" id="re_password" name="re_password" placeholder="{{ __('member_admin.re_password_placeholder') }}" value="">								
							</div>
							<div class="form-group " style="display:none;">
								<label class="form-label">{{ __('member_admin.group') }}</label>
								<select name="group_id" class="form-control select2" data-placeholder="Choose Parent" onchange="setChangeGroup(this.value);">
									<option value="0" >{{ __('member_admin.select') }}</option>
									@foreach ($groups as $group)
									@if ( !empty($member->group_id) && $group->id == $member->group_id)
									<option value="{{ $group->id  }}" selected="selected">{{ $group->name_th }}</option>
									@else
									<option value="{{ $group->id }}" >{{ $group->name_th }}</option>
									@endif

									@endforeach
								</select>
							</div>
							{{-- <div class="form-group ">
								<label class="form-label">อวตาร</label>
								<div class="row">
									<div class="col-md-6">
										<div class="card">
											<div class="card-body">
												<input type="file" name="avatar" class="dropify" data-default-file="{{ !empty($member->avatar) ? $member->avatar :'' }}" />
											</div>
										</div>
									</div>
								</div>
							</div> --}}
							<div class="form-group">
								<label class="form-label">{{ __('member_admin.status_enable_disable') }}</label>
								<div class="form-check form-check-inline">
									@if ( empty($member->status) || $member->status == 1  )
									<input class="form-check-input" type="radio" name="status" id="status_enable" value="1" checked="checked">
									@else
									<input class="form-check-input" type="radio" name="status" id="status_enable" value="1" >
									@endif
									<label class="form-check-label" for="status_enable">{{ __('member_admin.status_enable') }}</label>
								</div>
								<div class="form-check form-check-inline">
									@if ( !empty($member->status) && $member->status != 1  )
									<input class="form-check-input" type="radio" name="status" checked="checked" id="status_disable" value="0">
									@else
									<input class="form-check-input" type="radio" name="status" id="status_disable"  value="0">
									@endif
									<label class="form-check-label" for="status_disable">{{ __('member_admin.status_disable') }}</label>
								</div>
							</div>
						</div>
						<div class="col-md-6">
							

							<div class="expanel expanel-default">
								<div class="expanel-heading">
									<div class="expanel-title">{{ __('member_admin.address') }}</div>
								</div>
								<div class="expanel-body">
									<!-- address -->
									<input type="hidden" name="address_id" id="address_id" value="{{ !empty($address->id) ? $address->id :'0' }}">
									<div class="col-md-12">
										<div class="form-group">
											<label class="form-label required">{{ __('member_admin.address') }}</label>
											<input type="text" class="form-control" name="address" placeholder="{{ __('member_admin.address_placeholder') }}" value="{{ !empty($address->address) ? $address->address :'' }}">
										</div>
									</div>
									<div class="col-md-12">
										<div class="form-group">
											<label class="form-label required">{{ __('member_admin.zipcode') }}</label>
											<input type="text" maxlength="5" size="5" class="form-control mwz-zipcode" name="zipcode" placeholder="{{ __('member_admin.zipcode_placeholder') }}" value="{{ !empty($address->zipcode) ? $address->zipcode :'' }}">
										</div>
									</div>
									<div class="col-md-12">
										<div class="form-group">
											<label class="form-label required">{{ __('member_admin.province') }}</label>
											<select name="province_id" class="form-control mwz-province" data-placeholder="{{ __('member_admin.province') }}" data-selected="{{ !empty($address->province_id) ? $address->province_id :'' }}" >
												<option value="" selected="selected">{{ __('member_admin.province') }}</option>
											</select>
										</div>
									</div>
									<div class="col-md-12">
										<div class="form-group">
											<label class="form-label required">{{ __('member_admin.city') }}</label>
											<select name="city_id" class="form-control mwz-city" data-placeholder="{{ __('member_admin.city') }}"  data-selected="{{ !empty($address->city_id) ? $address->city_id :'' }}" >
												<option value="" selected="selected">{{ __('member_admin.city') }}</option>
											</select>
										</div>
									</div>
									<div class="col-md-12">
										<div class="form-group">
											<label class="form-label required">{{ __('member_admin.district') }}</label>
											<select name="district_id" class="form-control mwz-district" data-placeholder="{{ __('member_admin.district') }}"  data-selected="{{ !empty($address->district_id) ? $address->district_id :'' }}" >
												<option value="" selected="selected">{{ __('member_admin.district') }}</option>
											</select>
										</div>
									</div>
									<!-- .address -->
								</div>
							</div>
						</div>
						
						<div class="col-md-12 ">
							<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.member.index') }}');" type="button" class="btn btn-warning"><i class="fa fa-undo" aria-hidden="true"></i>{{ __('member_admin.cancel') }}</button>
								</div>
							</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>

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

<!-- define group role on js -->
<script type="text/javascript">
	var groups_default_role = [];
		</script>
	<!-- module js css -->
	<link rel="stylesheet" href="{{ mix('css/member.css') }}">
	<script src="{{ mix('js/member.js')  }}"></script>

	@endsection