@extends('layouts.app')

@section('title', $title ?? '재무관리')

@section('content')
<div class="max-w-4xl mx-auto">
    <!-- 페이지 헤더 -->
    <div class="mb-6">
        <h1 class="text-2xl font-bold text-gray-800 flex items-center gap-2">
            <x-sidebar.menu-icon icon="wallet" class="w-6 h-6" />
            {{ $title ?? '재무관리' }}
        </h1>
        <p class="text-sm text-gray-500 mt-1">재무 관리 시스템</p>
    </div>

    <!-- 준비 중 카드 -->
    <div class="bg-white rounded-lg shadow-sm p-12 text-center">
        <div class="inline-flex items-center justify-center w-20 h-20 bg-blue-50 rounded-full mb-6">
            <x-sidebar.menu-icon icon="settings" class="w-10 h-10 text-blue-500" />
        </div>
        <h2 class="text-xl font-semibold text-gray-800 mb-2">페이지 준비 중</h2>
        <p class="text-gray-500 mb-6">
            <strong>{{ $title }}</strong> 기능이 곧 제공될 예정입니다.
        </p>
        <div class="flex justify-center gap-4">
            <a href="{{ url('/재무관리') }}"
               class="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition">
                재무관리 데모 보기
            </a>
            <a href="{{ route('dashboard') }}"
               class="px-6 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition">
                대시보드로 이동
            </a>
        </div>
    </div>

    <!-- 현재 경로 정보 -->
    <div class="mt-6 p-4 bg-gray-50 rounded-lg">
        <p class="text-sm text-gray-500">
            <strong>현재 경로:</strong> {{ request()->path() }}
        </p>
    </div>
</div>
@endsection