@extends('backend.layouts.app')
@section('content')
<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 fullbody">
	<div class="col-md-12">
		<div class="card">
			<div class="card-header">
				<h5>Members List <a href="{{ route('websites.management.committee.add') }}" class="btn btn-sm btn-facebook float-right"><i class="fa fa-plus"></i>
				Add New Member</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>Designation</th>
							<th>Photo</th>
							<th>Status</th>
							<th>Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach ($committee_members as $element)
						<tr>
							<td>{{$loop->index +1 }}</td>
							<td>{{ $element->name }}</td>
							<td>{{ $element->designation}}</td>
							<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.management.committee.edit',$element->id) }}" class="btn btn-sm btn-edit"><i class="fa fa-pencil" title="Edit"></i></a>
								<a href="{{ route('websites.management.committee.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