@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
		<div class="page-header">
			<nav class="breadcrumb-one" aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
					<li class="breadcrumb-item"><a href="javascript:void(0);">Contacts</a></li>
					<li class="breadcrumb-item active" aria-current="page"><span>View Contacts</span></li>
				</ol>
			</nav>
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12 layout-spacing">
				<div class="statbox widget box box-shadow">
					<div class="widget-header">
						<div class="row">
							<div class="col-xl-12 col-md-12 col-sm-12 col-12">
								<h4>List of Contacts</h4>
							</div>          
						</div>
					</div>
					<div class="widget-content widget-content-area">
						<div class="table-responsive">
							<table class="table table-bordered mb-4">
								<thead>
									<tr>
										<th class="text-center">ID</th>
										<th class="text-center">First Name</th>
										<th class="text-center">Last Name</th>
										<th class="text-center">Phone Home</th>
										<th class="text-center">Phone Mobile</th>
										<th class="text-center">Phone Other</th>
										<th class="text-center">Work Phone Number</th>
										<th class="text-center">Primary Address Street</th>
										<th class="text-center">Primary Address State</th>
										<th class="text-center">Primary Address Postal code</th>
										<th class="text-center">Primary Address Country</th>
										<th class="text-center">Shipping Address Street</th>
										<th class="text-center">Shipping Address City</th>
										<th class="text-center">ContactSource Description</th>
										<th class="text-center">Status</th>
										<th class="text-center">Status Description</th>
										<th class="text-center">Date Entered</th>
										<th class="text-center">Date Modified</th>
									</tr>
								</thead>
								<tbody>
									@foreach ($result as $tck)									
									<tr>
										<td class="text-center">{{$tck->ContactId}}</td>
										<td class="text-center">{{$tck->FirstName}}</td>
										<td class="text-center">{{$tck->LastName}}</td>
										<td class="text-center">{{$tck->PhoneNumberHome}}</td>
										<td class="text-center">{{$tck->PhoneNumberMobile}}</td>
										<td class="text-center">{{$tck->PhoneNumberOther}}</td>
										<td class="text-center">{{$tck->PhoneNumberWork}}</td>
										<td class="text-center">{{$tck->PrimaryAddressStreet}}</td>
										<td class="text-center">{{$tck->PrimaryAddressState}}</td>
										<td class="text-center">{{$tck->PrimaryAddressPostalcode}}</td>
										<td class="text-center">{{$tck->PrimaryAddressCountry}}</td>
										<td class="text-center">{{$tck->ShippingAddressStreet}}</td>
										<td class="text-center">{{$tck->ContactSource}}</td>
										<td class="text-center">{{$tck->ContactSourceDescription}}</td>
										<td class="text-center">{{$tck->Status}}</td>
										<td class="text-center">{{$tck->StatusDescription}}</td>
										<td class="text-center">{{$tck->DateEntered}}</td>
										<td class="text-center">{{$tck->DateModified}}</td>
										
									</tr>
									@endforeach
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>

		</div>
        <!--  END CONTENT AREA  -->
@endsection