{% extends "layout.html" %}

{% block content %}
<div class="container-xl">
  <div class="page-header d-print-none">
    <div class="row align-items-center">
      <div class="col">
        <h2 class="page-title">
          Add New Subnet
        </h2>
      </div>
    </div>
  </div>

  <div class="card mt-3">
    <div class="card-body">
      {% with messages = get_flashed_messages(with_categories=true) %}
      {% if messages %}
      {% for category, message in messages %}
      <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
        {{ message }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
      {% endfor %}
      {% endif %}
      {% endwith %}

      <form method="POST" action="{{ url_for('ipam.subnet_new') }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="mb-3">
          <label class="form-label required">CIDR Notation</label>
          <input type="text" class="form-control" name="cidr" placeholder="192.168.1.0/24" required>
          <small class="form-hint">Example: 192.168.1.0/24</small>
        </div>
        <div class="mb-3">
          <label class="form-label required">Location</label>
          <input type="text" class="form-control" name="location" placeholder="Office, Datacenter, etc." required>
        </div>
        <div class="mb-3 form-check">
          <input type="checkbox" class="form-check-input" id="auto_scan" name="auto_scan">
          <label class="form-check-label" for="auto_scan">Enable automatic scanning</label>
        </div>
        <div class="d-flex justify-content-end">
          <a href="{{ url_for('ipam.ipam_home') }}" class="btn btn-link me-2">Cancel</a>
          <button type="submit" class="btn btn-primary">Save Subnet</button>
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}