@extends('layouts.error')
@section('content')
    <div class="mb-0 border-none shadow-none lg:w-[500px] card bg-white/70 dark:bg-zink-500/70">
        <div class="!px-10 !py-12 card-body">
            <a href="index-1.html">
                <img src="{{ URL::to('assets/images/ski-logo.png') }}" alt="" class="hidden h-16 mx-auto dark:block">
                <img src="{{ URL::to('assets/images/ski-logo.png') }}" alt="" class="block h-16 mx-auto dark:hidden">
            </a>
            <div class="mt-10">
                <img src="{{ URL::to('assets/images/error-404.png') }}" alt="" class="h-64 mx-auto">
            </div>
            <div class="mt-8 text-center">
                <h4 class="mb-2 text-purple-500">OPPS, HALAMAN TIDAK DITEMUKAN</h4>
                <p class="mb-6 text-slate-500 dark:text-zink-200">Silahkan hubungi IT untuk informasi lebih lanjut.</p>
                <a href="{{ url('/run') }}" class="text-white transition-all duration-200 ease-linear btn bg-custom-500 border-custom-500 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">
                    <i data-lucide="home" class="inline-block size-3 ltr:mr-1 rtl:ml-1"></i> 
                    <span class="align-middle">Kembali</span>
                </a>
            </div>
        </div>
    </div>
@endsection