@extends('v2-portal::app-layout', [
    'pageTitle' => 'Em Manutenção',
    'showHeader' => true,
    'showFooter' => true,
    'showMainHeader' => false,
    'showMainLeftArea' => false,
    'showMainRightArea' => false
])

@section('main-section-area')
    @component('v2-portal::main-section.main-content')
        <div class="text-center py-5">
            <div class="text-secondary mb-4" style="opacity: 0.3;">
                <i class="bi bi-wrench-adjustable-circle-fill" style="font-size: 6rem;" aria-hidden="true"></i>
            </div>

            <h2 class="display-3 fw-bold text-dark mb-3">503</h2>
            <p class="lead text-dark mb-2">
                Portal em Manutenção.
            </p>
            <p class="small text-muted mb-4">
                Estamos realizando atualizações técnicas para melhorar nossos serviços. Voltaremos em breve.
            </p>

            <div>
                <button type="button" onclick="window.location.reload()" class="btn btn-outline-secondary d-inline-flex align-items-center gap-2 px-4 py-2 btn-sm rounded-pill fw-bold">
                    <i class="bi bi-arrow-clockwise"></i> Verificar Disponibilidade
                </button>
            </div>
        </div>
    @endcomponent
@endsection