{% extends "base.html" %}

{% block title %}New Proposal | Qosh Tepa Management{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-md-8">
    <div class="glass-card p-5">
      <div class="d-flex align-items-center mb-4">
        <div class="stat-icon me-3"><i class="fas fa-file-invoice"></i></div>
        <h2 class="mb-0">Form M-7: Procurement Proposal</h2>
      </div>
      
      <form method="post">
        {% csrf_token %}
        <div class="row">
          <div class="col-md-6 mb-3">
            <label class="form-label">Proposal Number</label>
            {{ form.proposal_number }}
          </div>
          <div class="col-md-6 mb-3">
            <label class="form-label">Department</label>
            {{ form.department }}
          </div>
        </div>
        
        <div class="mb-3">
          <label class="form-label">Title</label>
          {{ form.title }}
        </div>
        
        <div class="mb-3">
          <label class="form-label">Description</label>
          {{ form.description }}
        </div>
        
        <div class="mb-4">
          <label class="form-label">Estimated Cost (AFN)</label>
          {{ form.estimated_cost }}
        </div>
        
        <div class="d-flex gap-3">
          <button type="submit" class="btn btn-primary-gradient px-5">Submit Proposal</button>
          <a href="{% url 'home' %}" class="btn btn-outline-light px-5">Cancel</a>
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}
