<form id="addStream">

    <div class="form-group row otherType">
        <div class="col-sm-3 required">
            <label class="col-form-label">{{#str}}selectprogramme, local_mentor_tax_management{{/str}}</label>
            <a class="btn btn-link pull-right" role="button" data-container="body" data-toggle="popover" data-placement="right" data-content="<div class=&quot;no-overflow&quot;><p>{{#str}}selectprogramme, local_mentor_tax_management{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
                <i class="icon fa fa-question-circle text-info fa-fw " title="{{#str}}selectprogramme, local_mentor_tax_management{{/str}}" aria-label="Help with Semester Year"></i>
            </a>
        </div>
        <div class="col-sm-9">
            <select class="form-control" id="programme" name="programme" >
                <option value="" selected disabled>Select Programme</option>
                {{{programmevalues}}}
            </select>
        </div>
    </div>
    <div class="form-group row otherType">
        <div class="col-sm-3 required">
            <label class="col-form-label">{{#str}}streamshortname, local_mentor_tax_management{{/str}}</label>
            <a class="btn btn-link pull-right" role="button" data-container="body" data-toggle="popover" data-placement="right" data-content="<div class=&quot;no-overflow&quot;><p>{{#str}}enterstreamshortname, local_mentor_tax_management{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
                <i class="icon fa fa-question-circle text-info fa-fw " title="{{#str}}enterstreamshortname, local_mentor_tax_management{{/str}}" aria-label="Help with Semester Year"></i>
            </a>
        </div>
        <div class="col-sm-9">
            <input type="text" class="form-control" id="shortname" name="shortname" placeholder="{{#str}}streamshortname, local_mentor_tax_management{{/str}}">
        </div>
    </div>

    <div class="form-group row otherType">
        <div class="col-sm-3 required">
            <label class="col-form-label">{{#str}}streamfullname, local_mentor_tax_management{{/str}}</label>
            <a class="btn btn-link pull-right" role="button" data-container="body" data-toggle="popover" data-placement="right" data-content="<div class=&quot;no-overflow&quot;><p>{{#str}}enterstreamfullname, local_mentor_tax_management{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
                <i class="icon fa fa-question-circle text-info fa-fw " title="{{#str}}enterstreamfullname, local_mentor_tax_management{{/str}}" aria-label="Help with Semester Year"></i>
            </a>
        </div>
        <div class="col-sm-9">
            <input type="text" class="form-control" id="fullname" name="fullname" placeholder="{{#str}}streamfullname, local_mentor_tax_management{{/str}}">
        </div>
    </div>
   
   <div class="form-group row">
    <div class="col-sm-10">
      {{! <input type="submit" class="btn btn-primary add" name="submit"> }}
        <button type="submit" class="btn btn-primary stream_add" name="submit">Add</button>
        <a href="{{{site_url}}}/admin/category.php?category=studentField"><button id="btn_cancel" class="btn btn-default" name="cancel" type="button">Cancel</button></a>

    </div>
  </div>
</form>


<div class="col-md-12">
  <div>
    <h3 class="card-header">{{#str}}streamdetails, local_mentor_tax_management{{/str}} Information</h3>
    <div class="table-responsive table">
    </div>
  </div>
</div>

<!-- Edit Modal -->
<div class="modal fade" id="stream_modal" role="dialog">
  <div class="modal-dialog">
  
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Edit {{#str}}streamdetails, local_mentor_tax_management{{/str}}</h4>
        <input type="hidden" class="stream_id" id="stream_id" name="stream_id" value="">
      </div>
      <div class="modal-body">
        <div class="form-group row otherType">
            <div class="col-sm-5 required">
                <label class="col-form-label">{{#str}}selectprogramme, local_mentor_tax_management{{/str}}</label>
                <a class="btn btn-link pull-right" role="button" data-container="body" data-toggle="popover" data-placement="right" data-content="<div class=&quot;no-overflow&quot;><p>{{#str}}selectprogramme, local_mentor_tax_management{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
                    <i class="icon fa fa-question-circle text-info fa-fw " title="{{#str}}selectprogramme, local_mentor_tax_management{{/str}}" aria-label="Help with Semester Year"></i>
                </a>
            </div>
            <div class="col-sm-7">
                <select class="form-control" id="editprogramme" name="editprogramme" >
                    <option value="" disabled>Select Programme</option>
                    {{{programmevalues}}}
                </select>
                <span class="error_programme" style="color: red;display: none;">Enter {{#str}}programme, local_mentor_tax_management{{/str}}</span>
            </div>
        </div>
        <div class="form-group row otherType">
            <div class="col-sm-5 required">
                <label class="col-form-label">{{#str}}streamshortname, local_mentor_tax_management{{/str}}</label>
                <a class="btn btn-link pull-right" role="button" data-container="body" data-toggle="popover" data-placement="right" data-content="<div class=&quot;no-overflow&quot;><p>{{#str}}editstreamshortname, local_mentor_tax_management{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
                    <i class="icon fa fa-question-circle text-info fa-fw " title="{{#str}}editstreamshortname, local_mentor_tax_management{{/str}}" aria-label="Help with Semester Year"></i>
                </a>
            </div>
            <div class="col-sm-7">
                <input type="text" class="form-control" id="editshortname" name="editshortname" placeholder="{{#str}}streamshortname, local_mentor_tax_management{{/str}}">
                <span class="error_shortname" style="color: red;display: none;">Enter {{#str}}streamshortname, local_mentor_tax_management{{/str}}</span>

            </div>
        </div>

        <div class="form-group row otherType">
            <div class="col-sm-5 required">
                <label class="col-form-label">{{#str}}streamfullname, local_mentor_tax_management{{/str}}</label>
                <a class="btn btn-link pull-right" role="button" data-container="body" data-toggle="popover" data-placement="right" data-content="<div class=&quot;no-overflow&quot;><p>{{#str}}editstreamfullname, local_mentor_tax_management{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
                    <i class="icon fa fa-question-circle text-info fa-fw " title="{{#str}}editstreamfullname, local_mentor_tax_management{{/str}}" aria-label="Help with Semester Year"></i>
                </a>
            </div>
            <div class="col-sm-7">
                <input type="text" class="form-control" id="editfullname" name="editfullname" placeholder="{{#str}}streamfullname, local_mentor_tax_management{{/str}}">
                <span class="error_fullname" style="color: red;display: none;">Enter {{#str}}streamfullname, local_mentor_tax_management{{/str}}</span>
            </div>
        </div>
      </div>
      <div class="modal-footer">
        <button id="stream_edit" class="btn btn-primary stream_add" name="submit" >Update</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
      </div>
    </div>
    
  </div>
</div>
<!-- /Edit modal -->


<style>
.form-group .required .col-form-label:after {
  content:"*";color:red;
}
</style>