{% import "_macros.html" as ui %}
{% set post_url = '/machines/' ~ machine.id if machine else '/machines' %}
<div class="d-head">
  <div>
    <h2>{{ 'Edit ' ~ machine.hostname if machine else 'Add machines' }}</h2>
    <p>{{ 'Changes are saved to the audit log.' if machine else 'Saving enrolls the PC, then locks its firewall and checks its health.' }}</p>
  </div>
  {% if not standalone %}<button type="button" class="icon-btn" data-close-drawer aria-label="Close">{{ icon('x', 18) }}</button>{% endif %}
</div>
{% if not machine and not standalone %}
<div class="tabs">
  {{ ui.drawer_link('/machines/new', 'One machine', 'on') }}
  {{ ui.drawer_link('/machines/import', 'Import CSV') }}
</div>
{% endif %}
<form class="d-form" method="post" action="{{ post_url }}"
      {% if not standalone %}hx-post="{{ post_url }}" hx-target="#drawer-body" hx-swap="innerHTML"{% endif %}>
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  <div class="d-body">
    {% if errors %}<div class="notice bad">{{ icon('alert', 15) }}<span>Please fix the highlighted fields.</span></div>{% endif %}

    <section class="form-section">
      <div class="form-grid">
        <label class="field wide">
          <span class="field-label">IP address<em>*</em></span>
          <span class="with-action">
            <input name="ip" value="{{ values.get('ip', '') }}" placeholder="10.20.30.41" required {% if not machine %}autofocus{% endif %} {% if errors.get('ip') %}aria-invalid="true"{% endif %}>
            <button type="button" class="btn btn-ghost" data-detect>{{ icon('scan', 15) }}{{ 'Detect' if winrm_ready else 'Check' }}</button>
          </span>
          {% if errors.get('ip') %}<span class="field-error">{{ errors['ip'] }}</span>{% endif %}
          <div class="detect-result" data-detect-result>{{ 'Detect fills in the name, MAC and Windows version from the PC.' if winrm_ready else 'Check tests whether Remote Desktop answers at this address.' }}</div>
        </label>
        {{ ui.field('hostname', 'Hostname', values, errors, required=True, placeholder='LAB-PC-001') }}
        {{ ui.field('mac', 'MAC address', values, errors, placeholder='AA:BB:CC:DD:EE:FF') }}
        {{ ui.field('windows_edition', 'Windows edition', values, errors) }}
        {{ ui.field('windows_build', 'Windows build', values, errors) }}
      </div>
    </section>

    <section class="form-section">
      <h3>Location and ownership</h3>
      <div class="form-grid">
        {{ ui.field('room', 'Room', values, errors) }}
        {{ ui.field('rack', 'Rack', values, errors) }}
        {{ ui.field('bench', 'Bench', values, errors) }}
        {{ ui.field('owner_team', 'Owner team', values, errors) }}
        {{ ui.field('tags', 'Tags', values, errors, help='Comma separated.', cls='wide') }}
        {{ ui.field('notes', 'Notes', values, errors, cls='wide') }}
      </div>
    </section>

    <section class="form-section">
      <h3>Infotainment target</h3>
      <div class="form-grid">
        {{ ui.field('target_platform', 'Project or platform', values, errors) }}
        {{ ui.field('target_variant', 'Variant', values, errors) }}
        {{ ui.field('target_hw_revision', 'Hardware revision', values, errors) }}
        {{ ui.field('target_serial', 'Serial number', values, errors) }}
        {{ ui.field('target_software_build', 'Current software build', values, errors) }}
        <label class="field">
          <span class="field-label">Connection to the PC</span>
          <select name="target_connection" {% if errors.get('target_connection') %}aria-invalid="true"{% endif %}>
            <option value=""></option>
            {% for c in connection_types %}<option {{ 'selected' if values.get('target_connection') == c }}>{{ c }}</option>{% endfor %}
          </select>
          {% if errors.get('target_connection') %}<span class="field-error">{{ errors['target_connection'] }}</span>{% endif %}
        </label>
        {{ ui.field('target_notes', 'Target notes', values, errors, cls='wide') }}
      </div>
    </section>

    <section class="form-section">
      <h3>Access</h3>
      <div class="form-grid">
        {{ ui.field('allowed_groups', 'Allowed AD groups', values, errors, help='Comma separated. Empty means all users.') }}
        {{ ui.field('max_session_minutes', 'Session limit (minutes)', values, errors, help='Empty means no limit.') }}
      </div>
    </section>
  </div>
  <div class="d-foot">
    {% if standalone %}
      <a class="btn btn-ghost grow" href="{{ '/machines/' ~ machine.id if machine else '/' }}">Cancel</a>
    {% else %}
      <button type="button" class="btn btn-ghost grow" data-close-drawer>Cancel</button>
      {% if not machine %}<button type="submit" name="another" value="1" class="btn btn-ghost">Save and add another</button>{% endif %}
    {% endif %}
    <button type="submit" class="btn btn-primary">{{ 'Save changes' if machine else 'Add machine' }}</button>
  </div>
</form>