{% extends 'base.html' %}
{% load static %}

{% block title %}
    {% if board %}Editar Quadro{% else %}Novo Quadro{% endif %} - {{ block.super }}
{% endblock %}

{% block content %}
<div class="container">
    <h1>{% if board %}Editar Quadro{% else %}Novo Quadro{% endif %}</h1>
    
    <form method="post">
        {% csrf_token %}
        
        <div class="mb-3">
            <label for="nome" class="form-label">Nome do Quadro *</label>
            <input type="text" class="form-control" id="nome" name="nome" 
                   value="{{ board.nome|default:'' }}" required>
        </div>
        
        <div class="mb-3">
            <label for="project" class="form-label">Projeto *</label>
            <select class="form-select" id="project" name="project" required>
                <option value="">Selecione um projeto</option>
                {% for project in projects %}
                    <option value="{{ project.id }}" 
                            {% if board and board.project.id == project.id %}selected{% endif %}>
                        {{ project.nome }}
                    </option>
                {% endfor %}
            </select>
        </div>
        
        <div class="mb-3">
            <label for="descricao" class="form-label">Descrição</label>
            <textarea class="form-control" id="descricao" name="descricao" rows="3">{{ board.descricao|default:'' }}</textarea>
        </div>
        
        <div class="mb-3">
            <label for="cor" class="form-label">Cor</label>
            <input type="color" class="form-control" id="cor" name="cor" 
                   value="{{ board.cor|default:'#007bff' }}">
        </div>
        
        <div class="d-flex gap-2">
            <a href="{% url 'board:list' %}" class="btn btn-secondary">Voltar</a>
            <button type="submit" class="btn btn-primary">
                {% if board %}Salvar{% else %}Criar{% endif %}
            </button>
        </div>
    </form>
</div>
{% endblock %}