@extends('errors.layout')

@section('title', '503 - Layanan Tidak Tersedia')

@section('content')
    {{-- Error Icon --}}
    <div class="error-icon">
        <i class="fas fa-tools"></i>
    </div>

    {{-- Error Code --}}
    <div class="error-code" data-code="503">503</div>

    {{-- Error Title --}}
    <h1 class="error-title">Layanan Sedang Maintenance</h1>

    {{-- Error Message --}}
    <p class="error-message">
        Kami sedang melakukan pemeliharaan terjadwal untuk meningkatkan layanan kami. Mohon maaf atas ketidaknyamanan ini. Silakan kembali dalam beberapa saat.
    </p>

    {{-- Action Buttons --}}
    <div class="error-actions">
        <button onclick="location.reload()" class="btn-primary-custom">
            <i class="fas fa-redo"></i>
            Periksa Status
        </button>
        <a href="https://twitter.com/asetqu" target="_blank" class="btn-secondary-custom">
            <i class="fab fa-twitter"></i>
            Update di Twitter
        </a>
    </div>
@endsection