@extends('layouts.app')

@section('title', '사람 - AI 업무 관리')
@section('heading', '사람 관리')
@section('subheading', '담당자를 등록, 수정, 비활성화하고 개인별 업무를 확인합니다.')

@section('content')
    <section class="grid">
        <div class="panel">
            <h2>사람 등록</h2>
            <form method="post" action="{{ route('people.store') }}">
                @csrf
                <div class="form-grid">
                    <input name="name" required maxlength="100" placeholder="이름">
                    <input name="position" maxlength="100" placeholder="직책">
                    <input name="department" maxlength="100" placeholder="부서">
                    <input name="phone" maxlength="50" placeholder="연락처">
                    <input class="wide" name="email" type="email" maxlength="255" placeholder="이메일 선택 입력">
                    <input class="wide" name="aliases" maxlength="500" placeholder="별칭: 김대리, 김민수 대리">
                </div>
                <div class="actions">
                    <span class="note">별칭은 쉼표로 여러 개 입력합니다.</span>
                    <button type="submit">사람 등록</button>
                </div>
            </form>
        </div>

        <div class="panel">
            <h2>등록 현황</h2>
            <p class="metric">{{ $users->count() }}</p>
            <p class="subtle">활성 담당자</p>
        </div>
    </section>

    <section class="panel" style="margin-top: 14px;">
        <h2>개인 업무 리스트</h2>
        <div class="people-grid">
            @forelse ($users as $user)
                <article class="item">
                    <div class="person-name">
                        <strong>{{ $user->name }}</strong>
                        <span class="badge">{{ $user->assignedTasks->count() }}건</span>
                    </div>
                    <div class="meta">
                        @if ($user->department)<span>{{ $user->department }}</span>@endif
                        @if ($user->position)<span>{{ $user->position }}</span>@endif
                        @foreach ($user->aliases as $alias)
                            <span class="badge">{{ $alias->alias }}</span>
                        @endforeach
                    </div>

                    <form class="inline-form person-update-form" data-id="{{ $user->id }}">
                        <input name="name" required maxlength="100" value="{{ $user->name }}" placeholder="이름">
                        <input name="position" maxlength="100" value="{{ $user->position }}" placeholder="직책">
                        <input name="department" maxlength="100" value="{{ $user->department }}" placeholder="부서">
                        <input name="phone" maxlength="50" value="{{ $user->phone }}" placeholder="연락처">
                        <input name="email" type="email" maxlength="255" value="{{ $user->email }}" placeholder="이메일">
                        <input name="aliases" maxlength="500" value="{{ $user->aliases->pluck('alias')->implode(', ') }}" placeholder="별칭">
                        <button class="secondary small-button" type="submit">사람 수정</button>
                    </form>

                    <button class="secondary small-button person-deactivate-button" type="button" data-id="{{ $user->id }}">비활성화</button>

                    <div class="list" style="margin-top: 10px;">
                        @forelse ($user->assignedTasks->take(8) as $task)
                            <div 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->due_date)->format('Y-m-d') ?: '마감일 미정' }}</span>
                                    @if ($task->due_at)<span>{{ $task->due_at->format('Y-m-d H:i') }}</span>@endif
                                </div>
                            </div>
                        @empty
                            <p class="empty">배정된 업무가 없습니다.</p>
                        @endforelse
                    </div>
                </article>
            @empty
                <p class="empty">등록된 사람이 없습니다.</p>
            @endforelse
        </div>
    </section>
@endsection

@push('scripts')
    @include('partials.people-scripts')
@endpush