{% extends "base/layout.html" %}
{% block content %}
  <h1 class="text-2xl font-semibold">Create Audit Firm</h1>

  <form class="mt-4 rounded-2xl bg-white border p-5 max-w-xl" method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />

    <div class="grid gap-3">
      <label class="grid gap-1">
        <span class="text-sm text-slate-600">Audit Audit Firm Code</span>
        <input class="border rounded-xl px-3 py-2" name="code" required />
      </label>

      <label class="grid gap-1">
        <span class="text-sm text-slate-600">Audit Audit Firm Name</span>
        <input class="border rounded-xl px-3 py-2" name="name" required />
      </label>

      <div class="flex gap-3">
        <button class="rounded-xl bg-slate-900 text-white px-4 py-2 text-sm" type="submit">Save</button>
        <a class="rounded-xl border px-4 py-2 text-sm" href="/system-settings/tenants">Cancel</a>
      </div>
    </div>
  </form>
{% endblock %}
