@extends('layouts.site')

@section('js')
<script>
    $(".delete").on("click", function(){
        return confirm("Do you want to delete this item?");
    });
</script>
@endsection

@section('content')
	<h1>Pages</h1>
	
	<div class="text-right mb-3">
		<a href="{{ route('cp_page_new') }}" class="btn btn-success">New Page</a>
	</div>

	
	<table class="table table-striped table-bordered">
		<thead>
			<tr>
				<th>Page</th>
				<th>Category</th>
				<th>Options</th>
			</tr>
		</thead>
		<tbody>
			@foreach($pages as $page)
				<tr>
					<td>{{ $page->title }}</td>
					<td>{{ $page->category->name }}</td>
					<td>
						<a href="{{ route('cp_page_edit', ['id' => $page->slug]) }}" class="btn btn-warning">Edit</a>
						<a href="{{ route('cp_page_delete', ['id' => $page->slug]) }}" class="btn btn-danger delete">Delete</a>
					</td>
				</tr>
			@endforeach
		</tbody>
	</table>
	
@endsection