@extends('errors.layout')

@section('code', '503')

@section('title', 'Service Temporarily Unavailable')

@section('icon', 'fa-solid fa-screwdriver-wrench')

@section(
    'message',
    'The system is temporarily unavailable due to maintenance or a temporary service interruption. Please try again shortly.'
)

@section('primary-action')

    <a
        href="{{ url()->current() }}"
        class="inline-flex items-center justify-center gap-2 rounded-lg bg-sky-600 px-5 py-2.5 text-sm font-semibold text-white transition hover:bg-sky-700 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2"
    >
        <i class="fa-solid fa-rotate-right"></i>

        Try Again
    </a>

@endsection