[[ include ../_header ]]

	<h1>Plans</h1>

[[ include ../_nav ]]
  
  <hr>

[[ if (plans.length) { ]]
<table>
  <tr>
    <td></td>
    [[ plans.forEach(function(plan){ ]]
    <td>
      [[- plan.name ]]
    </td>
    [[ }) ]]
  </tr>

  <tr>
    <td></td>
    [[ plans.forEach(function(plan){ ]]
    <td>
      <a href="/staff/plans/[[- plan.slug ]]">edit</a>
    </td>
    [[ }) ]]
  </tr>

  [[ fields.forEach(function(field){ ]]
  <tr>
    <td>[[- field.replace(/_/," ") ]]</td>
    [[ plans.forEach(function(plan){ ]]
    <td>
      [[ if (field.indexOf("_price") != -1) { ]]
        [[- plan[field] == 0 ? "" : "$" + (plan[field]/100).toFixed(2) ]]
      [[ } else { ]]
        [[- plan[field] ]]
      [[ } ]]
    </td>
    [[ }) ]]
  </tr>
  [[ }) ]]

  [[ permissions.forEach(function(permission){ ]]
  <tr>
    <td>[[- permission.replace(/_/," ") ]]</td>
    [[ plans.forEach(function(plan){ ]]
    <td>
      [[- plan.permissions[permission] ? "x" : " " ]]
    </td>
    [[ }) ]]
  </tr>
  [[ }) ]]
</table>
<br clear="all">
[[ } ]]
  <a href="/staff/plans/new">New Plan</a>

  <hr>

[[ include ../_footer ]]