{% extends "base.html" %}
{% block title %}Artists -- ProducerOS{% endblock %}
{% block page_heading %}Artists{% endblock %}
{% block content %}
<div class="panel">
  <div class="panel-title-row"><h2>Add artist</h2></div>
  <form method="post" action="/artists/new" class="layout-14 flex gap-1">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <div class="layout-2 field mb-0">
      <label for="name">Artist name</label>
      <input type="text" id="name" name="name" required>
    </div>
    <button type="submit" class="btn btn-primary">Add</button>
  </form>
</div>
<div class="panel">
  <h2>All artists</h2>
  {% if artists %}
  <ul class="layout-15">
    {% for artist in artists %}
    <li class="layout-16">
      <a href="/projects?artist_id={{ artist.id }}">{{ artist.name }}</a>
    </li>
    {% endfor %}
  </ul>
  {% else %}
  <p class="empty-state">No artists yet.</p>
  {% endif %}
</div>
{% endblock %}