{% extends 'base.html' %}
{% block content %}
<h2>Apply for Passport</h2>
<form method="post" enctype="multipart/form-data" class="form">
  <div class="grid2">
    <label>Full Name <input name="full_name" required></label>
    <label>Date of Birth <input type="date" name="dob" required></label>
    <label>Gender
      <select name="gender" required>
        <option value="Male">Male</option>
        <option value="Female">Female</option>
        <option value="Other">Other</option>
      </select>
    </label>
    <label>Nationality <input name="nationality" value="Indian" required></label>
    <label>Aadhar Number <input name="aadhar" required></label>
    <label>Passport Type
      <select name="passport_type">
        <option>Normal</option>
        <option>Tatkal</option>
      </select>
    </label>
  </div>
  <label>Address <textarea name="address" required></textarea></label>
  <label>Upload Photo (jpg/png) <input type="file" name="photo" accept=".jpg,.jpeg,.png"></label>
  <label>Upload ID Proof (pdf/jpg/png) <input type="file" name="id_doc" accept=".pdf,.jpg,.jpeg,.png"></label>
  <button class="button" type="submit">Submit Application</button>
</form>
{% endblock %}