@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">Member Secretary</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.secretary.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 Member Secretary<a href="{{ route('websites.about.us.membersecretary') }}" class="btn btn-sm btn-facebook float-right"><i class="fa fa-list"></i>
					Member Secretary list</a>
				</h3>
			</div>
			<div class="card-body">
				<div class="form-row">
					<div class="form-group col-sm-4">
						<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-6">
						<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-0" id="designationDiv" style="display: none;">
						<label class="control-label">Committe</label>
						<input type="text" name="mcommitte" id="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 single-date-picker" 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 single-date-picker">
					</div>
					<div class="form-group col-sm-4">
						<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 status" value="1" {{ @$editData->status == '1' ? 'checked':'' }} checked>
							Active
						</label>
						<label class="control-label">
							<input type="radio" id="radio" name="status" class="minimal status" 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(){								
		$('.single-date-picker').daterangepicker({
			singleDatePicker: true,
			showDropdowns: true,
			locale: {
		      format: 'YYYY-MM-DD'
		    }
		});

		for_toDate($('.status').val());
		$(".status").on("change",function () {
			for_toDate($(this).val());
		});
	});

	function for_toDate(status){
		if(status==1){
			$("#to_dateDiv").hide();
		}else{
			$("#to_dateDiv").show();
		}
	}
</script>
@endsection