@extends('layouts.admin')
@section('title','Pages')
@section('content')
<div class="flex justify-between">
    <h1 class="text-2xl font-semibold">Pages</h1>
    <a href="{{ route('admin.pages.create') }}" class="rounded bg-black px-3 py-2 text-sm text-white">New</a>
</div>
<ul class="mt-6 space-y-2">
    @foreach($pages as $page)
        <li class="flex justify-between rounded border bg-white px-4 py-3">
            <span>{{ $page->title }} <span class="text-xs text-black/40">{{ $page->status }}</span></span>
            <a class="text-sm underline" href="{{ route('admin.pages.edit',$page) }}">Edit</a>
        </li>
    @endforeach
</ul>
<div class="mt-4">{{ $pages->links() }}</div>
@endsection