@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 Background</h6>
					</div>
					<div class="col-lg-6 col-5 text-right">
						<a href="{{ route('admin.background') }}" class="btn btn-neutral"><i class="fas fa-angle-left"></i> Back</a>
						<a href="#" class="btn btn-neutral" target="_blank"><i class="fa fa-eye"></i> View Page</a>
						<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">
								<a class="dropdown-item" href="{{ route('admin.background.edit', ['id' => $page->id]) }}">
									<i class="fas fa-pencil-alt text-info"></i>
									<span class="status">Edit</span>
								</a>
								<div class="dropdown-divider"></div>
								<a 
									class="dropdown-item _delete" 
									href="javascript:;"
									data-link="{{ route('admin.background.delete', ['id' => $page->id]) }}"
								>
									<i class="fas fa-times text-danger"></i>
									<span class="status text-danger">Delete</span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Imojis content -->
	<div class="container-fluid mt--6">
		<div class="row">
			<div class="col-xl-8 order-xl-1">
				@include('admin.partials.flash_messages')
				<div class="card d-none">
					<!--!! FLAST MESSAGES !!-->
					<div class="card-header">
						<div class="row align-items-center">
							<div class="col-8">
								<h3 class="mb-0">Background 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>{{ $page->id }}</td>
								</tr>
								<tr>
									<th>Title</th>
									<td>{{ $page->title }}</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="card">
					<div class="card-header">
						<div class="row align-items-center">
							<div class="col">
								<h3 class="mb-0">Background Information</h3>
							</div>
						</div>
					</div>
					<div class="table-responsive">
						<!-- Projects table -->
						<table class="table align-items-center table-flush">
							<tbody>
								<tr>
									<th scope="row">
										Status
									</th>
									<td>
										<span class="badge badge-danger">Unpublished</span>									</td>
								</tr>
								<tr>
									<th scope="row">
										Created By
									</th>
									<td>
										{{ isset($page->owner) ? $page->owner->first_name . ' ' . $page->owner->last_name : "-" }}
									</td>
								</tr>
								<tr>
									<th scope="row">
										Created On
									</th>
									<td>
										{{ _dt($page->created) }}
									</td>
								</tr>
								<tr>
									<th scope="row">
										Last Modified
									</th>
									<td>
										{{ _dt($page->modified) }}
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="col-xl-4 order-xl-1">
				@if($page->image)
				<div class="card">
					<div class="card-body">
						<img src="{{ url($page->image) }}">
					</div>
				</div>
				@endif
			</div>
		</div>
	</div>
@endsection