@extends('adminsection.layouts.master')

@section('title')
	Page
	|| @parent
@stop

@section('page-title')
	Page 
@stop

@section('main-content')
<div class="row gutters">
	<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
		<div class="card">
			<div class="card-header">
				<a href="{{route('page.create')}}" class="btn btn-success btn-sm float-left">
					Add New
				</a>

				<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12 float-right">
					<div class="right-actions">
						<form method="get" class="input-group form-group search-block">
							<input type="text" class="form-control" name="name" placeholder="Enter page name">
							<span class="input-group-btn">
								<button class="btn btn-primary" type="submit">Search</button>
							</span>
						</form>
					</div>
				</div>
			</div>
			<div class="card-body">
				<table class="table table-bordered m-0">
					<thead>
						<tr>
							<th>#</th>
							<th>Name</th>
							<th>Status</th>
							<th>Details</th>
							<th>Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach($pages as $page)
							<tr>
								<th scope="row">{{$loop->iteration}}</th>
								<td>{{$page->name}}</td>
								<td>
									@if($page->status == 1)
										Active
									@else
										Inactive
									@endif
								</td>
								<td>
									<a href="#" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#pageDetails{{$page->id}}">
										<i class="icon-eye2"></i>
									</a>
									
								</td>
								<td>
									<a href="{{route('page.edit', $page)}}" class="btn btn-info btn-sm">
										Edit
									</a>

									@if($page->slug != 'about-us' && $page->slug != 'contact-us')
									<a href="#" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#deletepage{{$page->id}}">
										Delete
									</a>
									@endif
								</td>
							</tr>

							<!-- Details Modal-->
							<div class="modal fade" id="pageDetails{{$page->id}}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
							  <div class="modal-dialog modal-lg">
							    <div class="modal-content">
							      <div class="modal-header">
							        <h5 class="modal-title">
							        	{{$page->name}} Details
							        </h5>
							        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
							          <span aria-hidden="true">&times;</span>
							        </button>
							      </div>

							      <div class="modal-body">
							        Details: 
							        {!! $page->details !!}

							        <br>
							        @if($page->custom_field_1)
							        	{{$page->custom_field_1}}
							        @endif

							        <br>
							        @if($page->custom_field_2)
							        	{{$page->custom_field_2}}
							        @endif

							        <br>
							        @if($page->custom_field_3)
							        	{{$page->custom_field_3}}
							        @endif

							        <br>
							        @if($page->custom_field_4)
							        	{{$page->custom_field_4}}
							        @endif
							      </div>

							      <div class="modal-footer">
							        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
							      </div>
							    </div>
							  </div>
							</div>

							<!-- Delete Modal -->
							<div class="modal fade" id="deletepage{{$page->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
								<div class="modal-dialog" role="document">
									<form method="post" action="{{route('page.delete', $page)}}">
										@csrf
										<div class="modal-content"  style="border-radius: 0px !important;">
											<div class="modal-header">
												<h5 class="modal-title" id="exampleModalLabel">
													Delete
												</h5>
												<button type="button" class="close" data-dismiss="modal" aria-label="Close">
													<span aria-hidden="true">&times;</span>
												</button>
											</div>
											<div class="modal-body">
												Are you sure to delete {{$page->name}}?
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
												<button type="submit" class="btn btn-secondary">Confirm</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
		<span class="float-right">
			{{$pages->links()}}
		</span>
	</div>
</div>
@stop