{% extends "dashboard/base.html" %} {% block content %}
<div class="container mt-4">
  <div class="row justify-content-center">
    <div class="col-md-6">
      <div class="card">
        <div class="card-header">
          <h4>Add MT5 Account</h4>
        </div>
        <div class="card-body">
          {% if messages %} {% for message in messages %}
          <div class="alert alert-{{ message.tags }}">{{ message }}</div>
          {% endfor %} {% endif %}

          <form method="post">
            {% csrf_token %}

            <div class="mb-3">
              <label for="id_account_id" class="form-label"
                >Account Number</label
              >
              {{ form.account_id }}
            </div>

            <div class="mb-3">
              <label for="id_password" class="form-label">Password</label>
              {{ form.password }}
            </div>

            <div class="mb-3">
              <label for="id_server" class="form-label">Server</label>
              {{ form.server }}
            </div>

            <button type="submit" class="btn btn-primary w-100">
              Connect Account
            </button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}