<div class="col-sm-10">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#brandsettings">Brand Settings</a></li>
    <li class="breadcrumb-item active">{{name}}</li>
  </ol>
  <div class="form-horizontal">

    <div class="form-group">
      <label class="col-sm-2 control-label">Opt Id</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name='optId'>
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-2 control-label">Name</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name='name'>
      </div>
    </div>


    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-8">
        <button type="button" class="btn btn-success edit_brand_setting">Save </button>
      </div>
    </div>

  </div>

  <div>
    {{#if _id}}
    <div>
      <legend>Settings </legend>
      <a href="#" class="btn btn-default pull-right add_brand_setting">Add New Setting</a>

      <table class="table table-striped">

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


        {{#each settings}}
        <tr>
          <td><strong> {{@key}} </strong></td>
          <td>
            <div class="form-group">
              <select class="form-control field_val " name='field_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_setting btn btn-sm btn-default">Save</a></td>
          <td><a href="#" data-key="{{@key}}" class="destroy_brand_setting btn btn-sm btn-danger">Delete</a></td>
        </tr>
        {{/each}}


      </table>
    </div>
    {{/if}}
  </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>