@extends('layouts.auth')

@section('title', 'Maintenance')

@section('content')
    <style>
        .maintenance-wrap {
            min-height: 100vh;
            display: grid;
            place-items: center;
            background: #f3f4f6;
            padding: 2rem;
        }
        .maintenance-card {
            max-width: 560px;
            background: #fff;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            padding: 2rem;
            text-align: center;
        }
        .maintenance-card h1 {
            font-size: 1.75rem;
            margin-bottom: 0.75rem;
        }
        .maintenance-card p {
            color: #6b7280;
        }
    </style>
    <div class="maintenance-wrap">
        <div class="maintenance-card">
            <h1>Maintenance Mode</h1>
            <p>Login sementara ditutup. Silakan coba lagi nanti.</p>
            @if (!empty($announcementTitle) || !empty($announcementMessage))
                <div class="alert alert-info mt-3 text-start">
                    <strong>{{ $announcementTitle ?: 'Info' }}</strong>
                    <div>{{ $announcementMessage }}</div>
                </div>
            @endif
        </div>
    </div>
@endsection