<%- include('../partials/header') %>
<%- include('../partials/sidebar') %>

<div class="dashboard-header" style="margin-bottom: 30px;">
  <a href="/admin/playlists" style="color: var(--text-muted); font-size: 0.9rem; margin-bottom: 10px; display: inline-block;">
    <i class="fas fa-arrow-left"></i> Voltar para Playlists
  </a>
  <h1 class="text-gradient">Criar Playlist</h1>
</div>

<div class="card" style="max-width: 600px;">
  <% if (typeof error !== 'undefined' && error) { %>
    <div class="alert alert-error">
      <i class="fas fa-exclamation-circle"></i> <%= error %>
    </div>
  <% } %>

  <form action="/admin/playlists/nova" method="POST">
    <div class="form-group">
      <label class="form-label">Nome da Playlist *</label>
      <input type="text" name="nome" class="form-control" required placeholder="Ex: Top Hits 2026">
    </div>
    
    <div class="form-group">
      <label class="form-label">Descrição</label>
      <textarea name="descricao" class="form-control" rows="4" placeholder="Breve descrição sobre a playlist (Opcional)"></textarea>
    </div>

    <button type="submit" class="btn btn-primary" style="margin-top: 10px; width: 100%; justify-content: center; padding: 12px;">
      <i class="fas fa-save"></i> Salvar Playlist
    </button>
  </form>
</div>
<%- include('../partials/footer') %>
