@once
@push('stylesheets')
<style>
    .pci-iii-b-bn-remarks-wrap { margin-top: 0.35rem; padding-left: 1.5rem; }
    .pci-iii-b-bn-remarks-input {
        border: none;
        border-bottom: 1px solid #0d6e6e;
        border-radius: 0;
        background: transparent;
        padding: 0.2rem 0 0.35rem;
        font-size: 0.875rem;
        box-shadow: none;
        width: 100%;
        min-height: auto;
        height: auto;
    }
    .pci-iii-b-bn-remarks-input::placeholder {
        color: #9ca3af;
        font-style: italic;
    }
    .pci-iii-b-bn-remarks-input:focus {
        outline: none;
        border-bottom-color: #0a5858;
        box-shadow: none;
        background: transparent;
    }
    .pci-iii-b-bn-remarks-input.pci-readonly,
    .pci-iii-b-bn-remarks-input:disabled {
        background: transparent;
        opacity: 0.85;
    }
    .pci-p3b-litigation-evidence { padding-left: 1.5rem; margin-top: 0.5rem; }
    .pci-p3b-litigation-evidence .pci-map-files-row:last-child { display: none; }
    .pci-p3b-litigation-evidence .pci-map-files-wrap { margin-top: 0.5rem; padding-top: 0.5rem; }
</style>
@endpush
@endonce

@php
    $pciIiiBBnRemarks = $pciIiiBBottlenecks['remarks'] ?? [];
    if (! is_array($pciIiiBBnRemarks)) {
        $pciIiiBBnRemarks = [];
    }
    $pciIiiBBnOptions = app(\App\Services\PC\PcFormService::class)->pcIiiBBottleneckOptionLabels();
    $pciIiiBLitigationEvidenceRaw = $pciIiiBBottlenecks['under_litigation_evidence'] ?? null;
    $pciIiiBLitigationEvidenceParsed = app(\App\Services\PC\PcFormService::class)->parsePcIiiRichTextColumn($pciIiiBLitigationEvidenceRaw);
    $pciIiiBLitigationAttRows = [];
    foreach ($pciIiiBLitigationEvidenceParsed['attachments'] as $f) {
        if (empty($f['path'])) {
            continue;
        }
        $pciIiiBLitigationAttRows[] = ['path' => $f['path'], 'title' => $f['name'] ?? basename((string) $f['path'])];
    }
@endphp

<div class="row">
    @foreach($pciIiiBBnOptions as $bnKey => $bnLabel)
    @php
        $bnChecked = in_array($bnKey, $pciIiiBSelectedBn, true);
        $bnRemarkVal = old('pc_iii_b_bottlenecks.remarks.'.$bnKey, $pciIiiBBnRemarks[$bnKey] ?? '');
    @endphp
    <div class="col-md-4 mb-2 pci-iii-b-bn-item" data-bn-key="{{ $bnKey }}">
        <div class="form-check mb-0">
            <input class="form-check-input pci-iii-b-bn-check" type="checkbox" name="pc_iii_b_bottlenecks[selected][]" value="{{ $bnKey }}" id="pci-pc-iii-b-bn-{{ $bnKey }}" @checked($bnChecked) {{ !$pciIiiBEdit ? 'disabled' : '' }} />
            <label class="form-check-label" for="pci-pc-iii-b-bn-{{ $bnKey }}">{{ $bnLabel }}</label>
        </div>
        <div class="pci-iii-b-bn-remarks-wrap">
            <input
                type="text"
                name="pc_iii_b_bottlenecks[remarks][{{ $bnKey }}]"
                id="pci-pc-iii-b-bn-remarks-{{ $bnKey }}"
                value="{{ $bnRemarkVal }}"
                class="form-control form-control-sm pci-iii-b-bn-remarks-input {{ !$pciIiiBEdit ? 'pci-readonly' : '' }}"
                placeholder="Add remarks..."
                {{ !$pciIiiBEdit ? 'readonly' : (!$bnChecked ? 'disabled' : '') }}
            />
        </div>
        @if($bnKey === 'under_litigation')
        <div class="pci-p3b-litigation-evidence" style="{{ $bnChecked ? '' : 'display:none;' }}">
            <label class="small font-weight-bold d-block mb-1">Supporting Evidence</label>
            @include('pc-forms.partials.pci-textarea-map-files', [
                'filesEdit' => $pciIiiBEdit,
                'attachmentRows' => $pciIiiBLitigationAttRows,
                'annexureRows' => [],
                'attFieldName' => 'pc_iii_b_bottlenecks_under_litigation_evidence_attachments[]',
                'annFieldName' => 'pc_iii_b_bottlenecks_under_litigation_evidence_annexures[]',
                'uid' => 'pci-pc-iii-b-bn-litigation',
                'pcForm' => $pcForm ?? null,
            ])
        </div>
        @endif
    </div>
    @endforeach
</div>