@extends('layouts.app')

@section('title', '개요 - AI 업무 관리')
@section('heading', '전체 개요')
@section('subheading', '주요 기능별 현재 상태를 빠르게 확인합니다.')

@section('content')
    <section class="three-grid">
        <div class="panel">
            <h2>사람</h2>
            <p class="metric">{{ $users->count() }}</p>
            <p class="subtle">활성 담당자</p>
        </div>
        <div class="panel">
            <h2>최근 입력</h2>
            <p class="metric">{{ $rawInputs->count() }}</p>
            <p class="subtle">최근 원본 입력 표시 기준</p>
        </div>
        <div class="panel">
            <h2>최근 업무</h2>
            <p class="metric">{{ $tasks->count() }}</p>
            <p class="subtle">최근 업데이트 업무</p>
        </div>
    </section>

    <section class="grid" style="margin-top: 14px;">
        <div class="panel">
            <h2>최근 업무</h2>
            <div class="list">
                @forelse ($tasks as $task)
                    <article class="item">
                        <p class="item-title">{{ $task->title }}</p>
                        <div class="meta">
                            <span class="badge">{{ $task->status }}</span>
                            <span class="badge">{{ $task->priority }}</span>
                            <span>담당자: {{ optional($task->assignee)->name ?: '미배정' }}</span>
                        </div>
                    </article>
                @empty
                    <p class="empty">아직 업무가 없습니다.</p>
                @endforelse
            </div>
        </div>
        <div class="panel">
            <h2>기능 메뉴</h2>
            <div class="list">
                <a class="item" href="{{ route('inputs.index') }}">입력/AI 처리</a>
                <a class="item" href="{{ route('people.index') }}">사람 등록 및 개인 업무</a>
                <a class="item" href="{{ route('tasks.index') }}">전체 업무 및 업무 넘기기</a>
            </div>
        </div>
    </section>
@endsection