{{define "firewall.html"}}
{{template "base" .}}
{{end}}

{{define "content"}}
{{if .Error}}
<div class="alert alert-error">{{.Error}}</div>
{{end}}

<section class="info-grid">
  <div class="info-card">
    <div class="card-header">Firewall Status</div>
    <table class="info-table">
      <tr>
        <th>Firewall</th>
        <td>
          <span class="iface-status {{if .Enabled}}iface-up{{else}}iface-down{{end}}"></span>
          {{.EnabledText}}
        </td>
      </tr>
      {{if .DefaultZone}}
      <tr><th>Default Zone</th><td>{{.DefaultZone}}</td></tr>
      {{end}}
      <tr>
        <th>Lockdown Mode</th>
        <td>{{if .Lockdown}}Active{{else}}Inactive{{end}}</td>
      </tr>
      <tr><th>Log Denied Traffic</th><td>{{.Logging}}</td></tr>
    </table>
  </div>
</section>

{{if .Matrix}}
<section class="info-card">
  <div class="card-header">Zone Matrix</div>
  <div class="matrix-wrap">
    <table class="zone-matrix">
      <thead>
        <tr>
          <th class="matrix-corner">&rarr;</th>
          {{range .ZoneNames}}<th><span class="zone-badge">{{.}}</span></th>{{end}}
        </tr>
      </thead>
      <tbody>
        {{range .Matrix}}
        <tr>
          <th>{{.Zone}}</th>
          {{range .Cells}}<td class="{{.Class}}">{{.Symbol}}</td>{{end}}
        </tr>
        {{end}}
      </tbody>
    </table>
    <div class="matrix-legend">
      <span class="legend-item"><span class="legend-swatch matrix-allow"></span> Allow</span>
      <span class="legend-item"><span class="legend-swatch matrix-deny"></span> Deny</span>
    </div>
  </div>
</section>
{{end}}

{{if .Zones}}
<section class="info-card">
  <div class="card-header">Zones</div>
  <div class="data-table-wrap">
    <table class="data-table">
    <thead>
      <tr>
        <th>Name</th>
        <th>Action</th>
        <th>Interfaces</th>
        <th>Networks</th>
        <th>Services</th>
      </tr>
    </thead>
    <tbody>
      {{range .Zones}}
      <tr>
        <td>{{.Name}}</td>
        <td><span class="badge badge-{{.Action}}">{{.Action}}</span></td>
        <td>{{.Interfaces}}</td>
        <td>{{.Networks}}</td>
        <td>{{.Services}}</td>
      </tr>
      {{end}}
    </tbody>
  </table>
  </div>
</section>
{{end}}

{{if .Policies}}
<section class="info-card">
  <div class="card-header">Policies</div>
  <div class="data-table-wrap">
    <table class="data-table">
    <thead>
      <tr>
        <th>Name</th>
        <th>Priority</th>
        <th>Action</th>
        <th>Ingress</th>
        <th>Egress</th>
        <th>Services</th>
      </tr>
    </thead>
    <tbody>
      {{range .Policies}}
      <tr>
        <td>{{.Name}}</td>
        <td class="num">{{.Priority}}</td>
        <td><span class="badge badge-{{.Action}}">{{.Action}}</span></td>
        <td>{{.Ingress}}</td>
        <td>{{.Egress}}</td>
        <td>{{.Services}}{{if .Masquerade}} <span class="badge badge-continue">masq</span>{{end}}</td>
      </tr>
      {{end}}
    </tbody>
  </table>
  </div>
</section>
{{end}}
{{end}}