@extends('layouts.app')

@section('title', '리포트 - AI 업무 관리')
@section('heading', '일일 리포트')
@section('subheading', '전체 업무 리포트와 개인별 업무 리포트를 생성하고 확인합니다.')

@section('content')
    <nav class="nav" style="margin-bottom: 14px;">
        <a href="#overall-report">전체 리포트</a>
        <a href="#user-report">개인 리포트</a>
    </nav>

    <section class="grid">
        <div class="panel" id="overall-report">
            <h2>전체 리포트</h2>
            <form class="report-form" data-report-type="overall">
                <div class="form-grid">
                    <input name="report_date" type="date" value="{{ now()->toDateString() }}">
                    <input type="hidden" name="report_type" value="overall">
                </div>
                <div class="actions">
                    <span class="note">모든 담당자와 미배정 업무를 같은 포맷으로 정리합니다.</span>
                    <button type="submit">전체 리포트 생성</button>
                </div>
            </form>
        </div>

        <div class="panel" id="user-report">
            <h2>개인 리포트</h2>
            <form class="report-form" data-report-type="user">
                <div class="form-grid">
                    <input name="report_date" type="date" value="{{ now()->toDateString() }}">
                    <select name="target_user_id" aria-label="개인 리포트 담당자 선택">
                        <option value="">사람 선택</option>
                        @foreach ($users as $user)
                            <option value="{{ $user->id }}" @if ((string) $selectedUserId === (string) $user->id) selected @endif>
                                {{ $user->name }}{{ $user->position ? ' / '.$user->position : '' }}
                            </option>
                        @endforeach
                    </select>
                    <input type="hidden" name="report_type" value="user">
                </div>
                <div class="actions">
                    <span class="note">선택한 사람에게 배정된 업무만 리포트로 생성합니다.</span>
                    <button type="submit">개인 리포트 생성</button>
                </div>
            </form>
        </div>
    </section>

    <section class="three-grid" style="margin-top: 14px;">
        <div class="panel">
            <h2>전체 리포트</h2>
            <p class="metric">{{ $overallReports->count() }}</p>
            <p class="subtle">최근 전체 리포트</p>
        </div>
        <div class="panel">
            <h2>개인 리포트</h2>
            <p class="metric">{{ $userReports->count() }}</p>
            <p class="subtle">선택 조건 기준 최근 개인 리포트</p>
        </div>
        <div class="panel">
            <h2>사람별 보기</h2>
            <form method="get" class="inline-form" action="{{ route('reports.index') }}">
                <select name="user_id" aria-label="개인 리포트 목록 담당자 선택">
                    <option value="">전체 개인 리포트</option>
                    @foreach ($users as $user)
                        <option value="{{ $user->id }}" @if ((string) $selectedUserId === (string) $user->id) selected @endif>
                            {{ $user->name }}{{ $user->position ? ' / '.$user->position : '' }}
                        </option>
                    @endforeach
                </select>
                <button type="submit" class="secondary">개인 리포트 조회</button>
            </form>
        </div>
    </section>

    <section class="grid" style="margin-top: 14px;">
        <div class="panel">
            <h2>전체 리포트 목록</h2>
            <div class="list">
                @forelse ($overallReports as $report)
                    <article class="item">
                        <p class="item-title">{{ $report->title }}</p>
                        <div class="meta">
                            <span class="badge">전체</span>
                            <span>{{ optional($report->generated_at)->format('Y-m-d H:i') }}</span>
                        </div>
                        <pre class="analysis" style="white-space: pre-wrap;">{{ $report->body_text }}</pre>
                    </article>
                @empty
                    <p class="empty">생성된 전체 리포트가 없습니다.</p>
                @endforelse
            </div>
        </div>

        <div class="panel">
            <h2>개인 리포트 목록</h2>
            <div class="list">
                @forelse ($userReports as $report)
                    <article class="item">
                        <p class="item-title">{{ $report->title }}</p>
                        <div class="meta">
                            <span class="badge">개인</span>
                            <span>{{ optional($report->generated_at)->format('Y-m-d H:i') }}</span>
                            @if ($report->targetUser)<span>{{ $report->targetUser->name }}</span>@endif
                        </div>
                        <pre class="analysis" style="white-space: pre-wrap;">{{ $report->body_text }}</pre>
                    </article>
                @empty
                    <p class="empty">생성된 개인 리포트가 없습니다.</p>
                @endforelse
            </div>
        </div>
    </section>

    <section class="panel" style="margin-top: 14px;">
        <h2>최근 전체 목록</h2>
        <div class="list">
            @forelse ($reports as $report)
                <article class="item">
                    <p class="item-title">{{ $report->title }}</p>
                    <div class="meta">
                        <span class="badge">{{ $report->report_type }}</span>
                        <span>{{ optional($report->generated_at)->format('Y-m-d H:i') }}</span>
                        @if ($report->targetUser)<span>{{ $report->targetUser->name }}</span>@endif
                    </div>
                    <pre class="analysis" style="white-space: pre-wrap;">{{ $report->body_text }}</pre>
                </article>
            @empty
                <p class="empty">생성된 리포트가 없습니다.</p>
            @endforelse
        </div>
    </section>
@endsection

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