@extends('layouts.handa')
	@section('content')
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="float-left">
						<h3><strong>Contacts</strong></h3>
					</div>
					<div class="float-right">
					</div>
				</div>
			</div>
			<div class="card">
				<div class="card-header">
					<div class="float-left">
						{!! Form::open(['url' => 'backdoor/contacts/search', 'class' => 'form-inline', 'role' => 'form', 'autocomplete' => 'off']) !!}
							<div class="form-group">
								<div class="input-group">
									{!! Form::text('search', $search, ['class' => 'form-control', 'placeholder' => 'search contacts', 'required']) !!}
									<div class="input-group-prepend">
										{!! Form::button('<span class="fa fa-search"></span>', ['class' => 'btn btn-outline-secondary', 'type' => 'submit', 'title' => 'Search']) !!}
									</div>
								</div>
							</div>
						{!! Form::close() !!}
					</div>
					<div class="float-right"><a href="{{ url('backdoor/contacts/add') }}" class="btn btn-primary" title="Add Contact"><span class="fa fa-plus"></span></a></div>
				</div>
				@if($contacts->isEmpty())
					<div class="card-body">
						<h6 class="text-danger mb-0"><strong><i class="fa fa-exclamation-circle"></i> No record(s) found.</strong></h6>
					</div>
				@else
					<table class="table mb-0">
						<thead>
							<tr>
								<th>Name</th>
								<th>Mobile Number</th>
								<th>Group</th>
								<th>Agency</th>
								<th>Position</th>
								<th class="text-center">Status</th>
								<th></th>
							</tr>
						</thead>
						<tbody>
							@foreach($contacts as $contact)
							<tr>
								<td class="align-middle">{{ $contact->c_lname }}, {{ $contact->c_fname }}</td>
								<td class="align-middle">{{ $contact->c_number }}</td>
								<td class="align-middle">
									@foreach($contact->groups as $group)
										<div>{{ $group->g_name }}</div>
									@endforeach
								</td>
								<td class="align-middle">{{ $contact->c_agency }}</td>
								<td class="align-middle text-nowrap">{{ $contact->c_position }}</td>
								<td class="align-middle text-center">{!! $contact->is_active == 1 ? '<span class="fa fa-check-circle text-success" title="Active"></span>' : '<span class="fa fa-times-circle text-danger" title="Inactive"></span>' !!}</td>
								<td class="align-middle text-right text-nowrap">
									<a href="{{ url('backdoor/contacts/view/'.$contact->c_id) }}" class="btn btn-success btn-sm" title="View"><span class="fa fa-eye"></span></a>
									<a href="{{ url('backdoor/contacts/edit/'.$contact->c_id) }}" class="btn btn-info btn-sm" title="Edit"><span class="fa fa-pencil-square-o"></span></a>
								</td>
							</tr>
							@endforeach
						</tbody>
					</table>
					@if($contacts->render())
						<div class="card-footer">
							@if($search == '') 
								{!! $contacts->links('vendor.pagination.bootstrap-4') !!} 
							@else 
								{!! $contacts->appends(Request::only('search'))->links('vendor.pagination.bootstrap-4') !!} 
							@endif 
						</div>
					@endif
				@endif
			</div>
		</div>
	@stop