  <div style="width:80%; margin:auto; padding-top:30px;">
  <form id="form">
      <div class="col-md-12">
          <div class="row">
              <div class="col-md-4 form-group otherType" style="display: none;">
                  <span class="d-flex">
                      <label class="col-form-label">{{#str}}parentcategory, local_coursecreation_wizard{{/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}}parentcategoryHelp, local_coursecreation_wizard{{/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}}Helpwithparentcategory, local_coursecreation_wizard{{/str}}" aria-label=""></i>
                        </a>
                  </span>
                  <select  disabled class="form-control" id="parentcategory" name="parentcategory" >
                     <option value="{{parentmkid}}" selected>Marketplace</option>
                  </select>
              </div>

              <!--<div class="col-md-4 form-group otherType">
                  <span class="d-flex">
                      <label for="usr" class="col-form-label control-label">{{#str}}profession, local_coursecreation_wizard{{/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}}parentcategoryHelp, local_coursecreation_wizard{{/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}}Helpwithparentcategory, local_coursecreation_wizard{{/str}}" aria-label=""></i>
                      </a>
                  </span>
                  <select   class="form-control" id="categoryname" name="categoryname" >
                    <option value="" disabled selected> Select Category </option>
                  {{#mksubcats}} <option value="{{sudcatid}}" >{{subcatname}}</option>{{/mksubcats}}
                  </select>
                  <span class="cat_error_display" style="color: red;display: none;">Select Category</span>
              </div>

              <div class="col-md-4 form-group otherType">
                  <span class="d-flex">
                      <label class="col-form-label control-label">{{#str}}submkcategory, local_coursecreation_wizard{{/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}}subcatnameHelp, local_coursecreation_wizard{{/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}}Helpwithsubcatname, local_coursecreation_wizard{{/str}}" aria-label=""></i>
                        </a>
                  </span>
                   <select   class="form-control" id="submkcategory" name="submkcategory" >
                    <option value=""> Select Sub Category </option>
                   </select>
                   <span class="subcat_error_display" style="color: red;display: none;">Select Sub Category</span>
              </div>-->
              
              {{#existingdata}}
                    <div class="col-md-4 form-group otherType">
                        <span class="d-flex">
                            <label class="col-form-label control-label">{{#str}}stream, local_coursecreation_wizard{{/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}}streamHelp, local_coursecreation_wizard{{/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}}Helpwithstream, local_coursecreation_wizard{{/str}}" aria-label=""></i>
                            </a>
                        </span>
                        <select   class="form-control" id="stream" name="stream" >
                            <option value="" disabled selected> Select Sector</option>
                            {{{stream}}}
                        </select>
                        <span class="stm_error_display" style="color: red;display: none;">Select Sector</span>
                    </div>

                    <div class="col-md-4 form-group otherType">
                        <span class="d-flex">
                            <label class="col-form-label control-label">Webinar Name</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}}coursenameHelp, local_coursecreation_wizard{{/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}}Helpwithcoursename, local_coursecreation_wizard{{/str}}" aria-label=""></i>
                                </a>
                        </span>
                        <input type="text" class="form-control" id="coursename" name="coursename" value="{{fullname}}">
                        <span class="webname_error_display" style="color: red;display: none;">Enter Webinar Name</span>
                        <span class="webname_limit_error_display" style="color: red;display: none;">Webinar Name should contain less than 250 characters</span>
                    </div>

                    <div class="col-md-12 form-group otherType">
                        <span class="d-flex">
                            <label class="col-form-label control-label">Short Webinar Description (Maxlength. 350 Characters)</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}}coursedescriptionHelp, local_coursecreation_wizard{{/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}}Helpwithcoursedescription, local_coursecreation_wizard{{/str}}" aria-label=""></i>
                            </a>
                        </span>
                        <textarea name="coursedescription" id="coursedescription" class="form-control" rows="6" cols="50" maxlength="350" placeholder="Enter the description...">{{description}}</textarea>
                        <span class="webdesc_error_display" style="color: red;display: none;">Enter Short Webinar Description</span>  
                    </div>
              {{/existingdata}}
              <input type="hidden" name="mkid" value="{{mkid}}" id="mkcrs">
          </div>
          <div class="text-right form-group">
              <button class="btn btn-success" id="submit-btn" type="button">Save and Next</button>
          </div>
      </div>
  </form>
  </div>
  