{% extends 'base.html' %}
{% load static %}
{% load crispy_forms_tags %}
{% load customtags %}
{% load i18n %}

{% block contentbody %}
<!-- <div class="breadcrumb">
  <a href="#">Developer Dashboard</a>
  > <a href="#">Subscription Plans</a>
  > Crete Enquiry 
</div> -->
{# include 'subscriptions/snippets/messages.html' #}
<!-- START OF NEW DESIGN -->
{% if form.non_field_errors %}
  <div class="non-field-errors">
    {% for err in form.non_field_errors %}
      <p class="form-error">{{ err }}</p>
    {% endfor %}
  </div>
{% endif %}
<!-- <div class="row">
  <div class="col-lg-12"> -->
      <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">Preference Destination</label>
                        {{personal_form.preference_country}}
                      </div>
                    </div>
                      <div class="col-md-4">
                          <div class="form-group">
                              <label class="control-label">{{personal_form.student_name.label}}</label>
                              <input type="text" id="id_student_name" name="student_name" class="form-control" value="{{personal_form.student_name.value|default_if_none:''}}">
                              <!-- <small class="form-control-feedback"> This is inline help </small> -->
                              </div> 
                      </div>
                      <!--/span-->
                      <div class="col-md-4">
                          <div class="form-group has-danger">
                              <label class="control-label">Address</label>
                              <input type="text" id="id_address" name="address" class="form-control" value="{{personal_form.address.value|default_if_none:''}}">
                              <!-- <input type="text" id="lastName" name="dob" class="form-control form-control-danger" placeholder="YYY-MM-DD" value="{{personal_form.dob.value}}"> -->
                              <!-- <small class="form-control-feedback"> This field has error. </small> -->
                            </div> 
                      </div>
                      <!--/span-->
                  </div>
                  <!--/row-->
                  <div class="row">
                      <div class="col-md-3">
                        <div class="form-group has-danger">
                          <label class="control-label">Mobile Number</label>
                        
                          {{personal_form.mobile_number|errorcss}}
                        
                          <div class="invalid-feedback">
                            {{personal_form.mobile_number.errors.as_text}}
                          </div>
                        </div>
                      </div>
                      <!--/span-->
                      <div class="col-md-3">
                          <div class="form-group">
                              <label class="control-label">Date of Birth</label>
                              <input id="id_dob" name="dob" type="date" class="form-control" value="{{personal_form.dob.value | date:'Y-m-d'}}">
                          </div>
                      </div>
                      <!--/span-->
                      <div class="col-md-3">
                        <div class="form-group has-danger">
                          <label class="control-label">Email</label>
                          <input type="email" id="id_email" name="email" class="form-control {% if personal_form.email.errors %}is-invalid{% endif %}" value="{{personal_form.email.value|default_if_none:''}}">
                          <div class="invalid-feedback">
                            {{personal_form.email.errors.as_text}}
                          </div> 
                        </div>
                      </div>
                      <!--/span-->
                      <div class="col-md-3">
                        <div class="form-group">
                          <label class="control-label">Marital status</label>
                          {{personal_form.marital_status}}
                        </div>
                      </div>
                  </div>
                  <!--/row-->
                  <!--/row-->
                  
              </div>
            </div>

          <div class="card-header bg-info">
            <h4 class="mb-0 text-white">Program Interested</h4>
          </div>
        
        <div class="card-body">
          <div class="form-errors">{{ cost_forms.non_form_errors }}</div>
              {% for cost_form in program_interested_form %}        
                {% include 'snippets/program_interested.html' with form=cost_form %}
              {% endfor %}
            {{ program_interested_form.management_form }}
        </div>
        
        <div class="card-header bg-info">
          <div class="row">
            <div class="col-md-10">
              <h4 class="mb-0 text-white">Previous Academic Details</h4>
            </div>
            <!-- <div class="col-md-2">
              <button id="add-academic-form" type="button" class="btn btn-success btn-sm">Add</button>
            </div> -->
          </div>
        </div>
        
          <div class="form-errors">{{ previous_academic_form.non_form_errors }}</div>
          <div id="academic-form-container">
            {{ previous_academic_form.management_form }}
            {% for cost_form in previous_academic_form %}
            <div class="academic-form">
              {% include 'snippets/academic_detail_enq.html' with form=cost_form %}<br/>
            </div>
            {% endfor %}
          </div>
          <div id="empty-academic-form" class="hidden">
            <!-- {{previous_academic_form.empty_form}} -->
            {% include 'snippets/academic_detail.html' with form=previous_academic_form.empty_form %}
            <button class="btn btn-danger delete-academic-form"><i class="icon icon-trash">  Delete</i></button>
          </div>
      
      <div class="card-header bg-info">
        <h4 class="mb-0 text-white">Test Score </h4>
      </div>

      <fieldset>
        <div class="form-errors">{{ cost_forms.non_form_errors }}</div>
        <div id="form-container">
          {{test_score_form.management_form}}
          <div class="card-body">
          {% for cost_form in test_score_form %}
          <div class="test-score-form">

              <div class="form-errors invalid-feedback">{{ form.non_field_errors }}</div>
              <div class="row show-grid">
                <div class="col-4">
                  <!-- {{cost_form.english_test|as_crispy_field}} -->
                  {% include 'snippets/field&error.html' with field=cost_form.english_test  %}
                </div>
                <div class="col-8">
                  <!-- {{cost_form.secured_points|as_crispy_field}} -->
                  {% include 'snippets/field&error.html' with field=cost_form.secured_points  %}
                </div>
              </div>
              <div class="row show-grid">
                <div class="col-4">
                  <!-- {{cost_form.standarized_test|as_crispy_field}} -->
                  {% include 'snippets/field&error.html' with field=cost_form.standarized_test  %}
                </div>
                <div class="col-8">
                  <!-- {{cost_form.standrized_points|as_crispy_field}} -->
                  {% include 'snippets/field&error.html' with field=cost_form.standrized_points  %}
                </div>
              </div>
              {% for hidden in cost_form.hidden_fields %}
              {{ hidden }}
              {{hidden.errors}}
              {% endfor %}
            </div>
            {% endfor %}
          </div>
        </div>
      <!-- <button id="add-form" type="button" class="btn btn-primary">Add</button> -->
      <div id="empty-form" class="hidden">
        {{test_score_form.empty_form}}
        <button class="btn btn-danger delete-image-form"><i class="icon icon-trash">  Delete</i></button>
      </div>
    </fieldset>
    <div class="card-header bg-info">
      <h4 class="mb-0 text-white">Other Detail </h4>
    </div>
    <fieldset>
      
      {% for cost_form in other_detail_form %}
      {% include 'snippets/other_detail.html' with form=cost_form %}<br/>
    {% endfor %}
    
    {{ other_detail_form.management_form }}
    </fieldset>
        

       
  <div class="card-body">  
    <input type="submit" class="btn btn-primary" value="Save">
  </div>
      </form>
      </div>
  </div>
</div>

<style>
  .hidden{
    display:none
  }
</style>
<script>
  $(function (){
      
    //REMINDER START
    console.log("DAFAQ");
    let pg_level=document.querySelector('#id_previousacademicdetail_set-0-program_level').value;
    if(pg_level == "10 Plus 2 | A Level"){
      $("#id_previousacademicdetail_set-0-duration").val(2);
      //$("#id_previousacademicdetail_set-0-stream").val("---------");
      // HIDE CLASS
      $(".d_u").hide();
      $(".deg").hide();
      $(".award").hide();
      $(".stream").show();
      // DEFAULT VALUE
      $("input[id=id_previousacademicdetail_set-0-degree_name]").val("None");
      $("input[id=id_previousacademicdetail_set-0-duration]").val("None");
      $("input[id=id_previousacademicdetail_set-0-awarding_body]").val("None");
      
  }
  if(pg_level == "Diploma | PCL"){
      // $(".stream").addClass("hidden");
      $("#awarding_body").text("Awarding Body");
      //$("input[id=id_previousacademicdetail_set-0-degree_name]").val("");
      //$("input[id=id_previousacademicdetail_set-0-duration]").val("");
      $("#previousacademicdetail_set-0-awarding_body").text("");
      $(".stream").hide();
      $(".award").show();
      $(".g_p").show();
      $(".deg").show();
      $(".d_u").show();
      //$("input[id=id_previousacademicdetail_set-0-duration]").val("None");
      $("#id_previousacademicdetail_set-0-stream").val("Humanities&Arts");
      //$("#id_previousacademicdetail_set-0-duration").val(1);
      
  }
  if(pg_level == "Bachelor Degree" | this.value == "Master Degree"){
      $("input[id=id_previousacademicdetail_set-0-degree_name]").val("");
      $("input[id=id_previousacademicdetail_set-0-awarding_body]").val("");
      $("input[id=id_previousacademicdetail_set-0-duration]").val("");
      $("#id_previousacademicdetail_set-0-stream").val("Humanities&Arts");
      $("#awarding_body").text("University");
      $(".award").show();
      $(".g_p").show();
      $(".deg").show();
      $(".d_u").show();
      $(".stream").hide();
      $("#id_previousacademicdetail_set-0-duration").val(1);
      // $(".award").hide();
  }
  // else{
  //     $('#academic-form-container').show();
  // }
    
 });
</script>
{% endblock %}

{% block js %}
{{ block.super }}
<script src="{% static '/js/filter/prev_academic.js' %}"></script>
<!-- <script src="{% static '/js/enq_academicform_add.js' %}"></script> -->
<script src="{% static '/js/filter/programs.js' %}"></script>
{% endblock %}