@extends('layouts.app')

@section('title', '입력/AI - AI 업무 관리')
@section('heading', '입력/AI 처리')
@section('subheading', '텍스트와 음성을 AI가 분석해 업무 내용, 담당자, 일정과 시간을 자동 반영합니다.')

@section('content')
    <section class="grid">
        <div class="panel">
            <h2>빠른 업무 입력</h2>
            <form method="post" action="{{ route('text-inputs.store') }}">
                @csrf
                <textarea name="text" maxlength="4000" required placeholder="예: 김민수 대리에게 내일까지 견적서 수정본 확인 업무를 등록해줘.">{{ old('text') }}</textarea>
                @error('text')
                    <p class="subtle" style="color: #b3261e;">{{ $message }}</p>
                @enderror
                <div class="actions">
                    <span class="note">예: 김민수에게 내일 오후 3시 제안서 작성 업무 넣어줘.</span>
                    <button type="submit">AI 자동 업무 등록</button>
                </div>
            </form>
        </div>

        <div class="panel">
            <h2>직접 녹음</h2>
            <div id="voice-status" class="voice-status">마이크 권한을 허용하면 바로 녹음할 수 있습니다.</div>
            <div id="voice-timer" class="timer">00:00</div>
            <div class="voice-controls">
                <button id="record-start" type="button">녹음 시작</button>
                <button id="record-stop" class="secondary" type="button" disabled>녹음 중지</button>
                <button id="record-upload" class="secondary" type="button" disabled>서버 업로드</button>
            </div>
            <audio id="record-preview" controls hidden></audio>
            <p class="note">최대 3분, 20MB 이하. 텍스트 변환 후 AI가 업무를 자동 반영합니다.</p>
            <p id="secure-hint" class="hint" hidden>모바일 브라우저 직접 녹음은 HTTPS 또는 localhost 계열에서 안정적입니다. 버튼이 동작하지 않으면 파일 업로드로 테스트하세요.</p>
            <div class="file-fallback">
                <h2>음성 파일 테스트 업로드</h2>
                <form id="voice-file-form">
                    <input id="voice-file" type="file" accept="audio/*,video/webm,video/mp4">
                    <button class="secondary" type="submit">선택 파일 업로드</button>
                </form>
            </div>
        </div>
    </section>

    <section class="panel" style="margin-top: 14px;">
        <h2>최근 원본 입력</h2>
        <div class="list">
            @forelse ($rawInputs as $input)
                @php
                    $displayText = $input->edited_text ?: $input->transcribed_text ?: $input->original_text;
                    $latestAnalysis = $input->analyses->first();
                @endphp
                <article class="item">
                    <p class="item-title">{{ $displayText ? \Illuminate\Support\Str::limit($displayText, 120) : '텍스트가 아직 없습니다.' }}</p>
                    <div class="meta">
                        <span class="badge">{{ $input->input_type }}</span>
                        <span class="badge">{{ $input->processing_status }}</span>
                        <span>{{ optional($input->submitted_at)->format('Y-m-d H:i') }}</span>
                        @if ($input->audio_file_path)<span>{{ $input->audio_file_path }}</span>@endif
                    </div>
                    @if ($input->input_type === 'voice' && $input->processing_status === 'received')
                        <button class="secondary small-button transcribe-button" type="button" data-id="{{ $input->id }}">텍스트 변환</button>
                    @endif
                    @if ($input->transcribed_text || $input->edited_text)
                        <form class="inline-form raw-text-form" data-id="{{ $input->id }}">
                            <textarea name="text" maxlength="4000">{{ $input->edited_text ?: $input->transcribed_text }}</textarea>
                            <button class="secondary small-button" type="submit">변환문 저장</button>
                        </form>
                    @endif
                    @if ($displayText && in_array($input->processing_status, ['received', 'transcribed', 'reviewed'], true))
                        <button class="small-button analyze-button" type="button" data-id="{{ $input->id }}">AI 분석</button>
                    @endif
                    @if ($latestAnalysis)
                        <div class="analysis">
                            <strong>최근 분석:</strong>
                            {{ $latestAnalysis->intent }} /
                            신뢰도 {{ number_format((float) $latestAnalysis->confidence, 2) }} /
                            {{ $latestAnalysis->needs_human_review ? '검수 필요' : '자동 반영 가능' }}
                            @if ($latestAnalysis->matchedUser)
                                / 담당자 {{ $latestAnalysis->matchedUser->name }}
                            @endif
                            <br>
                            {{ $latestAnalysis->summary }}
                        </div>
                        @if (! $latestAnalysis->applied_at)
                            <button class="small-button apply-analysis-button" type="button" data-id="{{ $latestAnalysis->id }}">업무 반영</button>
                        @else
                            <div class="analysis">업무 반영 완료: #{{ $latestAnalysis->applied_task_id }}</div>
                        @endif
                    @endif
                </article>
            @empty
                <p class="empty">아직 입력이 없습니다.</p>
            @endforelse
        </div>
    </section>
@endsection

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