{% extends "base.html" %} {% load static %} {% block contentbody %}

<div class="container-fluid">
  <div class="col-md-12"></div>

  <div class="row">
    <!-- program finder -->
    <div class="col-lg-12 col-md-12">
      <div class="card">
        <div class="card-header bg-info text-white">
          <h4 class="card-title">Program Finder</h4>
        </div>
        <div class="card-body">
          <form id="program-finder" method="GET">
            <div class="row">
              <div class="col-md-3">
                <select
                  name="country"
                  id="id_country"
                  class="form-control countrySelect"
                  required
                >
                  <option value="">Select Country</option>
                  {% for each in countrys%}
                  <option value="{{each.id}}">{{each}}</option>
                  {% endfor %}
                </select>
              </div>
              <div class="col-md-3">
                <select name="programLevel" id="id_pg_level" class="form-control programLevelSelect" required>
                  <option value="">Select Level</option>
                  {% for each in pg_level%}
                  <option value="{{each.id}}">{{each}}</option>
                  {% endfor %}
                </select>
              </div>
              <div class="col-md-5">
                <input
                  type="text"
                  id="id_course"
                  class="programName form-control"
                  name="courseName"
                  placeholder="Search Program"
                />
              </div>
              <input type="submit" value="Search" class="btn btn-info btn-sm" />
            </div>
          </form>
          <div class="row datas">
            <div class="universityDatas" style="width: 100%;">
              <div class="col-md-12">
                <div class="card">
                  <div class="card-body">
                    <div class="row">
                      <div class="col-md-12" id="prog_detail"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  {% endblock %} {% block js %} {{ block.super }}
  
  <script src="{% static '/js/filter/programfinder.js' %}"></script>
  {% endblock %}
</div>