@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">{{ session('title') }}</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Home </li>
			<li class="breadcrumb-item active">{{ session('title') }}</li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
<div class="container fullbody">
	<div class="col-md-12">
		<div class="card">
			{{-- <div class="card-header">
				<h5>{{session()->get('title')}} List</h5>
			</div> --}}
			<div class="card-body">
				<div class="table-responsive">
					<table class="table table-sm table-bordered table-striped" width="100%">
						<thead>
							<tr>
								<th>Page Title</th>
								<th>Slug</th>
								<th>Content</th>
								<th>Status</th>
								<th>Action</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($pages as $element)
							<tr>
								<td>{{ $element->page_title }}</td>
								<td>{{ $element->slug }}</td>
								<td>
									@if ($element->content)
									<span class="badge badge-primary">Elick Edit for view</span>
									@else
									<span class="badge badge-warning">No Content</span>
									@endif
								</td>
								<td>
									@if ($element->status == 1)
									<span class="badge badge-success">Active</span>
									@else
									<span class="badge badge-warning">Inactive</span>
									@endif
								</td>
								<td>
									<a href="{{ route('websites.pages.edit',$element->id) }}" class="btn btn-sm btn-edit" title="Edit"><i class="fa fa-pencil"></i> Edit</a>
								</td>
							</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection