@extends('layouts.adminlayout')
@section('content')
	<div class="header bg-primary pb-6">
		<div class="container-fluid">
			<div class="header-body">
				<div class="row align-items-center py-4">
					<div class="col-lg-6 col-7">
						<h6 class="h2 text-white d-inline-block mb-0">Manage Contact Us</h6>
					</div>
					<div class="col-lg-6 col-5 text-right">
						<a href=" {{ route('admin.contactus') }}" class="btn btn-neutral"><i class="fa fa-angle-left"></i> Back</a>
						@if(Permissions::hasPermission('contact_us', 'delete'))
						<div class="dropdown" data-toggle="tooltip" data-title="More Actions">
							<a class="btn btn-neutral" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i class="fas fa-ellipsis-v"></i>
							</a>
							<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
								@if(Permissions::hasPermission('contact_us', 'delete'))
								<a 
									class="dropdown-item _delete" 
									href="javascript:;"
									data-link="{{ route('admin.contactus.delete', ['id' => $page->id]) }}"
								>
									<i class="fas fa-times text-danger"></i>
									<span class="status text-danger">Delete</span>
								</a>
								@endif;
							</div>
						</div>
						@endif;
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Page content -->
	<div class="container-fluid mt--6">
		<div class="row">
			<div class="col-xl-8 order-xl-1">
				<div class="card">
					<!--!! FLAST MESSAGES !!-->
					@include('admin.partials.flash_messages')
					<div class="card-header">
						<div class="row align-items-center">
							<div class="col-8">
								<h3 class="mb-0">Contact Us Information</h3>
							</div>
						</div>
					</div>
					<div class="table-responsive">
						<!-- Projects table -->
						<table class="table align-items-center table-flush">
							<tbody>
								<tr>
									<th>Id</th>
									<td>{{ isset($page->id) && $page->id ? $page->id : ' ' }}</td>
								</tr>

								<tr>
									<th>Name</th>
									<td>{{ isset($page->full_name) && $page->full_name ? $page->full_name : '-'; }}</td>
								</tr>
								<tr>
									<th>Contact Number</th>
									<td>{{ isset($page->phonenumber) && $page->phonenumber ? $page->phonenumber : '-' }}</td>
								</tr>
								<tr>
									<th>Email</th>
									<td>{{ isset($page->email) && $page->email ? $page->email : '-' }}</td>
								</tr>
								<tr>
									<th>Subject</th>
									<td>{{ isset($page->subject) && $page->subject ? $page->subject : '-'; }}</td>
								</tr>
								<tr>
									<td colspan="2">
										<h4>Message</h4>
										{!! isset($page->message) && $page->message ? nl2br($page->message) : '-'; !!}
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="col-xl-4 order-xl-1">
				<div class="card">
					<div class="card-header">
						<div class="row align-items-center">
							<div class="col">
								<h3 class="mb-0">Other Information</h3>
							</div>
						</div>
					</div>
					<div class="table-responsive">
						<!-- Projects table -->
						<table class="table align-items-center table-flush">
							<tbody>								
								<tr>
									<th scope="row">
										Created On
									</th>
									<td>
										{{ isset($page->created) && $page->created ? $page->created : ' '  }}
									</td>
								</tr>
								<tr>
									<th scope="row">
										Last Modified
									</th>
									<td>
										{{ isset($page->modified) && $page->modified ? $page->modified : ' ' }}
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection