
<form id="addProgramme">
    <div class="form-group row otherTypeedit">
      <div class="col-sm-4 required">
        <lable class="col-form-label">Select Webinars</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}}webinarsettingsdescription, local_landing{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
          </a>
      </div>
      
        <div class="col-sm-8">
          <select class="form-control webinartitle" id="webinarname" Name ="webinarname">
            <option vlaue="">Select Webinar</option>
            {{#webinararr}}
            <option value ="{{id}}">{{name}}</option>
            {{/webinararr}}
          </select>
        </div>
    </div>

    <div class="form-group row otherType">
        <div class="col-sm-4 required">
            <label class="col-form-label">{{#str}}webinarsettingstitle, local_landing{{/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}}webinarsettingstitle, local_landing{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
            </a>
        </div>
        <div class="col-sm-8">
            <input type="text" class="form-control" id="shortname"  name="shortname" placeholder ="{{#str}}webinarsettingstitle, local_landing{{/str}}">
        </div>
    </div>

    <div class="form-group row otherType">
        <div class="col-sm-4 required">
            <label class="col-form-label">{{#str}}webinarsettingsdescription, local_landing{{/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}}webinarsettingsdescription, local_landing{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
            </a>
        </div>
        <div class="col-sm-8">
            <input type="text" class="form-control" id="webinarsettingsdescription"  name="webinarsettingsdescription" placeholder ="{{#str}}webinarsettingsdescription, local_landing{{/str}}">
        </div>
    </div>

   
   <div class="form-group row">
    <div class="col-sm-10">
      {{! <input type="submit" class="btn btn-primary" name="submit"> }}
     

     
      <button type="submit" class="btn btn-primary programme_add" name="submit">Save</button>

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

<div class="col-md-12">
  <div>
    <h3 class="card-header">{{#str}}webinarsettings, local_landing{{/str}} Information</h3>
    <div class="table-responsive table">
        <table class="align-middle mb-0 table table-borderless table-striped table-hover" id="webinar_settings">
            <thead id="webinar_settings_head">
                <tr>
                    <th class="text-center">Sl.No.</th>
                    <th>Webinar Name</th>
                    <th>Title</th>
                    <th>Description</th>
                    <center><th class="text-center">Action</th></center>
                </tr>
            </thead>
            <tbody>
               {{#settings}}
                <tr>
                    <td class="text-center">{{count}}</td>
                    <td>{{weninar_name}}</td>
                    <td>{{title}}</td>
                    <td>{{description}}</td>
                    <td class="text-center"><button class="btn btn-primary edit_settings" data-toggle='modal' data-target='#programme_modal' data-id="{{id}}">Edit</button><button class="btn btn-danger delete_settings" data-id="{{id}}" style="margin-left: 5px;">Delete</button></td>
                </tr>
               {{/settings}}
            </tbody>
        </table>
    </div>
  </div>
</div>

<!-- Edit Modal -->
<div class="modal fade" id="programme_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}}webinarsettings, local_landing{{/str}}</h4>
        <input type="hidden" class="settings_id" id="settings_id" name="settings_id" value="">
      </div>
      <div class="modal-body">
        <div class="form-group row otherType">
          <div class="col-sm-4 required">
            <lable class="col-form-label selectwebinar">Select Webinar</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}}webinarsettingsdescription, local_landing{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
            </a>
          </div>

          <div class="col-sm-8">
            <select class="form-control webinarnameid" id="webinarname_edit" name ="webinarname_edit" disabled="true">
            <option vlaue="">Select Webinar</option>
            {{#webinararr}}
            <option value ="{{id}}">{{name}}</option>
            {{/webinararr}}
            </select>
          </div>
        </div>
        
        <div class="form-group row otherType">
            <div class="col-sm-4 required">
                <label class="col-form-label">{{#str}}webinarsettingstitle, local_landing{{/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}}webinarsettingstitle, local_landing{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
                </a>
            </div>
            <div class="col-sm-8">
                <input type="text" class="form-control" id="shortname_edit"  name="shortname_edit" placeholder ="{{#str}}webinarsettingstitle, local_landing{{/str}}">
                <span class="error_title" style="color: red;display: none;">Enter Title</span>
            </div>
        </div>

        <div class="form-group row otherType">
            <div class="col-sm-4 required">
                <label class="col-form-label">{{#str}}webinarsettingsdescription, local_landing{{/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}}webinarsettingsdescription, local_landing{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
                </a>
            </div>
            <div class="col-sm-8">
                <input type="text" class="form-control" id="webinarsettingsdescription_edit"  name="webinarsettingsdescription_edit" placeholder ="{{#str}}webinarsettingsdescription, local_landing{{/str}}">
                <span class="error_description" style="color: red;display: none;">Enter Description</span>
            </div>
        </div>
        

      </div>
      <div class="modal-footer">
        <button id="programme_edit" class="btn btn-primary programme_edit" 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>
<style>
  .select2-selection__rendered {
    line-height: 31px !important;
  } 
  .select2-container .select2-selection--single {
    height: 38px !important;
  }
  .select2-selection__arrow {
    height: 34px !important;
  }
</style>
