@extends('frontend.layouts.app')
@section('content')
<style type="text/css">
	.Litheader {
		color: #18AA38;
		font-family: 'Roboto Condensed' ,Arial, sans-serif;
		font-weight: bold;
		font-size: 28px;
		border-bottom: 2px solid #2C6700;
		margin-bottom: 10px;
		letter-spacing: 1px;
	}
</style>
<div class="Litheader">
	President
</div>
<div>
	<table class="table table-bordered">
		<thead style="background: #18AA38; color: white">
			<tr class="text-center">
				<th width="10%">Serial</th>
				<th>Name</th>
				<th>From</th>
				<th>To</th>
				<th width="100px">Photo</th>
			</tr>
		</thead>
		<tbody>
			@foreach ($members as $element)
			<tr>
				<td>{{ $loop->iteration }}</td>
				<td>{{ $element->name }}</td>
				<td>{{ date('d M Y',strtotime($element->from_date)) }}</td>
				@if($element->status ==1 )
					<td>Present</td>	
				@else
				<td>{{ date('d M Y',strtotime($element->to_date)) }}</td>
			@endif
				<td>
					<img src="{{ url($element->image_path) }}" style="width: 100px;">
				</td>
			</tr>
			@endforeach
		</tbody>
	</table>
</div>
@endsection