@extends('layouts.app', ['title' => 'Manual Paste JSON AI'])

@section('content')
    <div class="panel">
        <div class="actions" style="margin-bottom: 16px;">
            <a class="btn secondary" href="{{ route('rps.show', $rps) }}">Kembali ke Detail RPS</a>
            @if (is_array($rps->ai_draft_payload))
                <a class="btn secondary" href="{{ route('rps.review-ai-draft', $rps) }}">Review Usulan AI</a>
            @endif
        </div>

        <h2 class="section-title">Manual Paste JSON AI</h2>
        <p class="helper">
            Mode ini dipakai jika sistem tidak memakai API key. Salin prompt di bawah ke ChatGPT, Ollama, LM Studio, atau AI lain, lalu tempel hasil JSON-nya ke form import. Sistem tetap akan menjalankan validasi, self-check, source trace, dan review sebelum diterapkan ke RPS.
        </p>

        <div class="grid" style="margin-top: 16px;">
            <div class="field col-6"><strong>Mata Kuliah</strong><br>{{ $rps->course_name }}</div>
            <div class="field col-3"><strong>Provider</strong><br>{{ $promptPayload['provider'] ?? 'manual' }}</div>
            <div class="field col-3"><strong>Model</strong><br>{{ $promptPayload['model'] ?? 'manual-json' }}</div>
        </div>
    </div>

    <div class="panel">
        <h3 class="section-title">1. Prompt yang Disalin ke AI</h3>
        <p class="helper">Salin seluruh isi kotak ini. AI harus membalas hanya JSON valid, tanpa penjelasan dan tanpa markdown.</p>
        <textarea class="input" rows="22" readonly style="font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; white-space: pre;">{{ $promptPayload['full_prompt'] ?? '' }}</textarea>
    </div>

    <div class="panel">
        <h3 class="section-title">2. Tempel Hasil JSON dari AI</h3>
        <p class="helper">Setelah ditempel dan disimpan, sistem akan mengecek: Sub-CPMK tepat 14, pertemuan hanya 1-7 dan 9-15, pilihan penilaian/model pembelajaran sesuai daftar admin, serta jejak sumber AI.</p>

        <form method="POST" action="{{ route('rps.manual-ai-json.import', $rps) }}">
            @csrf
            <textarea class="input" name="ai_json" rows="18" required placeholder='{"sub_cpmk": [...], "meetings": [...]}' style="font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;">{{ old('ai_json') }}</textarea>
            @error('ai_json')
                <p class="helper" style="color: #b91c1c;">{{ $message }}</p>
            @enderror
            <div class="actions" style="margin-top: 16px;">
                <button class="btn" type="submit">Import JSON ke Usulan AI</button>
                <a class="btn secondary" href="{{ route('rps.show', $rps) }}">Batal</a>
            </div>
        </form>
    </div>
@endsection