@extends('layouts.app')
@section('content')
<div class="auth-page" style="display:block">
    <div class="auth-card" style="width:min(980px,100%);margin:30px auto">
        <div class="split"><div><div class="auth-logo">HR</div><h1>Movex Nigeria Careers</h1><p class="muted">Open roles for the HR recruitment pipeline.</p></div><a class="btn secondary" href="{{ route('login') }}">Staff Login</a></div>
        @include('layouts.flash')
        @forelse($jobs as $job)
            <div class="card" style="box-shadow:none"><div class="split"><div><h3>{{ $job->title }}</h3><p class="muted">{{ $job->department?->name ?? 'General' }} • {{ str_replace('_',' ',ucfirst($job->employment_type)) }} • {{ $job->location }}</p></div><a class="btn" href="{{ route('careers.show',$job) }}">Apply</a></div></div>
        @empty
            <div class="empty">No open roles right now.</div>
        @endforelse
        <div class="pagination">{{ $jobs->links() }}</div>
    </div>
</div>
@endsection