@extends('layouts.app')

@section('title', 'エラーが発生しました')

@section('content')
<div class="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
    <div class="max-w-md w-full space-y-8">
        <div class="text-center">
            <div class="mx-auto h-12 w-12 text-red-500">
                <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"></path>
                </svg>
            </div>
            <h2 class="mt-6 text-3xl font-extrabold text-gray-900">
                エラーが発生しました
            </h2>
            <p class="mt-2 text-sm text-gray-600">
                {{ $message ?? '予期しないエラーが発生しました。' }}
            </p>
            
            @if(isset($exception) && method_exists($exception, 'getErrorCode'))
                <p class="mt-2 text-xs text-gray-500">
                    エラーコード: {{ $exception->getErrorCode() }}
                </p>
            @endif
        </div>

        <div class="mt-8 space-y-4">
            <button onclick="history.back()" 
                    class="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                前のページに戻る
            </button>
            
            <a href="{{ route('dashboard') }}" 
               class="group relative w-full flex justify-center py-2 px-4 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                ダッシュボードに戻る
            </a>
        </div>

        @if(config('app.debug') && isset($exception))
            <div class="mt-8 p-4 bg-gray-100 rounded-md">
                <h3 class="text-sm font-medium text-gray-900 mb-2">デバッグ情報</h3>
                <div class="text-xs text-gray-600 space-y-1">
                    <p><strong>ファイル:</strong> {{ $exception->getFile() }}</p>
                    <p><strong>行:</strong> {{ $exception->getLine() }}</p>
                    @if(method_exists($exception, 'getContext') && !empty($exception->getContext()))
                        <p><strong>コンテキスト:</strong></p>
                        <pre class="mt-1 text-xs bg-white p-2 rounded border overflow-x-auto">{{ json_encode($exception->getContext(), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                    @endif
                </div>
            </div>
        @endif
    </div>
</div>
@endsection