@extends('v2-cms::layouts.app', ['title' => '503 - Serviço indisponível'])

@section('content')
<div class="d-flex flex-column align-items-center justify-content-center text-center py-5">
    <h2 class="display-1 fw-bold text-danger mb-3">503</h2>
    
    <div class="max-width-500" style="max-width: 500px;">
        <h3 class="h4 text-dark mb-3">
            <i class="bi bi-hourglass-split text-danger me-2"></i> Serviço Indisponível.
        </h3>
        
        <p class="text-secondary mb-4">
            O serviço está temporariamente indisponível. Por favor, tente novamente mais tarde.
        </p>
        
        <a href="{{ route('v2.cms.dashboard') }}" class="btn btn-primary d-inline-flex align-items-center gap-2 px-4 shadow-sm">
            <i class="bi bi-arrow-left"></i> Retornar ao Dashboard
        </a>
    </div>
</div>
@endsection