{@ include(common/header) @}
{@ include(gitler/repohead) @}
      <div class="gl-issuebar">
        <span class="gl-states"><a href="{{ $repoUrl }}/issues">イシュー</a> <a href="{{ $repoUrl }}/labels" class="active">ラベル</a> <a href="{{ $repoUrl }}/milestones">マイルストーン</a></span>
      </div>
{@ if ($canTriage) @}
      <details class="gl-edit">
        <summary>＋新しいラベル</summary>
        <form method="post" action="{{ $repoUrl }}/labels" class="gl-row">
          <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
          <input type="text" name="name" maxlength="50" placeholder="名前" required="required" />
          <input type="color" name="color" value="#c016c6" />
          <input type="text" name="description" maxlength="200" placeholder="説明" />
          <button name="do" value="save">作る</button>
        </form>
      </details>
{@ endif @}
{@ if (empty($list)) @}
      <p class="paragraph">ラベルは有りません。</p>
{@ endif @}
      <ul class="gl-issues">
{@ foreach ($list as $l) @}
        <li>
          <a href="{{ $l['url'] }}" class="gl-label" style="background-color: {{ $l['color'] }}; color: {{ $l['fg'] }};">{{ $l['name'] }}</a>
          <span>{{ $l['description'] }}</span>
          <small><a href="{{ $l['url'] }}">開いているイシュー{{ $l['open'] }}件</a></small>
{@ if ($canTriage) @}
          <details class="gl-edit">
            <summary>編集</summary>
            <form method="post" action="{{ $repoUrl }}/labels" class="gl-row">
              <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
              <input type="hidden" name="id" value="{{ $l['id'] }}" />
              <input type="text" name="name" value="{{ $l['name'] }}" maxlength="50" required="required" />
              <input type="color" name="color" value="{{ $l['color'] }}" />
              <input type="text" name="description" value="{{ $l['description'] }}" maxlength="200" />
              <button name="do" value="save">保存</button>
              <button name="do" value="delete" class="danger">削除</button>
            </form>
          </details>
{@ endif @}
        </li>
{@ endforeach @}
      </ul>
{@ include(common/footer) @}