@extends('layout')

@section('title', 'Contact List')

@section('content')	
	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title"><i class="fa fa-user"></i> Contacts</h3>
		</div>
		<div class="panel-body">
			@if(Session::has('message'))
				<div class="alert alert-success alert-dismissable" role="alert">
					<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
					<i class="fa fa-check"></i> {{ Session::get('message') }}
				</div>
			@endif
			
			<div class="row">
				<div class="col-md-9">
					<p>Here you can add, view, edit and delete contacts.</p>
					<p>You can delete contacts on their 'view' or 'edit' page.</p>
				</div>
				<div class="col-md-3">
					<a href="/contacts/create" class="btn btn-primary btn-block"><i class="fa fa-plus"></i> Add A Contact</a>
				</div>
			</div>
		</div>
		<table id="contact-list" class="table table-hover table-sortable display">
			<thead>
				<tr>
					<th>Name</th>
					<th>E-Mail</th>
					<th>Phone</th>
					<th>Account Code</th>
					<th>Company</th>
					<th>View</th>
					<th>Edit</th>
				</tr>
			</thead>
			<tbody>		
				@foreach($contacts as $contact)
					<tr>
						<td>{{ $contact->name }}</td>
						<td>{{ $contact->email }}</td>
						<td>{{ $contact->phone }}</td>
						<td>{{ $contact->company->accountcode }}</td>
						<td>{{ $contact->company->name }}</td>
						<td><a href="contacts/" class="btn btn-sm btn-default"><i class="fa fa-eye"></i> View</a></td>
						<td><a href="contacts//edit" class="btn btn-sm btn-default"><i class="fa fa-pencil-square-o"></i> Edit</a></td>
					</tr>	
				@endforeach
			</tbody>
		</table>
	</div>
@stop