{% extends 'base.html' %}
{% block content %}
<div class="container mt-4" style="max-width: 1100px;">
  <h4 class="mb-3">
    <i class="bi bi-file-earmark-plus me-2"></i> New Requisition
  </h4>

  <form method="POST" class="card shadow-sm">
    <div class="card-body">
      <div class="row g-3">
        <div class="col-md-4">
          <label class="form-label fw-semibold">Designation</label>
          <select name="designation_id" class="form-select" required
                  onchange="if(this.value) window.location='{{ url_for('recruitment.requisition_new') }}?designation_id='+this.value;">
            <option value="">-- Select --</option>
            {% for d in designations %}
              <option value="{{ d.id }}"
                {% if selected_desig_id == d.id %}selected{% endif %}>
                {{ d.title }}
              </option>
            {% endfor %}
          </select>
        </div>

        <div class="col-md-4">
          <label class="form-label fw-semibold">Department</label>
          <select name="department_id" class="form-select">
            <option value="">-- Select --</option>
            {% for dep in departments %}
              <option value="{{ dep.id }}">{{ dep.name }}</option>
            {% endfor %}
          </select>
        </div>

        <div class="col-md-2">
          <label class="form-label fw-semibold">Positions</label>
          <input type="number" name="positions" class="form-control" value="1" min="1">
        </div>

        <div class="col-md-2">
          <label class="form-label fw-semibold">Location</label>
          <input type="text" name="location" class="form-control">
        </div>

        <div class="col-md-3">
          <label class="form-label fw-semibold">Work Mode</label>
          <select name="work_mode" class="form-select">
            <option value="">-- Select --</option>
            <option>WFO</option>
            <option>WFH</option>
            <option>Hybrid</option>
          </select>
        </div>
        <div class="col-md-3">
          <label class="form-label fw-semibold">Employment Type</label>
          <select name="employment_type" class="form-select">
            <option value="">-- Select --</option>
            <option>Full-time</option>
            <option>Contract</option>
            <option>Intern</option>
          </select>
        </div>
        <div class="col-md-3">
          <label class="form-label fw-semibold">Expected DOJ</label>
          <input type="date" name="expected_doj" class="form-control">
        </div>
        <div class="col-md-3">
          <label class="form-label fw-semibold">Budget CTC (Min)</label>
          <input type="number" step="0.01" name="budget_ctc_min" class="form-control">
        </div>
        <div class="col-md-3">
          <label class="form-label fw-semibold">Budget CTC (Max)</label>
          <input type="number" step="0.01" name="budget_ctc_max" class="form-control">
        </div>

        <div class="col-12">
          <label class="form-label fw-semibold">Justification</label>
          <textarea name="justification" rows="2" class="form-control"></textarea>
        </div>

        <hr class="mt-4">

        <h6 class="fw-bold text-primary">Pre-filled Requirements (editable)</h6>

        <div class="col-md-6">
          <label class="form-label fw-semibold">Minimum Education</label>
          <input type="text" name="min_education" class="form-control"
                 value="{{ template.min_education if template else '' }}">
        </div>
        <div class="col-md-3">
          <label class="form-label fw-semibold">Min Experience (years)</label>
          <input type="number" step="0.1" name="min_experience_years" class="form-control"
                 value="{{ template.min_experience_years if template else '' }}">
        </div>
        <div class="col-md-3">
          <label class="form-label fw-semibold">Age Bracket</label>
          <input type="text" name="age_bracket" class="form-control"
                 value="{{ template.age_bracket if template else '' }}">
        </div>

        <div class="col-md-6">
          <label class="form-label fw-semibold">Salary Bracket (₹)</label>
          <input type="text" name="salary_bracket" class="form-control"
                 value="{{ template.salary_bracket if template else '' }}">
        </div>

        <div class="col-12">
          <label class="form-label fw-semibold">Accountability</label>
          <textarea name="accountability" rows="2" class="form-control">{{ template.accountability if template else '' }}</textarea>
        </div>

        <div class="col-12">
          <label class="form-label fw-semibold">Job Description</label>
          <textarea name="job_description" rows="4" class="form-control">{{ template.job_description if template else '' }}</textarea>
        </div>
      </div>
    </div>
    <div class="card-footer d-flex justify-content-end gap-2">
      <a href="{{ url_for('recruitment.my_requisitions') }}" class="btn btn-outline-secondary btn-sm">Cancel</a>
      <button type="submit" class="btn btn-primary btn-sm">
        <i class="bi bi-send-check me-1"></i> Submit for Approval
      </button>
    </div>
  </form>
</div>
{% endblock %}