{% extends "base.html" %}
{% block title %}Edit Harga Kamar {{ kamar.nomor_kamar }}{% endblock %}

{% block content %}
<div class="page-header">
  <div>
    <h1 class="page-title">✏️ Edit Kamar {{ kamar.nomor_kamar }}</h1>
    <p class="page-sub">Perbarui harga, kapasitas, dan fasilitas kamar</p>
  </div>
  <a href="{{ url_for('daftar_kamar') }}" class="btn btn--outline">← Kembali</a>
</div>

<div class="card" style="max-width:520px">
  <form method="POST">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div class="form-group">
      <label>Nomor Kamar</label>
      <input type="text" class="form-control" value="Kamar {{ kamar.nomor_kamar }}" disabled>
    </div>
    <div class="form-group">
      <label for="tarif_per_malam">Tarif per Orang/Malam (Rp) <span class="required">*</span></label>
      <input type="text" id="tarif_per_malam" name="tarif_per_malam"
             class="form-control" value="{{ kamar.tarif_per_malam }}"
             placeholder="600000" required
             oninput="formatHarga(this)">
      <div class="form-hint">Masukkan angka saja, contoh: 600000</div>
    </div>
    <div class="form-group">
      <label for="kapasitas">Kapasitas Tamu Maksimal <span class="required">*</span></label>
      <input type="number" id="kapasitas" name="kapasitas"
             class="form-control" value="{{ kamar.kapasitas }}" min="1" max="10" required>
    </div>
    <div class="form-group">
      <label for="fasilitas">Fasilitas Kamar</label>
      <textarea id="fasilitas" name="fasilitas" class="form-control" rows="3">{{ kamar.fasilitas or '' }}</textarea>
      <div class="form-hint">Pisahkan dengan koma. Contoh: Ranjang Tinggi, Kelambu, Stopkontak Pribadi, Kipas Angin Portabel, Balkon & Hammock</div>
    </div>
    <div class="form-actions">
      <a href="{{ url_for('daftar_kamar') }}" class="btn btn--outline">Batal</a>
      <button type="submit" class="btn btn--primary">💾 Simpan Perubahan</button>
    </div>
  </form>
</div>
{% endblock %}

{% block scripts %}
<script>
function formatHarga(input) {
  let val = input.value.replace(/\D/g,'');
  input.value = val;
}
</script>
{% endblock %}