{% extends 'base.html' %}
{% block title %}{{ 'Editar' if project else 'Novo Projeto' }} — 2N Painel{% endblock %}

{% block content %}
<div class="topbar">
  <a href="{{ url_for('dashboard.index') }}" class="btn btn-ghost btn-sm">← Voltar</a>
  <div class="topbar-title">{{ 'Editar Projeto' if project else 'Novo Projeto' }}</div>
</div>

<div class="page-content">
  <form method="POST" style="max-width:800px;">
    <div class="card mb-16">
      <div class="card-header">
        <div class="card-title">Informações Básicas</div>
      </div>
      <div class="grid-2">
        <div class="form-group">
          <label class="form-label">Nome do Projeto *</label>
          <input type="text" name="name" class="form-control" value="{{ project.name if project else '' }}" required placeholder="Ex: Site Business Medic">
        </div>
        <div class="form-group">
          <label class="form-label">Tipo de Serviço</label>
          <input type="text" name="service_type" class="form-control" value="{{ project.service_type if project else '' }}" placeholder="Ex: Landing Page, App, WooCommerce...">
        </div>
      </div>

      <div class="grid-2">
        <div class="form-group">
          <label class="form-label">Cliente *</label>
          <select name="client_id" class="form-control" id="client_select">
            <option value="">Selecionar cliente existente</option>
            {% for c in clients %}
            <option value="{{ c.id }}" {% if project and project.client_id == c.id %}selected{% endif %}>{{ c.name }}</option>
            {% endfor %}
          </select>
          {% if not project %}
          <div style="margin-top:8px;">
            <input type="text" name="new_client_name" class="form-control" placeholder="ou digitar novo cliente aqui">
          </div>
          {% endif %}
        </div>
        <div class="form-group">
          <label class="form-label">Responsável</label>
          <select name="responsible_id" class="form-control">
            <option value="">Sem responsável</option>
            {% for u in users %}
            <option value="{{ u.id }}" {% if project and project.responsible_id == u.id %}selected{% endif %}>{{ u.name }}</option>
            {% endfor %}
          </select>
        </div>
      </div>

      <div class="grid-3">
        <div class="form-group">
          <label class="form-label">Status</label>
          <select name="status" class="form-control">
            <option value="em_andamento" {% if not project or project.status == 'em_andamento' %}selected{% endif %}>Em Andamento</option>
            <option value="aguardando" {% if project and project.status == 'aguardando' %}selected{% endif %}>Aguardando</option>
            <option value="pausado" {% if project and project.status == 'pausado' %}selected{% endif %}>Pausado</option>
            <option value="concluido" {% if project and project.status == 'concluido' %}selected{% endif %}>Concluído</option>
            <option value="cancelado" {% if project and project.status == 'cancelado' %}selected{% endif %}>Cancelado</option>
          </select>
        </div>
        <div class="form-group">
          <label class="form-label">Prioridade</label>
          <select name="priority" class="form-control">
            <option value="baixa" {% if project and project.priority == 'baixa' %}selected{% endif %}>Baixa</option>
            <option value="normal" {% if not project or project.priority == 'normal' %}selected{% endif %}>Normal</option>
            <option value="alta" {% if project and project.priority == 'alta' %}selected{% endif %}>Alta</option>
            <option value="urgente" {% if project and project.priority == 'urgente' %}selected{% endif %}>Urgente</option>
          </select>
        </div>
        <div class="form-group">
          <label class="form-label">Prazo</label>
          <input type="date" name="deadline" class="form-control" value="{{ project.deadline.strftime('%Y-%m-%d') if project and project.deadline else '' }}">
        </div>
      </div>
    </div>

    <div class="card mb-16">
      <div class="card-header">
        <div class="card-title">Contexto do Projeto</div>
        <span class="text-sm text-muted">Usado pela IA para responder no chat</span>
      </div>
      <div class="form-group">
        <label class="form-label">Objetivo</label>
        <textarea name="objective" class="form-control" placeholder="Qual o objetivo deste projeto? O que deve ser entregue?">{{ project.objective if project else '' }}</textarea>
      </div>
      <div class="form-group">
        <label class="form-label">Contexto do Projeto</label>
        <textarea name="context" class="form-control" style="min-height:120px;" placeholder="Informações detalhadas sobre o projeto: tecnologia usada, situação atual, histórico, acordos com cliente...">{{ project.context if project else '' }}</textarea>
      </div>
      <div class="form-group">
        <label class="form-label">Regras de Execução</label>
        <textarea name="execution_rules" class="form-control" placeholder="Regras específicas para execução: padrões de código, fluxo aprovado, restrições, tom de comunicação...">{{ project.execution_rules if project else '' }}</textarea>
      </div>
      <div class="form-group" style="margin-bottom:0;">
        <label class="form-label">Observações Internas</label>
        <textarea name="internal_notes" class="form-control" placeholder="Anotações internas da agência sobre o cliente, situação financeira, sensibilidades...">{{ project.internal_notes if project else '' }}</textarea>
      </div>
    </div>

    <div style="display:flex; gap:12px;">
      <button type="submit" class="btn btn-primary">
        {{ 'Salvar Alterações' if project else 'Criar Projeto' }}
      </button>
      <a href="{{ url_for('projects.detail', project_id=project.id) if project else url_for('dashboard.index') }}" class="btn btn-secondary">Cancelar</a>
      {% if project %}
      <div style="flex:1; display:flex; justify-content:flex-end;">
        <form method="POST" action="{{ url_for('projects.delete', project_id=project.id) }}" onsubmit="return confirm('Excluir este projeto? Esta ação não pode ser desfeita.')">
          <button type="submit" class="btn btn-danger">Excluir Projeto</button>
        </form>
      </div>
      {% endif %}
    </div>
  </form>
</div>
{% endblock %}