{{define "block_serial-terminal"}}
<section class="serial-console" data-serial-terminal data-default-port="{{.Terminal.Port}}">
  <div class="serial-console-toolbar">
    <div class="serial-console-heading">
      <span class="serial-console-icon" aria-hidden="true">C:\&gt;_</span>
      <div>
        <h2>{{.Title}}</h2>
        <p>선택한 채널에 연결된 장비의 실제 시리얼 콘솔</p>
      </div>
    </div>
    <div class="serial-console-controls">
      <label for="serialTerminalPort">채널</label>
      <select id="serialTerminalPort" data-terminal-port>
        <option value="" selected disabled>UP 채널 확인 중...</option>
      </select>
      <button type="button" class="terminal-button connect" data-terminal-toggle disabled>접속</button>
      <button type="button" class="terminal-button" data-terminal-clear>화면 지우기</button>
    </div>
  </div>

  <div class="terminal-window">
    <div class="terminal-titlebar">
      <span class="terminal-title" data-terminal-title>TERA Serial Console - CH{{printf "%02d" .Terminal.Port}}</span>
      <span class="terminal-connection-state" data-terminal-state data-state="disconnected">
        <span class="terminal-state-dot" aria-hidden="true"></span>
        연결 안 됨
      </span>
    </div>
    <div class="terminal-helpbar">
      <span class="terminal-help-message">터미널 화면을 클릭하고 바로 입력하세요. Enter 키로 전송합니다.</span>
      <button type="button" class="terminal-advanced-toggle" data-terminal-advanced-toggle aria-expanded="false">
        고급 기능
      </button>
    </div>
    <div class="terminal-batch-toolbar" data-terminal-advanced-panel hidden>
      <label>전송 형식
        <select data-terminal-send-format>
          <option value="ascii">ASCII</option>
          <option value="hex">HEX</option>
        </select>
      </label>
      <label class="terminal-batch-value">전송 값
        <input type="text" data-terminal-send-value placeholder="ASCII 문자열 입력">
      </label>
      <label>끝 문자
        <select data-terminal-send-ending>
          <option value="none">없음</option>
          <option value="cr">CR</option>
          <option value="lf">LF</option>
          <option value="crlf">CRLF</option>
        </select>
      </label>
      <button type="button" class="terminal-button" data-terminal-send disabled>일괄 전송</button>
      <button type="button" class="terminal-button" data-terminal-log-download>로그 저장</button>
      <button type="button" class="terminal-button" data-terminal-log-clear>로그 지우기</button>
      <span class="terminal-log-state" data-terminal-log-state>로그 0 B</span>
    </div>
    <div class="terminal-screen" data-terminal-screen data-i18n-skip tabindex="0" aria-label="시리얼 CMD 콘솔">
      <pre class="terminal-output" data-terminal-output data-terminal-initial="true">TERA Serial Console
포트 연결 상태를 확인하고 있습니다.
</pre><span class="terminal-command-line" data-terminal-command-line hidden><span class="terminal-command-input" data-terminal-input role="textbox" contenteditable="false" aria-disabled="true" aria-label="시리얼 명령 입력" spellcheck="false"></span></span>
    </div>
  </div>
  <div class="serial-console-footer">
    <span>Enter: CR 전송</span>
    <span>Ctrl+C: 인터럽트 전송</span>
    <span>세션 방식: Direct Mode writer</span>
  </div>
</section>
{{end}}