{{-- resources/views/probation/cases/_treatment_plan.blade.php
     Tool C — Individual Treatment Plan (Sentence plan, from Tool A = RNR).
     Areas flagged in the latest RNR come first, open, with the RNR comments as a
     starting point for "Needs". Every area filled in is mirrored in the
     Interventions tab automatically when saved. --}}
@php
    $areas     = config('probation_supervision.treatment_areas');
    $instAreas = config('probation_supervision.treatment_areas_institution');
    $statuses  = config('probation_supervision.intervention_statuses');
    $items     = $case->treatmentPlan->keyBy('area');
    $others    = $case->treatmentPlan->where('area', 'other')->values();

    $rnr     = $case->assessments->where('tool', 'RNR')->sortByDesc('id')->first();
    $rr      = optional($rnr)->responses ?? [];
    $flagged = function ($a) use ($rr) {
        return $a['rnr'] && (($rr['summary'][$a['rnr']] ?? 'N') === 'Y');
    };
    // flagged areas first, keep config order otherwise
    $ordered = collect($areas)->sortBy(fn ($a, $k) => ($flagged($a) ? 0 : 1) . str_pad(array_search($k, array_keys($areas)), 3, '0', STR_PAD_LEFT));
    $nFlagged = collect($areas)->filter($flagged)->count();
    $instOpen = $case->treatmentPlan->whereIn('area', array_keys($instAreas))->count() > 0 || $case->case_type === 'aftercare_borstal';
    $officer  = optional($case->officer)->name;

    $ivBadge = function ($item) use ($statuses) {
        $iv = optional($item)->intervention;
        if (!$iv) return '';
        $cls = ['planned' => 'bg-secondary', 'ongoing' => 'bg-primary', 'completed' => 'bg-success'][$iv->status] ?? 'bg-secondary';
        return '<span class="badge ' . $cls . ' ms-1"><i class="fas fa-link me-1"></i>Intervention · ' . e($statuses[$iv->status] ?? $iv->status) . '</span>';
    };
@endphp

<div class="card tab-card"><div class="card-body">
    <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-2">
        <div>
            <h6 class="text-uppercase small text-muted mb-1">Individual Treatment Plan — Tool C</h6>
            <div class="small text-muted"><i class="fas fa-circle-info"></i> Every area you fill in is added to <strong>Interventions</strong> automatically when you save. Clear an area to remove it.</div>
        </div>
        <div class="small text-end">
            @if($rnr)
                <span class="badge bg-danger">{{ $nFlagged }} area(s) flagged</span>
                <span class="text-muted">from RNR of {{ optional($rnr->assessed_on)->format('d M Y') }}</span>
            @else
                <span class="text-muted"><i class="fas fa-triangle-exclamation text-warning"></i> No RNR yet — complete it in Assessments to see flagged areas.</span>
            @endif
        </div>
    </div>
    @if(optional($rnr)->needs_identified)
        <div class="alert alert-light border small py-2"><strong>Needs identified (RNR):</strong> {{ $rnr->needs_identified }}</div>
    @endif

    <form method="POST" action="{{ route('probation.supervision.plan.save', $case->id) }}" id="tcForm">
        @csrf
        <div class="d-flex gap-2 mb-2 small">
            <button type="button" class="btn btn-outline-secondary btn-sm" data-tc="open">Expand all</button>
            <button type="button" class="btn btn-outline-secondary btn-sm" data-tc="close">Collapse all</button>
        </div>

        <div class="accordion" id="tcAreas">
        @foreach($ordered as $key => $a)
            @php
                $it   = $items->get($key);
                $flag = $flagged($a);
                $open = $flag || $it;
                $pre  = $it ? $it->needs : ($flag ? ($rr['domain_comments'][$a['rnr']] ?? '') : '');
            @endphp
            <div class="accordion-item tc-area">
                <h2 class="accordion-header">
                    <button class="accordion-button py-2 small {{ $open ? '' : 'collapsed' }}" type="button" data-bs-toggle="collapse" data-bs-target="#tc-{{ $key }}">
                        <strong>{{ $a['title'] }}</strong>
                        @if($flag)<span class="badge bg-danger ms-2">Flagged in RNR</span>@endif
                        {!! $ivBadge($it) !!}
                        <span class="ms-auto me-2 small text-success tc-done {{ $it ? '' : 'd-none' }}"><i class="fas fa-check"></i></span>
                    </button>
                </h2>
                <div id="tc-{{ $key }}" class="accordion-collapse collapse {{ $open ? 'show' : '' }}">
                    <div class="accordion-body py-2">
                        @include('probation.cases._treatment_plan_fields', ['name' => "plan[$key]", 'it' => $it, 'pre' => $pre, 'officer' => $officer])
                    </div>
                </div>
            </div>
        @endforeach
        </div>

        {{-- For prisons only (from Tool B) --}}
        <div class="mt-3">
            <a class="small fw-bold text-decoration-none" data-bs-toggle="collapse" href="#tcInst"><i class="fas fa-building-shield"></i> Institution-related areas (from Tool B) <i class="fas fa-chevron-down small"></i></a>
            <div class="collapse {{ $instOpen ? 'show' : '' }} mt-2" id="tcInst">
                <div class="accordion">
                @foreach($instAreas as $key => $title)
                    @php $it = $items->get($key); @endphp
                    <div class="accordion-item tc-area">
                        <h2 class="accordion-header">
                            <button class="accordion-button py-2 small {{ $it ? '' : 'collapsed' }}" type="button" data-bs-toggle="collapse" data-bs-target="#tc-{{ $key }}">
                                {{ $title }} {!! $ivBadge($it) !!}
                                <span class="ms-auto me-2 small text-success tc-done {{ $it ? '' : 'd-none' }}"><i class="fas fa-check"></i></span>
                            </button>
                        </h2>
                        <div id="tc-{{ $key }}" class="accordion-collapse collapse {{ $it ? 'show' : '' }}">
                            <div class="accordion-body py-2">
                                @include('probation.cases._treatment_plan_fields', ['name' => "plan[$key]", 'it' => $it, 'pre' => optional($it)->needs, 'officer' => $officer])
                            </div>
                        </div>
                    </div>
                @endforeach
                </div>
            </div>
        </div>

        {{-- Other? --}}
        <h6 class="fw-bold mt-3 small text-uppercase">Other</h6>
        <div id="tcOthers">
            @foreach($others as $i => $it)
                <div class="border rounded p-2 mb-2 tc-other">
                    <input type="hidden" name="other[{{ $i }}][id]" value="{{ $it->id }}">
                    <div class="d-flex gap-2 align-items-center mb-1">
                        <input name="other[{{ $i }}][title]" class="form-control form-control-sm fw-bold" value="{{ $it->area_title }}" placeholder="Area">
                        {!! $ivBadge($it) !!}
                        <button type="button" class="btn btn-sm btn-outline-danger tc-clear" title="Remove"><i class="fas fa-trash"></i></button>
                    </div>
                    @include('probation.cases._treatment_plan_fields', ['name' => "other[$i]", 'it' => $it, 'pre' => $it->needs, 'officer' => $officer])
                </div>
            @endforeach
        </div>
        <button type="button" class="btn btn-outline-primary btn-sm" id="tcAddOther"><i class="fas fa-plus"></i> Add another area</button>

        <div class="mt-3 d-flex align-items-center gap-3">
            <button class="btn btn-primary"><i class="fas fa-save"></i> Save treatment plan</button>
            <span class="small text-muted">Saved areas appear under <strong>Interventions</strong>; progress (planned / ongoing / completed) is updated there.</span>
        </div>

        <template id="tcOtherTpl">
            <div class="border rounded p-2 mb-2 tc-other">
                <div class="d-flex gap-2 align-items-center mb-1">
                    <input name="other[__i__][title]" class="form-control form-control-sm fw-bold" placeholder="Area (e.g. Housing)">
                    <button type="button" class="btn btn-sm btn-outline-danger tc-clear" title="Remove"><i class="fas fa-trash"></i></button>
                </div>
                @include('probation.cases._treatment_plan_fields', ['name' => 'other[__i__]', 'it' => null, 'pre' => '', 'officer' => $officer])
            </div>
        </template>
    </form>
</div></div>

<script>
(function () {
    var form = document.getElementById('tcForm'); if (!form) return;
    // tick an area as soon as something is typed in it
    form.addEventListener('input', function (e) {
        var area = e.target.closest('.tc-area'); if (!area) return;
        var any = Array.prototype.some.call(area.querySelectorAll('textarea, input'), function (el) { return el.value.trim() !== ''; });
        var tick = area.querySelector('.tc-done'); if (tick) tick.classList.toggle('d-none', !any);
    });
    form.querySelectorAll('[data-tc]').forEach(function (b) {
        b.addEventListener('click', function () {
            var open = b.dataset.tc === 'open';
            form.querySelectorAll('#tcAreas .accordion-collapse').forEach(function (c) { bootstrap.Collapse.getOrCreateInstance(c, { toggle: false })[open ? 'show' : 'hide'](); });
        });
    });
    var box = document.getElementById('tcOthers'), tpl = document.getElementById('tcOtherTpl');
    var next = box.querySelectorAll('.tc-other').length + 1000;
    document.getElementById('tcAddOther').addEventListener('click', function () {
        var html = tpl.innerHTML.replace(/__i__/g, String(next++));
        box.insertAdjacentHTML('beforeend', html);
        box.lastElementChild.querySelector('input').focus();
    });
    box.addEventListener('click', function (e) {
        var btn = e.target.closest('.tc-clear'); if (!btn) return;
        if (confirm('Remove this area? Its intervention is removed too if work has not started.')) btn.closest('.tc-other').remove();
    });
})();
</script>