{% extends 'base.html' %}
{% block content %}
<div class="row g-4 mb-4">
  <div class="col-xl-5">
    <div class="card border-0 shadow-sm h-100">
      <div class="card-header bg-white"><h5 class="fw-bold mb-0">Input Standar Mutu</h5></div>
      <div class="card-body">
        {% if current_user.role in ['super_admin', 'admin'] %}
        <form method="post" class="row g-3">
          <div class="col-md-4"><input class="form-control" name="code" placeholder="Kode" required></div>
          <div class="col-md-8"><input class="form-control" name="name" placeholder="Nama standar" required></div>
          <div class="col-12"><input class="form-control" name="owner_unit" placeholder="Unit penanggung jawab" required></div>
          <div class="col-md-6"><input class="form-control" type="number" step="0.01" name="target_value" placeholder="Target"></div>
          <div class="col-md-6"><input class="form-control" type="number" step="0.01" name="actual_value" placeholder="Aktual"></div>
          <div class="col-12">
            <select class="form-select" name="cycle_status">
              <option>Penetapan</option><option>Pelaksanaan</option><option>Evaluasi</option><option>Pengendalian</option><option>Peningkatan</option>
            </select>
          </div>
          <div class="col-12"><button class="btn btn-primary w-100">Simpan Standar</button></div>
        </form>
        {% endif %}
      </div>
    </div>
  </div>
  <div class="col-xl-7">
    <div class="card border-0 shadow-sm h-100">
      <div class="card-header bg-white"><h5 class="fw-bold mb-0">Tambah Temuan Audit</h5></div>
      <div class="card-body">
        {% if current_user.role in ['super_admin', 'admin'] %}
        <form method="post" action="{{ url_for('add_finding') }}" class="row g-3">
          <div class="col-12"><input class="form-control" name="title" placeholder="Judul temuan" required></div>
          <div class="col-md-4"><input class="form-control" name="standard_code" placeholder="Kode standar"></div>
          <div class="col-md-4"><input class="form-control" name="unit" placeholder="Unit" required></div>
          <div class="col-md-4"><input class="form-control" type="date" name="due_date"></div>
          <div class="col-md-4"><select class="form-select" name="severity"><option>Low</option><option selected>Medium</option><option>High</option></select></div>
          <div class="col-md-4"><select class="form-select" name="status"><option>Open</option><option>In Progress</option><option>Closed</option></select></div>
          <div class="col-md-12"><textarea class="form-control" name="follow_up" placeholder="Tindak lanjut"></textarea></div>
          <div class="col-12"><button class="btn btn-outline-primary w-100">Simpan Temuan</button></div>
        </form>
        {% endif %}
      </div>
    </div>
  </div>
</div>

<div class="row g-4">
  <div class="col-xl-6">
    <div class="card border-0 shadow-sm">
      <div class="card-header bg-white"><h5 class="fw-bold mb-0">Standar Mutu</h5></div>
      <div class="card-body table-responsive">
        <table class="table">
          <thead><tr><th>Kode</th><th>Nama</th><th>Target</th><th>Aktual</th><th>Siklus</th></tr></thead>
          <tbody>
            {% for row in standards %}
            <tr><td>{{ row.code }}</td><td>{{ row.name }}<div class="small text-secondary">{{ row.owner_unit }}</div></td><td>{{ row.target_value }}</td><td>{{ row.actual_value }}</td><td>{{ row.cycle_status }}</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="col-xl-6">
    <div class="card border-0 shadow-sm">
      <div class="card-header bg-white"><h5 class="fw-bold mb-0">Temuan Audit</h5></div>
      <div class="card-body table-responsive">
        <table class="table">
          <thead><tr><th>Temuan</th><th>Unit</th><th>Status</th><th>Due</th></tr></thead>
          <tbody>
            {% for row in findings %}
            <tr><td>{{ row.title }}<div class="small text-secondary">{{ row.follow_up }}</div></td><td>{{ row.unit }}</td><td><span class="badge text-bg-light border">{{ row.status }}</span></td><td>{{ row.due_date or '-' }}</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}