{% extends "admin/layout.twig" %}

{% block title %}Editar Lote — {{ event.title }}{% endblock %}

{% block header_title %}Editar Lote: {{ batch.name }}{% endblock %}

{% block extra_css %}
        .content-container { max-width: 600px; margin: 0 auto; }
        .breadcrumb { font-size: 0.9em; color: #666; margin-bottom: 20px; }
        .breadcrumb a { color: #3498db; text-decoration: none; }
        .actions { display: flex; gap: 10px; margin-top: 24px; }
        .alert-error { background: #fdecea; border: 1px solid #e74c3c; color: #c0392b; padding: 10px 15px; border-radius: 4px; margin-bottom: 18px; }
{% endblock %}

{% block content %}
<div class="content-container">
    <div class="breadcrumb">
        <a href="/admin/events">Eventos</a> &rsaquo;
        <a href="/admin/events/{{ event.id }}/categories">{{ event.title }}</a> &rsaquo;
        Editar Lote
    </div>

    {% if error is defined and error %}
        <div class="alert-error">{{ error }}</div>
    {% endif %}

    <form method="POST" action="/admin/events/{{ event.id }}/categories/{{ category_id }}/batches/{{ batch.id }}/edit">
        <div class="form-group">
            <label for="name">Nome do Lote</label>
            <input type="text" id="name" name="name" value="{{ batch.name }}" required>
        </div>

        <div class="form-group">
            <label for="price">Preço (R$)</label>
            <input type="number" id="price" name="price" step="0.01" min="0" value="{{ batch.price }}" required>
        </div>

        <div class="form-group">
            <label for="start_date">Início das Vendas</label>
            <input type="datetime-local" id="start_date" name="start_date"
                   value="{{ batch.start_date|date('Y-m-d\\TH:i') }}" required>
        </div>

        <div class="form-group">
            <label for="end_date">Fim das Vendas</label>
            <input type="datetime-local" id="end_date" name="end_date"
                   value="{{ batch.end_date|date('Y-m-d\\TH:i') }}" required>
        </div>

        <div class="form-group">
            <label for="capacity">Capacidade (vagas — deixe em branco para ilimitado)</label>
            <input type="number" id="capacity" name="capacity" min="1" value="{{ batch.capacity }}">
        </div>

        <div class="actions">
            <button type="submit" class="btn btn-primary">Salvar Alterações</button>
            <a href="/admin/events/{{ event.id }}/categories" class="btn btn-secondary">Cancelar</a>
        </div>
    </form>
</div>
{% endblock %}