@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">About 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 fullbody">
	<div class="col-md-12">
		<div class="card">
			<div class="card-header">
				<h5>Member Secretary<a href="{{ route('websites.secretary.add') }}" class="btn btn-sm btn-facebook float-right"><i class="fa fa-plus"></i>
				Add Member Secretary</a>
			</h5>
		</div>
		<div class="card-body">
			<div class="table-responsive">
				<table class="table table-sm table-bordered table-striped" width="100%" id="dataTable">
					<thead>
						<tr>
							<th>Serial</th>
							<th>Name</th>
							<th>From</th>
							<th>To</th>
							<th>Photo</th>
							<th>Status</th>
							<th>Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach ($members as $element)
						<tr>
							<td>{{$loop->index +1 }}</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="{{ asset($element->image_path) }}" style="width: 100px">
							</td>
							<td>
								@if ($element->status == 1)
									<span class="badge badge-primary">Active</span>
								@else
									<span class="badge badge-warning">Inactive</span>
								@endif
							</td>
							<td>
								<a href="{{ route('websites.about.secretary.edit',$element->id) }}" class="btn btn-sm btn-edit"><i class="fa fa-pencil" title="Edit"></i></a>
								<a href="{{ route('websites.about.secretary.delete',$element->id) }}" class="btn btn-sm btn-delete"><i class="fa fa-trash" title="Delete"></i></a>
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
</div>
@endsection