@extends('errors.layout')

@section('title', 'Terjadi Kesalahan')

@section('content')
<div class="error-container">
    <div class="error-icon">
        <i class="fas fa-exclamation-triangle"></i>
    </div>
    
    <div class="error-code">{{ $exception->getStatusCode() ?? 'Error' }}</div>
    
    <h1 class="error-title">Terjadi Kesalahan</h1>
    
    <p class="error-message">
        Maaf, terjadi kesalahan yang tidak terduga. 
        Silakan coba lagi atau hubungi tim support jika masalah berlanjut.
    </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>
        <a href="https://wa.me/6281117042204" target="_blank" class="btn-outline-custom">
            <i class="fab fa-whatsapp"></i>
            Hubungi Support
        </a>
    </div>
</div>
@endsection