@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">{{ session('title') }}</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Home </li>
			<li class="breadcrumb-item active">{{ session('title') }}</li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
<div class="container-fluid">
	<div class="col-md-12">
		<form method="POST" action="{{ @$editData ? route('websites.about.members.update') : route('websites.about.members.store') }}" enctype="multipart/form-data">
			@csrf
			<input type="hidden" name="member_id" value="{{ @$editData->id }}">
			<div class="card">
				<div class="card-header">
					<h3 class="card-title">Add New Member<a href="{{ route('websites.about.members') }}" class="btn btn-sm btn-facebook float-right"><i class="fa fa-list"></i>
					Members list</a>
				</h3>
			</div>
			<div class="card-body">
				<div class="form-row">
					<div class="form-group col-sm-3">
						<label class="control-label">Member Title</label>
						<select name="member_title" id="member_title" class="form-control form-control-sm">
							<option value="">Select Title</option>
							<option {{ @$editData->member_title == 'Chief Patron'?'selected':'' }} value="Chief Patron">Chief Patron</option>
							<option {{ @$editData->member_title == 'President'?'selected':'' }} value="President">President</option>
							<option {{ @$editData->member_title == 'Member Secretary'?'selected':'' }} value="Member Secretary">Member Secretary</option>
							<option {{ @$editData->member_title == 'Golf Captain'?'selected':'' }} value="Golf Captain">Golf Captain</option>
							<option {{ @$editData->member_title == 'Founder Member'?'selected':'' }} value="Founder Member">Founder Member</option>
						</select>
					</div>
					<div class="form-group col-sm-5">
						<label class="control-label">Name</label>
						<input type="text" name="name" value="{{ @$editData->name }}" class="form-control form-control-sm" placeholder="Name" >
					</div>
					<div class="form-group col-sm-4" id="designationDiv">
						<label class="control-label">Designation</label>
						<input type="text" name="designation" id="designation" value="{{ @$editData->designation }}" class="form-control form-control-sm" placeholder="Designation" >
					</div>
					<div class="form-group col-sm-3" id="from_dateDiv">
						<label class="control-label">From</label>
						<input type="text" name="from_date" value="{{ date('d/m/Y',strtotime(@$editData->from_date)) }}" class="form-control form-control-sm singledatepicker" placeholder="From" autocomplete="off">
					</div>
					<div class="form-group col-sm-3" id="to_dateDiv">
						<label class="control-label">To</label>
						<input type="text" name="to_date" id="to_date" value="{{ date('d/m/Y',strtotime(@$editData->to_date)) }}" class="form-control form-control-sm singledatepicker">
					</div>
					<div class="form-group col-sm-6">
						<label class="control-label">Image</label>
						<input type="file" name="image" id="image" class="form-control form-control-sm"  >
					</div>
				</div>
				<div class="form-row">
					<div class="form-group col-sm-4">
						<label class="control-label">Status</label>
						<label class="control-label">
							<input type="radio" id="radio" name="status" class="minimal" value="1" {{ @$editData->status == '1' ? 'checked':'' }} checked>
							Active
						</label>
						<label class="control-label">
							<input type="radio" id="radio" name="status" class="minimal" value="0" {{ @$editData->status == '0' ? 'checked':'' }}>
							Inactive
						</label>
					</div>
					<div class="form-group col-sm-6" style="margin: 0px 0 -60px 0; padding-left: 10%;">
						<img id="show_image" src="{{@$editData->image_path?url($editData->image_path):url('public/backend/images/noimage.png')}}" style="width: 150px; height: 150px" class="form-control">
					</div>
				</div>
				<div class="form-group">
					<button type="submit" class="btn btn-sm btn-store"><i class="fa fa-save"> {{ @$editData ? 'Update' :'Save' }}</i></button>
					<button type="reset" class="btn btn-sm btn-reset"><i class="fa fa-refresh"> Clear</i></button>
				</div>
			</div>
		</div>			
	</form>	
</div>
</div>
@endsection
@section('page_script')
<script type="text/javascript">
	$(function(){								
		$('#member_title').on('change',function(){
			var member_title = $(this).val();
			if (member_title == 'founder_member') {
				// $('#designationDiv').hide();
				$('#from_dateDiv').hide();
				$('#to_dateDiv').hide();
				// $('#designation').prop('disabled',true);
				$('#from_date').prop('disabled',true);
				$('#to_date').prop('disabled',true);
			}else{
				// $('#designationDiv').show();
				$('#from_dateDiv').show();
				$('#to_dateDiv').show();
				// $('#designation').prop('disabled',false);
				$('#from_date').prop('disabled',false);
				$('#to_date').prop('disabled',false);
			}
		});
	});
</script>
@endsection