[[ include ../_header ]]

	<h1>[[- layout.name ]]</h1>

[[ include ../_nav ]]

  <hr>

  <table>
    <tr>
      <td>
        <a href="/staff/layouts/[[- layout.slug ]]">[[- layout.name ]]</a>
      </td>
      <td class="editLinks">
        <a href="/layout/[[- layout.slug ]]">[view]</a>
        <a href="/layout/[[- layout.slug ]]/edit">[edit]</a>
<!-- 
        <a href="/api/rooms/[[- layout.slug ]]">[api]</a>
 -->
      </td>
      <td>
        [[- layout.date ]]
      </td>
<!-- 
      <td>
        [[- layout.privacy ? "private" : "" ]]
      </td>
 -->
    </tr>
    <tr>
      <td>
        [[ if (layoutUser.photo) { ]]
          <a href="/staff/users/[[- layoutUser.username ]]"><div style="background-image:url([[- layoutUser.photo ]])" class="avatar"></div></a>
        [[ } ]]
        <a href="/staff/users/[[- layoutUser.username ]]">[[- layoutUser.username ]]</a>
      </td>
    </tr>
    <tr>
      <td colspan="999" class="description">
        "[[- layout.description ]]"
      </td>
    </tr>
    <tr>
      <th>
        stock layout?
      </th>
      <td id="isStockLayout">
        [[- layout.is_stock ? "yes" : "no" ]]
      </td>
    </tr>
  </table>

  <br><br>
  <div id="actions">
    <button id="toggle-stock" data-stock="[[- !! (layout.is_stock) ]]">Make this layout Stock</button>
  </div>
  
  <br>
  <br>

[[ include ../_footer ]]