{% extends "base.html" %}
{% block title %}{% if project %}Edit {{ project.name }}{% else %}New Project{% endif %} · CalMiner{% endblock %}

{% block head_extra %}
  <link rel="stylesheet" href="/static/css/projects.css" />
{% endblock %}

{% block content %}
  <nav class="breadcrumb">
    <a href="{{ url_for('projects.project_list_page') }}">Projects</a>
    {% if project %}
      <a href="{{ url_for('projects.view_project', project_id=project.id) }}">{{ project.name }}</a>
      <span aria-current="page">Edit</span>
    {% else %}
      <span aria-current="page">New</span>
    {% endif %}
  </nav>

  <header class="page-header">
    <div>
      <h1>{% if project %}Edit Project{% else %}Create Project{% endif %}</h1>
      <p class="text-muted">Provide core information about the mining project.</p>
    </div>
    <div class="header-actions">
      <a class="btn" href="{{ cancel_url }}">Cancel</a>
      <button class="btn primary" type="submit">Save Project</button>
    </div>
  </header>

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

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

    <form class="form project-form" method="post" action="{{ form_action }}">
    <div class="form-grid">
      <div class="form-group">
        <label for="name">Name</label>
        <input id="name" name="name" type="text" required value="{{ project.name if project else '' }}" />
      </div>

      <div class="form-group">
        <label for="location">Location</label>
        <input id="location" name="location" type="text" value="{{ project.location if project else '' }}" />
      </div>

      <div class="form-group">
        <label for="operation_type">Operation Type</label>
        <select id="operation_type" name="operation_type" required>
          {% for value, label in operation_types %}
            <option value="{{ value }}" {% if project and project.operation_type.value == value %}selected{% endif %}>{{ label }}</option>
          {% endfor %}
        </select>
      </div>
    </div>

    <div class="form-group">
      <label for="description">Description</label>
      <textarea id="description" name="description" rows="5">{{ project.description if project else '' }}</textarea>
    </div>

    <div class="form-actions">
      <a class="btn" href="{{ cancel_url }}">Cancel</a>
      <button class="btn primary" type="submit">Save Project</button>
    </div>
  </form>
{% endblock %}