{{-- Partial: single checklist response row --}}
@php
  $isYesno    = $resp->template->item_type === 'yesno';
  $hasAnswer  = $resp->status !== 'pending';  // boolean cast makes null→false, so use status
  $displayVal = $isYesno
    ? ($hasAnswer ? ($resp->yesno_value ? '是' : '否') : null)
    : $resp->content;
@endphp
<li class="list-group-item">
  <div class="d-flex justify-content-between align-items-start mb-1">
    <span class="fw-semibold small">{{ $resp->template->title }}</span>
    @if($resp->status === 'confirmed')
      <span class="badge bg-success resp-badge" data-resp="{{ $resp->id }}">已確認</span>
    @elseif($resp->status === 'filled')
      <span class="badge bg-info resp-badge" data-resp="{{ $resp->id }}">已填寫</span>
    @else
      <span class="badge bg-secondary resp-badge" data-resp="{{ $resp->id }}">待填寫</span>
    @endif
  </div>
  @if($resp->template->description)
    <div class="text-muted small mb-1">{{ $resp->template->description }}</div>
  @endif

  @if($handover->isEditable() && $isApplicant)
    @if($isYesno)
      <div class="d-flex gap-3 mt-1">
        <div class="form-check">
          <input class="form-check-input yesno-radio" type="radio"
            name="responses_yesno[{{ $resp->id }}]"
            id="yesno_yes_{{ $resp->id }}" value="1"
            data-save-url="{{ route('handovers.saveYesnoResponse', [$handover, $resp]) }}"
            {{ $hasAnswer && $resp->yesno_value ? 'checked' : '' }}>
          <label class="form-check-label" for="yesno_yes_{{ $resp->id }}">是</label>
        </div>
        <div class="form-check">
          <input class="form-check-input yesno-radio" type="radio"
            name="responses_yesno[{{ $resp->id }}]"
            id="yesno_no_{{ $resp->id }}" value="0"
            data-save-url="{{ route('handovers.saveYesnoResponse', [$handover, $resp]) }}"
            {{ ($hasAnswer && $resp->yesno_value === false) ? 'checked' : '' }}>
          <label class="form-check-label" for="yesno_no_{{ $resp->id }}">否</label>
        </div>
      </div>
    @else
      <textarea name="responses[{{ $resp->id }}]"
        class="form-control form-control-sm mt-1" rows="2"
        placeholder="請填寫交接說明…">{{ $resp->content }}</textarea>
    @endif
    {{-- optional attachment --}}
    <div class="mt-2">
      @if($resp->attachment_path)
        <div class="d-flex align-items-center gap-2 mb-1">
          <a href="{{ asset('storage/' . $resp->attachment_path) }}" target="_blank"
             class="small text-decoration-none">
            <i class="bi bi-paperclip me-1"></i>{{ $resp->attachment_name }}
          </a>
          <label class="small text-muted ms-2" style="cursor:pointer;">
            <i class="bi bi-arrow-repeat"></i> 重新上傳
            <input type="file" name="attachments[{{ $resp->id }}]" class="d-none"
              accept=".pdf,.doc,.docx,.xls,.xlsx,.png,.jpg,.jpeg,.zip">
          </label>
        </div>
      @else
        <label class="small text-muted" style="cursor:pointer;">
          <i class="bi bi-paperclip me-1"></i>附加佐證檔案（選填）
          <input type="file" name="attachments[{{ $resp->id }}]" class="d-none"
            accept=".pdf,.doc,.docx,.xls,.xlsx,.png,.jpg,.jpeg,.zip">
        </label>
        <span class="selected-file-name text-primary small ms-1" data-resp="{{ $resp->id }}"></span>
      @endif
    </div>
  @else
    <div class="bg-light rounded p-2 small mt-1">
      @if($displayVal !== null && $displayVal !== '')
        @if($isYesno)
          <span class="badge {{ $resp->yesno_value ? 'bg-success' : 'bg-danger' }}">{{ $displayVal }}</span>
        @else
          {{ $displayVal }}
        @endif
      @else
        <span class="text-muted">（未填寫）</span>
      @endif
    </div>
    @if($resp->attachment_path)
      <div class="mt-1">
        <a href="{{ asset('storage/' . $resp->attachment_path) }}" target="_blank"
           class="small text-decoration-none text-secondary">
          <i class="bi bi-paperclip me-1"></i>{{ $resp->attachment_name }}
        </a>
      </div>
    @endif
    <div class="confirm-meta mt-1" data-resp="{{ $resp->id }}">
      @if($resp->confirmed_by)
        <div class="text-muted small confirm-info">
          <i class="bi bi-check-circle-fill text-success me-1"></i>{{ $resp->confirmer?->name }}確認於 {{ $resp->confirmed_at?->format('Y-m-d H:i') }}
        </div>
      @elseif($canConfirmItem ?? ($isThisStage && $canApprove))
        <button class="btn btn-sm btn-outline-success btn-confirm-resp mt-1"
          data-url="{{ route('handovers.confirmResponse', [$handover, $resp]) }}">
          <i class="bi bi-check2 me-1"></i>{{ $isYesno ? '審核通過' : '確認已知' }}
        </button>
      @endif
    </div>
  @endif
</li>