{% extends "base.html" %}

{% block title %}Crear Proyecto - ARCH{% endblock %}

{% block content %}
<div class="container mt-4">
    <h1>Crear Nuevo Proyecto</h1>
    
    <div class="card">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">Información del Proyecto</h5>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ url_for('projects.create') }}">
                {{ form.csrf_token if form.csrf_token }}
                
                <div class="mb-3">
                    <label for="codigo" class="form-label">Código del Proyecto</label>
                    <input type="text" class="form-control" id="codigo" name="codigo" required>
                </div>
                
                <div class="mb-3">
                    <label for="descripcion" class="form-label">Descripción</label>
                    <textarea class="form-control" id="descripcion" name="descripcion" rows="3" required></textarea>
                </div>
                
                <div class="mb-3">
                    <label for="esquema" class="form-label">Esquema</label>
                    <select class="form-select" id="esquema" name="esquema" required>
                        {% if schemas %}
                            {% for codigo, schema in schemas.items() %}
                                <option value="{{ codigo }}">{{ codigo }} - {{ schema.descripcion }}</option>
                            {% endfor %}
                        {% else %}
                            <option value="">No hay esquemas disponibles</option>
                        {% endif %}
                    </select>
                </div>
                
                <div class="mb-3">
                    <label for="cliente" class="form-label">Cliente</label>
                    <input type="text" class="form-control" id="cliente" name="cliente">
                </div>
                
                <div class="mb-3">
                    <label for="destinacion" class="form-label">Destinación</label>
                    <input type="text" class="form-control" id="destinacion" name="destinacion">
                </div>
                
                <div class="mb-3">
                    <label for="proyecto_padre" class="form-label">Proyecto Padre (opcional)</label>
                    <select class="form-select" id="proyecto_padre" name="proyecto_padre">
                        <option value="">Ninguno</option>
                        {% if projects %}
                            {% for project in projects %}
                                <option value="{{ project.id }}">{{ project.codigo }} - {{ project.descripcion }}</option>
                            {% endfor %}
                        {% endif %}
                    </select>
                </div>
                
                <div class="mb-3">
                    <label for="estado" class="form-label">Estado</label>
                    <select class="form-select" id="estado" name="estado">
                        <option value="activo" selected>Activo</option>
                        <option value="archivado">Archivado</option>
                        <option value="suspendido">Suspendido</option>
                    </select>
                </div>
                
                <div class="d-flex justify-content-between">
                    <button type="submit" class="btn btn-primary">Crear Proyecto</button>
                    <a href="{{ url_for('projects.list') }}" class="btn btn-secondary">Cancelar</a>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}