{% extends 'base.html' %}
{% load customtags %}

{% block contentbody %}
<div class="card">
    <form method="post">
       <div class="card-header bg-info">
          <h4 class="mb-0 text-white">Personal Information</h4>
       </div>
       {% csrf_token %}
       <div class="form-body">
          <div class="card-body">
             <div class="row pt-3">
                <div class="col-md-4">
                   <div class="form-group">
                      <label class="control-label">Test Type</label>
                      {{form.test_type}}
                   </div>
                </div>
                <div class="col-md-4">
                   <div class="form-group">
                      <label class="control-label">{{form.student_name.label}}</label>
                    {{form.student_name}}
                   </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                       <label class="control-label">{{form.address.label}}</label>
                     {{form.address}}
                    </div>
                 </div>
             </div>

             <div class="row pt-3">
                <div class="col-md-4">
                   <div class="form-group">
                      <label class="control-label">Mobile number</label>
                      {{form.mobile_number}}
                   </div>
                </div>
                <div class="col-md-4">
                   <div class="form-group">
                      <label class="control-label">{{form.email.label}}</label>
                        {{form.email|errorcss}}
                    <div class="invalid-feedback">
                        {{form.email.errors.as_text}}
                    </div>
                   </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                       <label class="control-label">Last qualification</label>
                        {{form.last_quali}}
                    </div>
                 </div>
             </div>

             <div class="row pt-3">
                <div class="col-md-4">
                   <div class="form-group">
                      <label class="control-label">{{form.grade.label}}</label>
                      {{form.grade}}
                   </div>
                </div>
                <div class="col-md-2">
                   <div class="form-group">
                      <label class="control-label">Preference Time1</label>
                        {{form.pref_time1|errorcss}}
                    <div class="invalid-feedback">
                        {{form.pref_time1.errors.as_text}}
                    </div>
                    
                   </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                       <label class="control-label">Preference Time2</label>
                        {{form.pref_time2|errorcss}}
                        <div class="invalid-feedback">
                            {{form.pref_time2.errors.as_text}}
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                       <label class="control-label">{{form.country.label}}</label>
                        {{form.country}}
                    </div>
                 </div>
             </div>
             <div class="row pt-3">
                <div class="col">
                    <label class="control-label">{{form.special_notes.label}}</label>
                    {{form.special_notes}}
                </div>
            </div>
            <br/>
            <input type="submit" value="Submit" class="btn btn-primary">
          </div>
       </div>
    </form>
 </div>
        


{% endblock %}