@extends('layouts.app')

@section('title', 'System Paused')

@section('content')
    <div class="mx-auto flex max-w-xl flex-col items-center justify-center gap-4 rounded-xl border border-border bg-card p-10 text-center">
        <div class="flex size-16 items-center justify-center rounded-full bg-amber-500/15 text-3xl text-amber-600">⏸</div>
        <h1 class="text-2xl font-semibold">System temporarily paused</h1>
        <p class="text-sm text-muted-foreground">{{ $message }}</p>
        <a href="{{ route('login') }}" class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90">Return to login</a>
    </div>
@endsection