@php
    $isEdit = (bool) $item;
    $modalId = $isEdit ? 'editItem'.$item->id : 'addItem'.$section->id;
    $action = $isEdit ? route('checklist.items.update', $item) : route('checklist.items.store', $section);
    $optsText = $isEdit && is_array($item->options) ? implode("\n", $item->options) : '';
@endphp
<div class="modal fade" id="{{ $modalId }}" tabindex="-1"><div class="modal-dialog modal-lg"><div class="modal-content">
    <form method="POST" action="{{ $action }}">
        @csrf
        @if($isEdit) @method('PUT') @endif
        <div class="modal-header">
            <h5 class="modal-title">{{ $isEdit ? 'Kemaskini Item '.$item->code : 'Tambah Item — Seksyen '.$section->code }}</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
        </div>
        <div class="modal-body">
            <div class="row g-2">
                <div class="col-12"><label class="form-label">Letak dalam Skop</label>
                    <select name="checklist_scope_id" class="form-select" {{ $section->scopes->isEmpty() ? 'disabled' : '' }}>
                        <option value="">— Tiada (terus di bawah seksyen) —</option>
                        @foreach ($section->scopes as $sc)<option value="{{ $sc->id }}" @selected(($item->checklist_scope_id ?? null)==$sc->id)>{{ $sc->code }} — {{ $sc->title }}</option>@endforeach
                    </select>
                    @if($section->scopes->isEmpty())
                        <div class="form-text text-warning">Seksyen ini belum ada skop. Tambah skop dahulu untuk meletakkan item dalam skop.</div>
                    @else
                        <div class="form-text">Pilih skop atau biarkan "Tiada" untuk item terus di bawah seksyen.</div>
                    @endif
                </div>
                <div class="col-md-3"><label class="form-label">Kod <span class="text-danger">*</span></label><input name="code" value="{{ $item->code ?? '' }}" class="form-control" placeholder="A.1.i" required></div>
                <div class="col-md-3"><label class="form-label">Token Formula</label><input name="formula_token" value="{{ $item->formula_token ?? '' }}" class="form-control" placeholder="SKOP1"></div>
                <div class="col-md-3"><label class="form-label">Unit</label><input name="unit" value="{{ $item->unit ?? '' }}" class="form-control" placeholder="tCO2e"></div>
                <div class="col-md-3"><label class="form-label">Turutan</label><input name="order" type="number" value="{{ $item->order ?? ($section->items->count()+1) }}" class="form-control"></div>
                <div class="col-12"><label class="form-label">Label <span class="text-danger">*</span></label><input name="label" value="{{ $item->label ?? '' }}" class="form-control" required></div>
                <div class="col-12"><label class="form-label">Penerangan</label><textarea name="description" class="form-control">{{ $item->description ?? '' }}</textarea></div>
                <div class="col-md-6"><label class="form-label">Jenis Input</label>
                    <select name="input_type" class="form-select">
                        @foreach ($inputTypes as $val => $lbl)<option value="{{ $val }}" @selected(($item->input_type ?? 'number')===$val)>{{ $lbl }}</option>@endforeach
                    </select>
                </div>
                <div class="col-md-6 d-flex align-items-end gap-3">
                    <div class="form-check"><input type="checkbox" name="is_required" value="1" class="form-check-input" id="{{ $modalId }}req" @checked($item->is_required ?? false)><label for="{{ $modalId }}req" class="form-check-label">Wajib</label></div>
                    <div class="form-check"><input type="checkbox" name="is_calculated" value="1" class="form-check-input" id="{{ $modalId }}calc" @checked($item->is_calculated ?? false)><label for="{{ $modalId }}calc" class="form-check-label">Dikira</label></div>
                </div>
                <div class="col-12"><label class="form-label">Formula item (jika dikira)</label><input name="formula" value="{{ $item->formula ?? '' }}" class="form-control" placeholder="A - B"></div>
                <div class="col-12"><label class="form-label">Pilihan (untuk jenis select) — satu baris satu pilihan</label><textarea name="options" rows="3" class="form-control" placeholder="GBI&#10;GreenRE&#10;LEED">{{ $optsText }}</textarea></div>
            </div>
        </div>
        <div class="modal-footer"><button class="btn btn-success">Simpan</button></div>
    </form>
</div></div></div>