<script>
  //$("select").selectpicker();
</script>
<!-- Latest compiled and minified CSS -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css"
/>

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>

<div class="row clearfix">
  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <div class="card" id="add">
      <input type="hidden" id="screen" value="add" />
      <div class="header">
        <h2>
          <b>Provisional Selection List</b>
        </h2>
      </div>
      <div class="body" style="padding: 20px">
        <form class="form-horizontal" id="add">
          <div class="row clearfix">
            <div
              class="col-lg-3 col-md-2 col-sm-4 col-xs-5 form-control-label"
              style="margin-top: 10px"
            >
              <label class="pull-left" for="daterange"
                ><b style="font-size: 14px">Degree </b></label
              >
            </div>
            <div class="col-sm-6 col-md-6">
              <div class="form-group">
                <select
                  id="fdept"
                  class="form-control"
                  name="fdept"
                  onchange="getcollegeprovision()"
                ></select>
              </div>
            </div>
          </div>
          <div class="row clearfix">
            <div
              class="col-lg-3 col-md-2 col-sm-4 col-xs-5 form-control-label"
              style="margin-top: 10px"
            >
              <label class="pull-left" for="daterange"
                ><b style="font-size: 14px">College</b></label
              >
            </div>
            <div class="col-sm-6 col-md-6">
              <div class="form-group">
                <select
                  id="fcollege"
                  class="form-control"
                  name="fcategory"
                  onchange="reporttypechange()"
                ></select>
              </div>
            </div>
          </div>

          <div class="row clearfix">
            <div
              class="col-lg-3 col-md-2 col-sm-4 col-xs-5 form-control-label"
              style="margin-top: 10px"
            >
              <label class="pull-left" for="daterange"
                ><b style="font-size: 14px">Round</b></label
              >
            </div>
            <div class="col-sm-6 col-md-6">
              <div class="form-group">
                <select id="fround" class="form-control" name="fround">
                  <option value="">---Select---</option>
                  <option value="1">1</option>
                  <option value="2">2</option>
                </select>
              </div>
            </div>
          </div>

          <div class="row clearfix">
            <div
              class="
                col-lg-offset-4 col-md-offset-5 col-sm-offset-4 col-xs-offset-5
              "
            >
              <button
                type="button"
                class="btn btn-primary waves-effect m-l-40"
                onclick="genrateprovisionlist()"
              >
                Report
              </button>
            </div>
          </div>
        </form>
      </div>
    </div>
    <div class="card" id="next" hidden>
      <input type="hidden" id="screen" value="next" />
      <div class="header">
        <h2>
          <b>Student Report</b>
        </h2>
      </div>
      <div class="body" style="padding: 20px">
        <div
          class="row clearfix"
          id="appdet"
          style="margin: auto; padding: 20px"
        >
          <table class="table table-bordered"></table>
        </div>
      </div>
    </div>
  </div>
</div>