{{-- Fill in a PACS fixed-format report. Every field of the paper form is here. --}}
@extends('layouts.app')
@section('title', $report->title . ' - ICMIS')
@push('styles') @include('probation.reports._form_styles') @endpush

@section('content')
@php $case = $report->case; @endphp
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
        <div>
            <h4 class="fw-bold mb-0">{{ $form['title'] }}</h4>
            <div class="small text-muted">{{ $case->serial_number }} · {{ optional($case->prisoner)->name }} ·
                <span class="badge bg-secondary">{{ $report->status }}</span></div>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('probation.case-reports.print', $report->id) }}" target="_blank" class="btn btn-outline-secondary btn-sm"><i class="fas fa-print"></i> Print view</a>
            <a href="{{ route('probation.' . \App\Models\ProbationCase::routeKeyForType($case->case_type) . '.show', $case->id) }}" class="btn btn-outline-secondary btn-sm"><i class="fas fa-arrow-left"></i> Back to case</a>
        </div>
    </div>

    @if(!$editable)
        <div class="alert alert-info small">This report is <strong>{{ $report->status }}</strong> and can no longer be edited. Use <em>Print view</em> to print it.</div>
    @else
        <div class="alert alert-light border small"><i class="fas fa-wand-magic-sparkles"></i> Fields the case already knows are filled in — check them and complete the rest. Every field below appears on the printed report.</div>
    @endif

    <form method="POST" action="{{ route('probation.case-reports.form.save', $report->id) }}" id="rfForm">
        @csrf @method('PUT')
        <div class="card"><div class="card-body">
            <div class="rf-doc">
                @if(!empty($form['code']))<div class="rf-code">{{ $form['code'] }}</div>@endif
                @foreach($form['header'] ?? [] as $h)<div class="rf-head">{{ $h }}</div>@endforeach
                <div class="rf-doctitle">{{ $form['title'] }}</div>
                @foreach($form['blocks'] as $b)
                    @include('probation.reports._form_block', ['b' => $b, 'data' => $data, 'mode' => 'edit', 'editable' => $editable])
                @endforeach
            </div>
        </div></div>
        @if($editable)
        <div class="d-flex gap-2 mt-3 mb-4 position-sticky bottom-0 bg-white py-2 border-top">
            <button class="btn btn-primary"><i class="fas fa-save"></i> Save</button>
            <button class="btn btn-outline-primary" name="then" value="print"><i class="fas fa-print"></i> Save &amp; print</button>
        </div>
        @endif
    </form>
</div>

<script>
document.querySelectorAll('.rf-addrow').forEach(function (btn) {
    btn.addEventListener('click', function () {
        var table = document.querySelector('table[data-repeat="' + btn.dataset.key + '"]');
        var last = table.querySelector('tr:last-child'), clone = last.cloneNode(true);
        var idx = table.querySelectorAll('tr').length;
        clone.querySelectorAll('input').forEach(function (inp) {
            inp.value = '';
            inp.name = inp.name.replace(/\]\[\d+\]\[/, '][' + (idx + 100) + '][');
        });
        var num = clone.querySelector('td.text-center'); if (num) num.textContent = (parseInt(num.textContent) + 1) + '.';
        last.parentNode.appendChild(clone);
    });
});
</script>
@endsection