{% if provider == 'aws' %}
<div class="space-y-4">
  <div class="grid grid-cols-2 gap-4">
    <div>
      <label class="block text-xs font-semibold text-gray-400 mb-1">AWS Region</label>
      <input type="text" name="aws_region" value="us-east-1"
             class="w-full bg-gray-800 border border-gray-700 rounded-lg px-3 py-2 text-sm text-white focus:outline-none focus:border-brand-500" />
    </div>
    <div>
      <label class="block text-xs font-semibold text-gray-400 mb-1">Instance Type</label>
      <input type="text" name="aws_instance_type" value="t3.medium"
             class="w-full bg-gray-800 border border-gray-700 rounded-lg px-3 py-2 text-sm text-white focus:outline-none focus:border-brand-500" />
    </div>
  </div>
</div>

{% elif provider == 'proxmox' %}
<div class="space-y-4">
  <div>
    <label class="block text-xs font-semibold text-gray-400 mb-1">Proxmox Node</label>
    <input type="text" name="proxmox_node" placeholder="pve"
           class="w-full bg-gray-800 border border-gray-700 rounded-lg px-3 py-2 text-sm text-white focus:outline-none focus:border-brand-500" />
  </div>
</div>

{% elif provider == 'local' %}
<div class="bg-gray-800 rounded-lg px-4 py-3 text-xs text-gray-400">
  Local provider: runs hardening directly on a local VM or container. No extra configuration required.
</div>

{% elif provider %}
<div class="bg-gray-800 rounded-lg px-4 py-3 text-xs text-gray-400">
  Provider <strong class="text-white">{{ provider }}</strong> is registered but has no built-in form fields.
  It will use settings from the profile and environment variables.
</div>
{% endif %}