<div class="container">

  <div class="row">

    <div class="col-sm-9">
      <legend>Global Setting</legend>
      <div>
        <a href="#" class="btn btn-default pull-right add">Add New Setting</a>

        <table class="table table-striped">

          <thead>
            <tr>
              <td>Name</td>
              <td>Value</td>
              <td></td>
            </tr>
          </thead>


          {{#each globalsetting.settings}}
          <tr>
            <td><strong> {{@key}} </strong></td>
            <td><input type="text" class="setting-val form-control input-sm" key="{{@key}}" value="{{this}}" style="width: 200px;"></td>
            <td><a href="#" data-key="{{@key}}" class="edit btn btn-sm btn-default">Edit</a></td>
            <td><a href="#" data-key="{{@key}}" class="destroy btn btn-sm btn-danger">Delete</a></td>
          </tr>
          {{/each}}


        </table>
      </div>
      <legend>Default Updated Fields</legend>
      <div>

        <a href="#" class="btn btn-default pull-right add" data-type='fields'>Add New Default Setting</a>

        <table class="table table-striped">

          <thead>
            <tr>
              <td>Name</td>
              <td>Value</td>
              <td></td>
            </tr>
          </thead>


          {{#each globalsetting.updatedFields}}
          <tr>
            <td><strong> {{@key}} </strong></td>
            <td>
              <div class="form-group">
                <select class="form-control setting-val">
                  <option value='yes' {{#when this 'eq' 'yes'}}selected{{/when}}>Yes</option>
                  <option value='no'  {{#when this 'eq' 'no'}}selected{{/when}}>No</option>
                </select>
              </div>
            </td>
            <td><a href="#" data-key="{{@key}}" class="edit btn btn-sm btn-default" data-type='fields'>Save</a></td>
            <td><a href="#" data-key="{{@key}}" class="destroy_field btn btn-sm btn-danger">Delete</a></td>
          </tr>
          {{/each}}


        </table>
      </div>


    </div>
    <div class="col-sm-3">
      <div class="list-group">
        <a href="#" class="list-group-item"> Plugin Settings</a>
        <a href="#brandsettings" class="list-group-item">Brand Settings</a>
        <a href="#globalsettings" class="list-group-item">Global Settings</a>
        <a href="#brandftp" class="list-group-item">Image Processing</a>
        <a href="#uploadassets" class="list-group-item">Upload Assets</a>
        <a href="#productsyncstatus" class="list-group-item">Product Sync Status</a>
        <a href="#textmessages" class="list-group-item">Text Messages</a>
    <a href="#useractivityunit" class="list-group-item">User Activity Resport</a>
      </div>
    </div>
  </div>