@extends('cms.application')
@section('content')

	<!-- [ breadcrumb ] start -->
	<div class="page-header">
		<div class="page-block">
			<div class="row align-items-center">
				<div class="col-md-7">
{{--									<div class="page-header-title">--}}
{{--											<h5 class="m-b-10">Founding Fathers</h5>--}}
{{--									</div>--}}
					<ul class="breadcrumb">
						<li class="breadcrumb-item"><a href="{{ url('/cms') }}"><i class="feather icon-home"></i></a></li>
						<li class="breadcrumb-item"><a href="javascript:">User Administration</a></li>
						<li class="breadcrumb-item"><a href="javascript:">Founding Fathers</a></li>
					</ul>
				</div>
				<div class="col-md-5 text-right">
					<a href="{{ url('/cms/founding-fathers/create')}}" class="btn btn-primary"> <i class="feather icon-edit"></i>Add Father</a>
				</div>
			</div>
		</div>
	</div>
	<!-- [ breadcrumb ] end -->

	<!-- [ Main Content ] start -->
	<div class="main-body">
		<div class="page-wrapper">
			<div class="row">
				<div class="col-sm-12">
		  			<input type="text" id="member-search" class="form-control mb-4" placeholder="search Father . . ">
				</div>

				@if($fathers->count() == 0)
					<div class="col-md-12">
						<div class="alert alert-primary" role="alert">{{ label('lbl_no_information') }}	</div>
					</div>
				@else

{{--				<div class="row px-3 ">--}}
					@foreach($fathers as $key => $father)
						<div class="col-md-4 member-block" data-filter="{{ $father->fullname }} {{ $father->party }}">
							<div class="card absolute ">
								<img loading="lazy" src="{{ asset('/uploads/administration/'.$father->photo_url) }}" class="w-100" alt="">
								<div class="card-body px-1">
									<h5 class="text-center"><b>{{ $father->fullname }}</b> </h5>
									<h6 class="text-center"><i>{!! $father->content !!}</i></h6>
									<div class="col-12 px-0 text-center mb-2">
										<a href="{{ URL::route('cms.founding-fathers.edit', $father->id) }}" class="label theme-bg2 text-white f-12">View & Edit</a>
										{!! link_to_route('cms.founding-fathers.destroy', "Delete", array($father->id), array('data-method' => 'delete', 'data-confirm' => 'Are you Sure' ,'class' => 'label theme-b bg-danger text-white f-12')) !!}
									</div>
								</div>
							</div>
						</div>
					@endforeach
{{--				</div>--}}

						<div class="col-12 row justify-content-center">
							{{-- {!! $fathers->render() !!} --}}
						</div>
					@endif
				</div>
			</div>
	</div>
	<!-- [ Main Content ] end -->

@stop
@section('scripts')
	<script type="text/javascript">
		$("#member-search").on("keyup", function() {
			var g = $(this).val().toLowerCase();
			$(".members .member-block").each(function() {
				var content = $(this).attr('data-filter');
				if (content) {
					var search = content.toLowerCase();
				}
				if (search) {
					var n = search.indexOf(g);
					if (n !== -1) {
							$(this).show();
					} else {
							$(this).hide();
					}
				}
			});
		});
	</script>
@stop