{layout admin/layout}

<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang admin.content_models}</div>
    <div class="nv-page-desc">{lang admin.model_index_desc}</div>
  </div>
  <div class="nv-page-actions">
    <a class="nv-btn nv-btn-primary" href="{$entry_prefix}/admin/model/create">{lang admin.new_model}</a>
  </div>
</div>

<div class="nv-card">
  <div class="nv-card-head">
    <span class="nv-card-title">{lang admin.model_list}</span>
    <span class="nv-muted">{lang admin.total} {$models|count} {lang admin.unit_generic}</span>
  </div>
  <div class="nv-card-body nv-flush">
    {if $models}
    <table class="nv-table">
      <thead>
        <tr>
          <th class="nv-col-id">ID</th>
          <th>{lang admin.model_name}</th>
          <th>{lang admin.col_key}</th>
          <th style="width:90px">{lang admin.col_type}</th>
          <th style="width:70px">{lang admin.fields}</th>
          <th style="width:70px">{lang admin.content}</th>
          <th style="width:150px">{lang admin.col_data_table}</th>
          <th style="width:80px">{lang admin.status}</th>
          <th class="nv-col-actions">{lang admin.actions}</th>
        </tr>
      </thead>
      <tbody>
        {foreach $models as $item}
        <tr>
          <td class="nv-col-id">{$item.id}</td>
          <td>{$item.title}</td>
          <td><span class="nv-tag">{$item.name}</span></td>
          <td>
            {if $item.type == 'node'}{lang admin.model_type_node}{elseif $item.type == 'single'}{lang admin.model_type_single}{else}{lang admin.model_type_page}{/if}
          </td>
          <td><a href="{$entry_prefix}/admin/model/{$item.id}/fields">{$item.field_count}</a></td>
          <td>{$item.content_count}</td>
          <td>
            {if $item.shard_table}
            <span class="nv-tag" title="{$item.shard_table}">{$item.shard_table}</span>{if $item.shard_count > 1} <span class="nv-badge">×{$item.shard_count}</span>{/if}
            {else}
            <span class="nv-badge">—</span>
            {/if}
          </td>
          <td>
            {if $item.status}
            <span class="nv-badge nv-badge-success">{lang admin.enabled}</span>
            {else}
            <span class="nv-badge">{lang admin.disabled}</span>
            {/if}
          </td>
          <td class="nv-col-actions">
            <a class="nv-btn nv-btn-xs" href="{$entry_prefix}/admin/content/{$item.name}">{lang admin.content}</a>
            <a class="nv-btn nv-btn-xs" href="{$entry_prefix}/admin/model/{$item.id}/fields">{lang admin.fields}</a>
            <a class="nv-btn nv-btn-xs" href="{$entry_prefix}/admin/model/edit/{$item.id}">{lang admin.edit}</a>
            <form method="post" action="{$entry_prefix}/admin/model/delete" style="display:inline">
              <input type="hidden" name="_token" value="{$csrf}">
              <input type="hidden" name="id" value="{$item.id}">
              <button class="nv-btn nv-btn-xs nv-btn-danger nv-confirm" type="submit" data-message="{lang admin.confirm_delete_model}">{lang admin.delete}</button>
            </form>
          </td>
        </tr>
        {/foreach}
      </tbody>
    </table>
    {else}
    <div class="nv-empty">
      <div class="nv-empty-title">{lang admin.empty_content_models}</div>
      <div><a href="{$entry_prefix}/admin/model/create">{lang admin.create_first_model}</a></div>
    </div>
    {/if}
  </div>
</div>

<div class="nv-card">
  <div class="nv-card-head">
    <span class="nv-card-title">{lang admin.available_field_types}</span>
    <span class="nv-muted">{lang admin.field_types_hook_hint}</span>
  </div>
  <div class="nv-card-body">
    <div class="nv-form-inline">
      {foreach $field_types as $t}
      <span class="nv-badge nv-badge-info">{$t.label}</span>
      {/foreach}
    </div>
  </div>
</div>