{% extends 'base.html' %}
{% block title %}{% if object %}Edit Project{% else %}Post a Project{% endif %} — CampusTalent{% endblock %}

{% block content %}
<div class="page-content">
<div class="container-sm">
  <div style="margin-bottom:2rem">
    <h1 style="font-size:1.75rem;margin-bottom:0.375rem">{% if object %}Edit Project{% else %}Post a Project{% endif %}</h1>
    <p style="color:var(--text-muted)">Find collaborators and build something great together</p>
  </div>

  <div class="card card-accent">
    <form method="post">
      {% csrf_token %}
      {% if form.errors %}<div class="alert alert-danger">Please fix the errors below.</div>{% endif %}

      <div class="form-group">
        <label class="form-label">Project Title *</label>
        {{ form.title }}
      </div>

      <div class="form-group">
        <label class="form-label">Description *</label>
        {{ form.description }}
        <div class="form-hint">Describe your project vision, goals, and what you're building.</div>
      </div>

      <div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem">
        <div class="form-group">
          <label class="form-label">Project Type *</label>
          {{ form.project_type }}
        </div>
        <div class="form-group">
          <label class="form-label">Status</label>
          {{ form.status }}
        </div>
      </div>

      <div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem">
        <div class="form-group">
          <label class="form-label">Collaborators Needed *</label>
          {{ form.collaborators_needed }}
        </div>
        <div class="form-group">
          <label class="form-label">Timeline</label>
          {{ form.timeline }}
        </div>
      </div>

      <div class="form-group">
        <label class="form-label">Required Skills</label>
        {{ form.required_skills }}
        <div class="form-hint">Comma-separated: React, Python, UI Design</div>
      </div>

      <div style="display:flex;gap:0.75rem;margin-top:0.5rem">
        <button type="submit" class="btn btn-primary btn-lg">{% if object %}Update Project{% else %}Post Project{% endif %}</button>
        <a href="{% url 'projects:list' %}" class="btn btn-ghost btn-lg">Cancel</a>
      </div>
    </form>
  </div>
</div>
</div>
{% endblock %}