@extends('backend.layouts.app')
@section('content')
<style type="text/css">
	.dropdown-menu>.active>a,
	.dropdown-menu>.active>a:focus, 
	.dropdown-menu>.active>a:hover {
		color: #fff;
		text-decoration: none;
		background-color: #17a2b8;
		outline: 0;
	}
</style>
<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">
	<div class="col-md-12" style="margin-bottom: 50px;">
		<a href="{{route('member.print.memberlist')}}" class="btn btn-info" target="_blank">Member Direcoty</a>
	</div>
	<div class="col-md-12">
		<div class="card">
			<p style="background: #1DC961; line-height: 30px; color: white; font-size: 16px; font-weight: bold; border-radius: 3px 3px 0 0" class="text-center">Membership Reprot Generate</p>
			<div class="card-body">
				<div class="row">
					<div class="col-sm-8">
						<form method="GET" action="{{ route('golf-operation.members.report') }}">
							<div class="form-row">
								<div class="form-group col-sm-6">
									<label class="control-label">Search Member</label>
									<input type="text" name="member_name" id="searchMember" data-id="" value="" class="form-control form-control-sm" placeholder="Enter Member Name">
									<input type="hidden" name="member_id" id="member_id">
								</div>
								<div class="form-group" style="margin-top: 29px">
									<button type="submit" class="btn btn-sm btn-search" id="selectMember"><i class="fa fa-search"></i> Search Member</button>
								</div>
							</div>
						</form>
					</div>
					<div class="col-sm-4 form-row">
						<div class="form-group col-sm-6">
							<a href="{{ isset(request()->member_id)? route('members.acceptance.pdf','id='.request()->member_id) :'' }}" target="{{ isset(request()->member_id)? '_blank':'' }}" class="btn btn-sm btn-pdf form-control form-control-sm"><i class="fa fa-file-pdf-o"></i> Acceptance</a>
						</div>
						<div class="form-group col-sm-6">
							<a href="{{ isset(request()->member_id)? route('members.proposal.pdf','id='.request()->member_id) :'' }}" target="{{ isset(request()->member_id)? '_blank':'' }}" class="btn btn-sm btn-pdf form-control form-control-sm"><i class="fa fa-file-pdf-o"></i> Proposal Form</a>
						</div>
						<div class="form-group col-sm-6">
							<a href="{{ isset(request()->member_id)? route('members.directory.pdf','id='.request()->member_id) :'' }}" target="{{ isset(request()->member_id)? '_blank':'' }}" class="btn btn-sm btn-pdf form-control form-control-sm"><i class="fa fa-file-pdf-o"></i> Directory</a>
						</div>
						<div class="form-group col-sm-6">
							<a href="{{ isset(request()->member_id)? route('members.idcard.pdf','id='.request()->member_id) :'' }}" target="{{ isset(request()->member_id)? '_blank':'' }}" class="btn btn-sm btn-pdf form-control form-control-sm"><i class="fa fa-file-pdf-o"></i> ID Card</a>
						</div>
						
					</div>
				</div>
			</div>

			<div class="card-body">
				@if (isset($members))
				<table>
					<tbody>
						@foreach ($members  as $key => $element)
						<tr>
							<td><strong>{{ ucfirst($key) }}</strong></td>
							<td><strong>:</strong></td>
							<td>{{ $element }}</td>
						</tr>
						@endforeach
					</tbody>
				</table>
				@endif
			</div>
		</div>
	</div>
</div>

@endsection
@section('page_script')
<script type="text/javascript">
	$(function(){

		//Typeahead Search
		var path = "{{ route('members.search')}}";
		$('#searchMember').typeahead({	    		    	
			source:  function (query, process) {				
				return $.get(path, { query: query }, function (data) {
					return process(data);
				});							
			},
			afterSelect: function (data) {
		      //print the id to developer tool's console		     
		      $('#member_id').val(data.id);
		  }
		});

	});
</script>
@endsection