@extends('jobs.layout')

@section('title', 'Pages')

@section('content')
<main class="wrap">
    <span class="eyebrow">JULISTAH JOBS</span>
    <h1 class="title">Pages</h1>
    <p class="muted">Information and updates from our team.</p>

    @if ($pages->isEmpty())
        <div class="empty">There are no published pages yet.</div>
    @else
        <div class="page-list">
            @foreach ($pages as $page)
                <article class="panel page-card">
                    @if ($page->image_path)<a href="{{ route('pages.show', $page->slug) }}"><img src="{{ route('pages.image', $page->slug) }}" alt=""></a>@endif
                    <div>
                        <p class="blog-meta">{{ $page->published_at?->format('d M Y') ?: $page->created_at->format('d M Y') }}</p>
                        <h2><a href="{{ route('pages.show', $page->slug) }}">{{ $page->title }}</a></h2>
                        @if ($page->excerpt)<p class="muted">{{ $page->excerpt }}</p>@endif
                        <a class="blog-read-link" href="{{ route('pages.show', $page->slug) }}">Read page →</a>
                    </div>
                </article>
            @endforeach
        </div>
        <div class="pagination">{{ $pages->links() }}</div>
    @endif
</main>
@endsection