@extends('layouts.error')

@section('content')
    <div class="row justify-content-center">
        <div class="col-lg-6">
            <div class="text-center mt-5">
                <div class="error-page">
                    <div class="error-code text-danger">404</div>
                    <div class="error-message">
                        <h4 class="text-dark">Halaman Tidak Ditemukan</h4>
                        <p class="text-muted">Halaman yang Anda cari tidak dapat ditemukan.</p>
                    </div>
                    <div class="error-actions mt-4">
                        @if(auth()->check())
                            <a href="{{ route('dashboard') }}" class="btn btn-primary">
                                <i class="mdi mdi-home"></i> Kembali ke Dashboard
                            </a>
                        @endif
                        <a href="javascript:history.back()" class="btn btn-outline-secondary ms-2">
                            <i class="mdi mdi-arrow-left"></i> Kembali
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection