[[ include ../_header ]]

	<h1>Plans</h1>

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

<table>
  <tr>
    <td>
    </td>
    [[ plans.forEach(function(plan){ ]]
    <td style="text-align:right; min-width: 100px;">
      <b style="text-transform:uppercase">[[- plan.name ]]</b>
    </td>
    [[ }) ]]
  </tr>

  <tr class="editLinks">
    <td>
      <a href="/staff/plans/new">New Plan</a>
    </td>
    [[ plans.forEach(function(plan){ ]]
    <td style="text-align:right">
      [<a href="/staff/plans/[[- plan.slug ]]">edit</a>]
    </td>
    [[ }) ]]
  </tr>

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

  <tr>
    <td style="border-bottom: 1px dotted #888;" colspan='10'></td>
  </tr>

  [[ permissions.forEach(function(permission){ ]]
  <tr>
    <td style="text-transform:capitalize">[[- permission.replace(/_/g," ") ]]</td>
    [[ plans.forEach(function(plan){ ]]
    <td style="text-align:right">
      [[- plan.permissions[permission] ? "<b>x</b>" : " " ]]
    </td>
    [[ }) ]]
  </tr>
  [[ }) ]]
</table>
<br clear="all">

  <hr>

[[ include ../_footer ]]