{{< templates/layouts/app.html}}
{{%content}}
<div class="page-header">
  <ul class="breadcrumb">
    <li> <a href="/settings/models">Models</a> <span class="divider">/</span> </li>
    <li class="active">{{model.name}}</li>
  </ul>
  <div class="container-fluid clearfix">
    <h1 class="pull-left">{{model.name}}</h1>
    <a class="pull-right btn btn-large" href="settings/models/{{model.id}}/edit">Edit Model</a>
  </div>
</div>
    
<div class="container-fluid">
  <section>
    <div class="row-fluid">
      <div class="span9 column">
        <h2>Attributes</h2>
        <table class="table table-striped table-bordered">
          <thead>
            <tr>
              <th>Name</th>
              <th>Type</th>
              <th>Default Value</th>
              <th>&nbsp;</th>
              <th>Position</th>
            </tr>
          </thead>
          <tbody>
            {{#model.fields}}
            <tr data-model-id="{{model.id}}" data-attr-id="{{id}}" data-attr-name="{{name}}"class="{{#locked}}locked{{/locked}}">
              <td>{{name}}</td>
              <td>{{type}}</td>
              <td>Default Value</td>
              {{^locked}}
                <td><a class="edit" data-toggle="modal" href="#attribute-detail">Edit</a> | <a class="delete" href="">Delete</a></td>
              {{/locked}}
              {{#locked}}
                <td>&nbsp;</td>
              {{/locked}}
              <td><a href="">Drag</a></td>
            </tr>
            {{/model.fields}}
          </tbody>
        </table>
      </div>
    </div>
    <div class="modal hide fade" id="attribute-detail">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h3></h3>
      </div>
      <div class="modal-body">
        <p>Loading...</p>
      </div>
      <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal">Close</a>
        <a href="#" class="btn btn-primary">Save changes</a>
      </div>
    </div>
  </section>
</div>

{{/content}}