{% extends 'base.html' %} {% block content %}

<div class="container">
  <h1>User Registration Form</h1>

  {% if form.errors %}
  <div class="alert alert-danger">
    <strong>Terdapat kesalahan, mohon diperbaiki:</strong>
    <ul>
      {% for field in form %} {% for error in field.errors %}
      <li>{{ field.label }}: {{ error }}</li>
      {% endfor %} {% endfor %} {% for error in form.non_field_errors %}
      <li>{{ error }}</li>
      {% endfor %}
    </ul>
  </div>
  {% endif %}

  <form method="POST">
    {% csrf_token %}
    <div class="form-group">
      <label for="{{ form.name.id_for_label }}">Name:</label>
      {{ form.name }} {% if form.name.errors %}
      <div class="text-danger">{{ form.name.errors }}</div>
      {% endif %}
    </div>

    <div class="form-group">
      <label for="{{ form.password.id_for_label }}">Password:</label>
      {{ form.password }} {% if form.password.errors %}
      <div class="text-danger">{{ form.password.errors }}</div>
      {% endif %}
    </div>

    <div class="form-group">
      <label for="{{ form.date_of_birth.id_for_label }}">Date of Birth:</label>
      {{ form.date_of_birth }} {% if form.date_of_birth.errors %}
      <div class="text-danger">{{ form.date_of_birth.errors }}</div>
      {% endif %}
    </div>

    <div class="form-group">
      <label for="{{ form.phone_number.id_for_label }}">Phone Number:</label>
      {{ form.phone_number }} {% if form.phone_number.errors %}
      <div class="text-danger">{{ form.phone_number.errors }}</div>
      {% endif %}
    </div>

    <div class="form-group">
      <label for="{{ form.email.id_for_label }}">Email:</label>
      {{ form.email }} {% if form.email.errors %}
      <div class="text-danger">{{ form.email.errors }}</div>
      {% endif %}
    </div>

    <div class="form-group">
      <label for="{{ form.blog_url.id_for_label }}">Blog URL:</label>
      {{ form.blog_url }} {% if form.blog_url.errors %}
      <div class="text-danger">{{ form.blog_url.errors }}</div>
      {% endif %}
    </div>

    <div class="form-group">
      <label for="{{ form.description.id_for_label }}">Description:</label>
      {{ form.description }} {% if form.description.errors %}
      <div class="text-danger">{{ form.description.errors }}</div>
      {% endif %}
    </div>

    <div class="form-group">
      <label for="{{ form.bank_account.id_for_label }}">Bank Account:</label>
      {{ form.bank_account }} {% if form.bank_account.errors %}
      <div class="text-danger">{{ form.bank_account.errors }}</div>
      {% endif %}
    </div>

    <div class="form-group">
      <label for="{{ form.credit_score.id_for_label }}">Credit Score:</label>
      {{ form.credit_score }} {% if form.credit_score.errors %}
      <div class="text-danger">{{ form.credit_score.errors }}</div>
      {% endif %}
    </div>

    <div class="form-group form-check mt-3">
      <input
        type="checkbox"
        class="form-check-input"
        id="save_to_db"
        name="save_to_db"
      />
      <label class="form-check-label" for="save_to_db">Save to database</label>
      <small class="form-text text-muted"
        >Check this to save the data and show it on the main page</small
      >
    </div>

    <button type="submit" class="btn btn-primary mt-3">Submit</button>
  </form>

  {% if saved_to_db %}
  <div class="alert alert-success mt-3">
    Data has been successfully saved to the database!
    <a href="{% url 'main:show_main' %}">View all entries</a>
  </div>
  {% endif %} {% if submitted_data %}
  <div class="mt-5">
    <h2>Submitted Data:</h2>
    <table class="table table-bordered">
      <tbody>
        {% for key, value in submitted_data.items %}
        <tr>
          <th>{{ key|title }}</th>
          <td>{{ value }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}
</div>

{% endblock %}