{{define "block_port-selector"}}
<section class="panel">
  <div class="panel-header">
    <h2>{{.Title}}</h2>
  </div>
  <div class="port-link-grid">
    {{range .PortLinks}}
      <div class="port-link-card {{if .Up}}up{{else}}down{{end}} {{if .Blink}}blink{{end}}" data-port-card="{{.Number}}">
        <button type="button" class="port-link port-link-view" data-port-view="{{.Number}}">
          <div class="port-link-number">{{.Number}}</div>
          <div class="port-link-state">{{if .Up}}링크 연결{{else}}링크 대기{{end}}</div>
          <div class="port-link-caption">개별 보기</div>
        </button>
        <button type="button" class="port-link-apply" data-port-shortcut="{{.Number}}">
          적용 대상 추가
        </button>
      </div>
    {{end}}
  </div>
</section>
{{end}}