{% extends "base.html" %} {% block content %}
<!---->
{% include "partials/navbar.html" %}
<div class="container">
  <div class="col-sm-12">
    <h3>System Configurations</h3>
    <div class="alert alert-info" role="alert">
      <div class="alert-heading">
        <h4>Create New Configuration</h4>
        <p>Config name is auto-converted to upper-case</p>
      </div>
      <form method="post">
        <input placeholder="Config Name" name="config_name" />
        <input placeholder="Config Value" name="config_value" />
        <button type="submit" class="btn btn-success btn-lg">Create</button>
      </form>
    </div>

    <h4 style="margin-top: 50px">Existing Configurations</h4>
    <p>You cannot modify the config name once created.</p>
    {% for config in configurations %}
    <form method="post">
      <input
        placeholder="Config Name"
        name="config_name"
        value="{{config.name}}"
        readonly="readonly"
      />
      <input
        placeholder="Config Value"
        name="config_value"
        value="{{config.value}}"
      />
      <button type="submit" class="btn btn-warning btn-lg">Update</button>
      <button class="btn btn-danger btn-lg delete-btn" data-id="{{config.id}}">
        Delete
      </button>
    </form>
    <hr />
    {% endfor %}
  </div>
</div>

<script>
  $(".delete-btn").on("click", (event) => {
    event.preventDefault();
    var decission = confirm(
      "Are you sure you want to delete this configuration?"
    );
    if (decission === true) {
      $(event.target).attr("data-id");
      $.ajax({
        type: "DELETE",
        url: "/delete_config?id=" + $(event.target).attr("data-id"),
        success: function (data) {
          if (data.hasOwnProperty("error")) {
            alert("Error: " + data["error"]);
          }

          if (data.hasOwnProperty("success")) {
            location.href = "/system_config";
          }
        },
        error: function (jqXhr, textStatus, errorMessage) {
          alert(
            "Something went wrong, while trying to delete the requested configuration."
          );
        },
      });
    }
  });
</script>
{% endblock %}