@extends('errors.layout')

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

@section('content')
<div class="error-container">
    <div class="error-icon">
        <img src="{{ asset('images/404.png') }}" alt="404 Error" class="error-image">
    </div>

    <h1 class="error-title">Halaman Tidak Ditemukan</h1>
    
    <p class="error-message">
        Maaf, halaman yang Anda cari tidak dapat ditemukan. Halaman mungkin telah dipindahkan, dihapus, 
        atau Anda mungkin salah mengetik alamat URL.
    </p>
    
    <div class="error-actions">
        <a href="{{ route('home') }}" class="btn-primary-custom">
            <i class="fas fa-home"></i>
            Kembali ke Beranda
        </a>
        <a href="javascript:history.back()" class="btn-outline-custom">
            <i class="fas fa-arrow-left"></i>
            Halaman Sebelumnya
        </a>
    </div>
</div>
@endsection