{% extends "base.html" %}
{% block content %}
<div class="page-header"><h1>{{ 'Edit Server' if server else 'Add Server' }}</h1></div>
<form method="post" action="{{ '/servers/%d/edit' % server.id if server else '/servers/new' }}">
  <div class="row g-3">
    <div class="col-lg-8">
      <div class="card-panel mb-3">
        <h2 class="h6">Basic</h2>
        <div class="row g-2">
          <div class="col-md-6"><label class="form-label">Hostname</label><input name="hostname" class="form-control" required value="{{ server.hostname if server else '' }}"></div>
          <div class="col-md-3"><label class="form-label">IP Address</label><input name="ip_address" class="form-control" value="{{ server.ip_address if server else '' }}"></div>
          <div class="col-md-3"><label class="form-label">IPv6</label><input name="ipv6_address" class="form-control" value="{{ server.ipv6_address if server else '' }}"></div>
          <div class="col-md-3"><label class="form-label">Server Type</label><input name="server_type" class="form-control" value="{{ server.server_type if server else '' }}" placeholder="VPS / Dedicated"></div>
          <div class="col-md-3"><label class="form-label">Provider</label><input name="provider" class="form-control" value="{{ server.provider if server else '' }}"></div>
          <div class="col-md-3"><label class="form-label">Rack</label><input name="rack" class="form-control" value="{{ server.rack if server else '' }}"></div>
          <div class="col-md-3"><label class="form-label">Node</label><input name="node" class="form-control" value="{{ server.node if server else '' }}"></div>
        </div>
      </div>

      <div class="card-panel mb-3">
        <h2 class="h6">Resources</h2>
        <div class="row g-2">
          <div class="col-md-4"><label class="form-label">CPU</label><input name="cpu" class="form-control" value="{{ server.cpu if server else '' }}"></div>
          <div class="col-md-2"><label class="form-label">CPU Cores</label><input type="number" name="cpu_cores" class="form-control" value="{{ server.cpu_cores if server else 0 }}"></div>
          <div class="col-md-2"><label class="form-label">RAM (GB)</label><input type="number" name="ram_gb" class="form-control" value="{{ server.ram_gb if server else 0 }}"></div>
          <div class="col-md-2"><label class="form-label">Swap (GB)</label><input type="number" name="swap_gb" class="form-control" value="{{ server.swap_gb if server else 0 }}"></div>
          <div class="col-md-2"><label class="form-label">Storage Type</label><input name="storage_type" class="form-control" value="{{ server.storage_type if server else '' }}"></div>
          <div class="col-md-6"><label class="form-label">Disk</label><input name="disk" class="form-control" value="{{ server.disk if server else '' }}" placeholder="e.g. 2x 1TB NVMe RAID1"></div>
        </div>
      </div>

      <div class="card-panel mb-3">
        <h2 class="h6">Operating System &amp; Stack</h2>
        <div class="row g-2">
          <div class="col-md-4"><label class="form-label">OS</label><input name="os_name" class="form-control" value="{{ server.os_name if server else '' }}" placeholder="AlmaLinux"></div>
          <div class="col-md-3"><label class="form-label">Version</label><input name="os_version" class="form-control" value="{{ server.os_version if server else '' }}"></div>
          <div class="col-md-3"><label class="form-label">Kernel</label><input name="kernel" class="form-control" value="{{ server.kernel if server else '' }}"></div>
          <div class="col-md-2"><label class="form-label">Architecture</label><input name="architecture" class="form-control" value="{{ server.architecture if server else 'x86_64' }}"></div>
          <div class="col-12"><label class="form-label">Web Stack notes</label><input name="web_stack" class="form-control" value="{{ server.web_stack if server else '' }}" placeholder="Nginx + PHP-FPM 8.2"></div>
        </div>
      </div>

      <div class="card-panel mb-3">
        <h2 class="h6">Backup &amp; Monitoring</h2>
        <div class="row g-2">
          <div class="col-md-3 form-check ms-1 mt-4"><input type="checkbox" class="form-check-input" name="backup_enabled" {{ 'checked' if server and server.backup_enabled }}><label class="form-check-label">Backups Enabled</label></div>
          <div class="col-md-3"><label class="form-label">Backup Type</label><input name="backup_type" class="form-control" value="{{ server.backup_type if server else '' }}"></div>
          <div class="col-md-3"><label class="form-label">Destination</label><input name="backup_destination" class="form-control" value="{{ server.backup_destination if server else '' }}"></div>
          <div class="col-md-3"><label class="form-label">Schedule</label><input name="backup_schedule" class="form-control" value="{{ server.backup_schedule if server else '' }}"></div>
          <div class="col-md-3"><label class="form-label">Retention</label><input name="backup_retention" class="form-control" value="{{ server.backup_retention if server else '' }}"></div>
          <div class="col-md-3 form-check ms-1 mt-4"><input type="checkbox" class="form-check-input" name="monitoring_enabled" {{ 'checked' if server and server.monitoring_enabled }}><label class="form-check-label">Monitoring Enabled</label></div>
          <div class="col-md-6"><label class="form-label">Monitoring System</label><input name="monitoring_system" class="form-control" value="{{ server.monitoring_system if server else '' }}"></div>
        </div>
      </div>

      <div class="card-panel mb-3">
        <h2 class="h6">Notes</h2>
        <div class="mb-2">
          <label class="form-label">Credential Reference <span class="text-muted small">(never store actual credentials here)</span></label>
          <input name="credential_reference" class="form-control" value="{{ server.credential_reference if server else 'Credentials stored in approved password manager.' }}">
        </div>
        <textarea name="notes" class="form-control" rows="3">{{ server.notes if server else '' }}</textarea>
      </div>
    </div>

    <div class="col-lg-4">
      <div class="card-panel mb-3">
        <div class="mb-3">
          <label class="form-label">Status</label>
          <select name="status" class="form-select">
            {% for s in ['online','offline','maintenance','decommissioned'] %}
              <option value="{{ s }}" {{ 'selected' if server and server.status.value == s }}>{{ s | capitalize }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="mb-3">
          <label class="form-label">Control Panel</label>
          <select name="control_panel_id" class="form-select">
            <option value="">— None —</option>
            {% for cp in control_panels %}
              <option value="{{ cp.id }}" {{ 'selected' if server and server.control_panel_id == cp.id }}>{{ cp.name }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="mb-0">
          <label class="form-label">Datacenter</label>
          <select name="datacenter_id" class="form-select">
            <option value="">— None —</option>
            {% for dc in datacenters %}
              <option value="{{ dc.id }}" {{ 'selected' if server and server.datacenter_id == dc.id }}>{{ dc.name }}</option>
            {% endfor %}
          </select>
        </div>
      </div>

      <div class="card-panel mb-3">
        <label class="form-label">Services</label>
        <div style="max-height:280px; overflow-y:auto;">
        {% for svc in services %}
          <div class="form-check">
            <input class="form-check-input" type="checkbox" name="service_ids" value="{{ svc.id }}"
              {{ 'checked' if server and svc in server.services }}>
            <label class="form-check-label small">{{ svc.name }} <span class="text-muted">({{ svc.category }})</span></label>
          </div>
        {% endfor %}
        </div>
      </div>

      <button type="submit" class="btn btn-primary w-100">{{ 'Save Changes' if server else 'Create Server' }}</button>
    </div>
  </div>
</form>
{% endblock %}