@extends('errors.layout')

@section('title', '404 - Halaman Tidak Ditemukan')

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

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

    {{-- Error Title --}}
    <h1 class="error-title">Halaman Tidak Ditemukan</h1>

    {{-- Error Message --}}
    <p class="error-message">
        Maaf, halaman yang Anda cari tidak dapat ditemukan. Mungkin halaman telah dipindahkan, dihapus, atau URL yang Anda masukkan salah.
    </p>

    {{-- Action Buttons --}}
    <div class="error-actions">
        <a href="{{ url('/') }}" class="btn-primary-custom">
            <i class="fas fa-home"></i>
            Kembali ke Beranda
        </a>
        <button onclick="history.back()" class="btn-secondary-custom">
            <i class="fas fa-arrow-left"></i>
            Halaman Sebelumnya
        </button>
    </div>
@endsection