{% extends "base.html" %}
{% block title %}Add Contractor{% endblock %}
{% block page_title %}Add Contractor{% endblock %}
{% block content %}
<div class="panel" style="max-width:640px">
  <form method="post">
    {% csrf_token %}
    <div class="row">
      <div class="col-md-6 mb-3">
        <label class="form-label">Name</label>
        <input type="text" name="name" class="form-control" required>
      </div>
      <div class="col-md-6 mb-3">
        <label class="form-label">Mobile Number</label>
        <input type="text" name="mobile_number" class="form-control">
      </div>
    </div>
    <div class="row">
      <div class="col-md-6 mb-3">
        <label class="form-label">Work Order No.</label>
        <input type="text" name="work_order_no" class="form-control">
      </div>
      <div class="col-md-6 mb-3">
        <label class="form-label">Contract Amount (৳)</label>
        <input type="number" step="0.01" name="contract_amount" class="form-control" value="0">
      </div>
    </div>
    <div class="mb-3">
      <label class="form-label">Work Description</label>
      <textarea name="work_description" class="form-control" rows="2"></textarea>
    </div>
    <button class="btn btn-brand"><i class="fa-solid fa-check"></i> Save Contractor</button>
    <a href="{% url 'contractors:contractor_list' %}" class="btn btn-outline-secondary">Cancel</a>
  </form>
</div>
{% endblock %}