@extends('layout')

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

@section('content')
	<div class="row">
		<div class="col-md-8">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title"><i class="fa fa-user"></i> Contact Details for {{ $contact->name }} at {{ $contact->company->name }}</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-6">
							<h4 class="text-center">Basic Details</h4>
							<dl class="dl-horizontal">
								<dt>Contact Name</dt>
								<dd>{{ $contact->name }}</dd>
								<dt>E-Mail Address</dt>
								<dd>{{ $contact->email }}</dd>
								<dt>Telephone</dt>
								<dd>{{ $contact->phone }}</dd>
								<dt>Company</dt>
								<dd><a href="/companies/{{ $contact->company->id }}">{{ $contact->company->name }}</a></dd>
								<dt>Account Code</dt>
								<dd>{{ $contact->company->accountcode }}</dd>
							</dl>
						</div>
						
						<div class="col-md-6">					
							<h4 class="text-center">Extra Details</h4>
							<dl class="dl-horizontal">
								<dt>ID</dt>
								<dd>{{ $contact->id }}</dd>
								<dt>Created</dt>
								<dd>{{ $contact->created_at }}</dd>
								<dt>Updated</dt>
								<dd>{{ $contact->updated_at }}</dd>
							</dl>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="col-md-4">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">Functions</h3>
				</div>
				<div class="panel-body">
					<div class="row">
						<div class="col-xs-6">
							<a href="/edit" class="btn btn-default btn-block"><i class="fa fa-pencil-square-o"></i> Edit</a>
						</div>
						<div class="col-xs-6">
							<a href="javascript:;" data-toggle="modal" data-target="#modal-delete" class="btn btn-danger btn-block"><i class="fa fa-trash-o"></i> Delete</a>
						</div>
					</div>
				</div>
			</div>
		</div>		
	</div>
	
	<div class="row">
		<div class="col-xs-12">		
			<a href="../contacts" class="btn btn-default">Go to contacts</a>
		</div>
	</div>
	
	<div class="modal fade" id="modal-delete">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">Are you sure?</h4>
				</div>
				<div class="modal-body">
					<p>Are you are you want to permanently delete the Contact {{ $contact->name }}?</p>
				</div>
				<div class="modal-footer">
					<div class="row">
						<div class="col-md-9">
							{{ Form::delete('contacts/' . $contact->id, 'Permanently Delete ' . $contact->name, false, array('class' => 'btn btn-danger btn-block')) }}
						</div>
						<div class="col-md-3">
							<button type="button" class="btn btn-default btn-block" data-dismiss="modal">Cancel</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
@stop