<div class="container">
  <h1>Create a New Schema</h1>

  <form action={@base_path} method="post">
    <input type="hidden" name="_csrf_token" value={Plug.CSRFProtection.get_csrf_token()} />
    <div class="form-group">
      <label for="schema_name">
        Schema Name:
      </label>
      <input
        type="text"
        id="schema_name"
        name="schema[name]"
        required
      />
    </div>

    <div class="form-group-checkbox">
      <label>
        <input type="hidden" name="schema[unique]" value="false" />
        <input
          type="checkbox"
          name="schema[unique]"
          value="true"
        />
        Unique (only one instance allowed)
      </label>
    </div>

    <button type="submit">
      Create Schema
    </button>
  </form>



  <div class="schemas-list">
    <h2>Existing Schemas</h2>
    <%= if Enum.empty?(@schemas) do %>
      <p class="empty-state">No schemas yet. Create one above!</p>
    <% else %>
      <ul>
        <%= for schema <- @schemas do %>
          <li>
            <a href={"#{@base_path}/schemas/#{schema.id}"} class="schema-link">
              <span class="schema-name">
                <%= schema.name %>
                <%= if schema.managed_by == "code" do %>
                  <span class="badge-small" style="background-color: #e3f2fd; color: #1565c0;">Code</span>
                <% end %>
              </span>
              <span class="schema-date">Created: <%= Calendar.strftime(schema.inserted_at, "%Y-%m-%d %H:%M") %></span>
            </a>
          </li>
        <% end %>
      </ul>
    <% end %>
  </div>
</div>
