{% extends 'inspection/base.html' %}

{% block content %}
<div class="mb-3">
  <a class="btn btn-outline-secondary" href="/inspection/records/">← Back to records</a>
</div>

<h3>Record Details</h3>
<table class="table table-bordered">
  <tr><th>Time</th><td>{{ record.checked_at }}</td></tr>
  <tr><th>Plan</th><td>{{ record.plan }}</td></tr>
  <tr><th>Device</th><td>{{ record.device.code }} - {{ record.device.name }}</td></tr>
  <tr><th>Item</th><td>{{ record.item }}</td></tr>
  <tr><th>Status</th><td>{{ record.status }}</td></tr>
  <tr><th>Checked By</th><td>{{ record.checked_by|default:'-' }}</td></tr>
  <tr><th>Value</th><td>{{ record.value }}</td></tr>
  <tr><th>Note</th><td>{{ record.note|linebreaksbr }}</td></tr>
  <tr>
    <th>Photo</th>
    <td>
      {% if record.photo %}
        <a href="{{ record.photo.url }}" target="_blank"><img src="{{ record.photo.url }}" class="img-fluid" style="max-width:300px;"></a>
      {% else %}
        <span class="text-muted">No photo</span>
      {% endif %}
    </td>
  </tr>
  <tr>
    <th>Attachment</th>
    <td>
      {% if record.attachment %}
        <a href="{{ record.attachment.url }}" target="_blank">Download</a>
      {% else %}
        <span class="text-muted">No attachment</span>
      {% endif %}
    </td>
  </tr>
</table>

{% endblock %}