@extends('admin.layouts.content')
	@section('content')
		<div class="card">
			@include('components.card_header', ['title' => 'Groups', 'create_title' => 'New Group', 'create' => route('New Group')])
			<div class="card-body">
				<div class="d-flex align-items-center">
                    <form action="{{ route('Groups') }}" class="form-inline float-left mx-auto w-100" method="GET" autocomplete="off">
                    	<div class="input-group input-group-sm ml-2">
                            <div class="input-group-prepend">
                                <span class="input-group-text rounded-0"><i class="fa fa-search"></i></span>
                            </div>
                            <input type="text" name="search" value="{{ old('search', $search) }}" class="form-control form-control-sm rounded-0 mr-2" placeholder="Search">
                            <input type="Submit" class="btn btn-primary btn-sm rounded-0">
                        </div>
                    </form>
                </div>
			</div>
			<div class="table-responsive">
				<table class="table table-hover pb-0 mb-0">
					<thead>
						<tr>
							<th>#</th>
							<th>Name</th>
							<th>Status</th>
							<th class="text-right">Action</th>
						</tr>
					</thead>
					<tbody>
					@forelse($groups as $group)
						<tr>
							<td class="text-nowrap">{!! $loop->iteration !!}</td>
							<td>{!! $group->name !!}</td>
							<td><i class="font-weight-bold {!! $group->is_active ? 'text-success' : 'text-danger' !!}">{!! $group->is_active ? 'Active' : 'Inactive' !!}</i></td>
							<td class="text-right">
								@include('components.edit', ['route' => route('Edit Group', ['id' => $group->id])])
							</td>
						</tr>
					@empty
						<tr>
							<td colspan="7">
								<small class="font-weight-bold text-danger"><i class="fa fa-exclamation-circle"></i> No record(s) found.</small>
							</td>
						</tr>
					@endforelse
					</tbody>
				</table>
			</div>
		</div>
		<br>
	@endsection