<div metal:use-macro="request.sdiapi.main_template" i18n:domain="substanced">

  <metal:head-more fill-slot="head-more">
    <!-- CSS -->
    <link rel="stylesheet" 
          href="${request.static_url('deform:static/css/form.css')}" 
          type="text/css" />
    <tal:block repeat="reqt css_links|[]">
      <link rel="stylesheet" 
            href="${request.static_url(reqt)}" 
            type="text/css" />
    </tal:block>

    <!-- JavaScript -->
    <tal:block repeat="reqt js_links|[]">
      <script type="text/javascript"
              src="${request.static_url(reqt)}"
              ></script>
    </tal:block>
  </metal:head-more>

  <div metal:fill-slot="main">

    <div tal:define="tabs view.sheet_names">
      <div class="panel panel-default">
        <div class="panel-heading">
          <div class="tabbable tabs-top" tal:condition="len(tabs) > 1">
            
            <ul class="nav nav-pills">
              <li tal:repeat="tab tabs"
                  tal:attributes="class view.active_sheet_name == tab and 'active' or None"><a href="${request.sdiapi.mgmt_path(request.context, '@@properties', tab)}">${request.localizer.translate(tab or 'Basic')}</a>
              </li>
            </ul>
          </div>
          <div tal:condition="len(tabs) &lt; 2" i18n:translate="">
            Properties
          </div>
        </div>
        <div class="panel-body panel-outer">
          <div class="col-md-12" id="form" tal:content="structure form"/>
        </div>
        <script tal:condition="view.active_sheet.extra_js_url"
                src="${view.active_sheet.extra_js_url}"></script>
      </div>
    </div>
  </div>
</div>
