vpnmanager/templates/manager/add.html

{% extends "base.html" %}

{% block content %}

<form action="#" method="post">
  {% csrf_token %}
  <div class="form-group">
    <label for="serial">Serial Number</label>
    <input type="text" class="form-control" required id="serial" name="serial" placeholder="Serial Number"></input>
  </div>
  <div class="form-group">
    <label for="name">Device Name</label>
    <input type="text" class="form-control" name="name" id="name" placeholder="Enter Device Name (Optional)"></input>
  </div>
  <div class="form-group">
   <label for="organization">Organization</label>
   <select required class="custom-select mr-sm-2" id="organization" name="organization">
     {% for choice in organizations %}
      <option value="{{ choice.id }}">{{ choice.name }}</option>
     {% endfor %}
   </select>
  </div>
    <div class="form-group">
   <label for="model">Model</label>
   <select required class="custom-select mr-sm-2" id="model" name="model">
     {% for choice in models %}
      <option value="{{ choice.id }}">{{ choice.name }}</option>
     {% endfor %}
   </select>
  </div>
  <button type="submit" class="btn btn-success">Create Device</button>
  <a class="btn btn-danger" href="/devices/" role="button">Cancel</a>
</form>

{% endblock %}