<article class="modal-card">
  <header>
    <h3>[{{ row.f_code }}] {{ row.f_name }}</h3>
    <button class="outline" _="on click call document.getElementById('modal').close() then put '' into #modal">닫기</button>
  </header>
  <section class="content">
    <p>
      <strong>제작사</strong>: {{ row.manufacturer or '—' }}
      {% if row.device %} · <strong>장치</strong>: {{ row.device }}{% endif %}
      {% if row.car_type %} · <strong>호차</strong>: {{ row.car_type }}{% endif %}
      {% if row.car_id %} · <strong>차량분류</strong>: {{ row.car_id }}{% endif %}
    </p>
    <hr>
    <h5>고장등급(리스트)</h5>
    <p class="prewrap">{{ row.f_class or '—' }}</p>
    <h5>고장등급(해설)</h5>
    <p class="prewrap">{{ row.grade or '—' }}</p>
    <h5>고장상세</h5>
    <p class="prewrap">{{ row.fault_detail or '—' }}</p>
    <h5>고장반응</h5>
    <p class="prewrap">{{ row.fault_reaction or '—' }}</p>
    <h5>검지조건</h5>
    <p class="prewrap">{{ row.fault_detection or '—' }}</p>
    <h5>소거조건</h5>
    <p class="prewrap">{{ row.fault_clear or '—' }}</p>
    <h5>조치방법</h5>
    <p class="prewrap">{{ row.fault_action or '—' }}</p>
    <h5>회로도면</h5>
    <p class="prewrap">{{ row.fault_schematics or '—' }}</p>
  </section>
</article>


