{@ include(common/header) @}
{@ include(gitler/repohead) @}
      <div class="gl-issuebar">
        <span class="gl-states">
          <a href="{{ $repoUrl }}/milestones" class="{{ $state === 'open' ? 'active' : '' }}">進行中（{{ $counts['open'] }}）</a>
          <a href="{{ $repoUrl }}/milestones?state=closed" class="{{ $state === 'closed' ? 'active' : '' }}">終了（{{ $counts['closed'] }}）</a>
        </span>
        <span class="gl-links"><a href="{{ $repoUrl }}/issues">イシュー</a> <a href="{{ $repoUrl }}/labels">ラベル</a></span>
      </div>
{@ if ($canTriage) @}
      <details class="gl-edit">
        <summary>＋新しいマイルストーン</summary>
        <form method="post" action="{{ $repoUrl }}/milestones" class="gl-form">
          <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
          <input type="text" name="title" maxlength="100" placeholder="名前" required="required" />
          <label>期日：<input type="date" name="due" /></label>
          <textarea name="description" rows="4" placeholder="説明（Markdown）"></textarea>
          <button name="do" value="save">作る</button>
        </form>
      </details>
{@ endif @}
{@ if (empty($list)) @}
      <p class="paragraph">マイルストーンは有りません。</p>
{@ endif @}
      <ul class="gl-issues">
{@ foreach ($list as $m) @}
        <li>
          <a href="{{ $m['url'] }}"><b>🏁 {{ $m['title'] }}</b></a>
          <small class="{{ $m['overdue'] ? 'gl-overdue' : '' }}">{{ $m['due'] !== '' ? '期日：'.$m['due'].($m['overdue'] ? '（過ぎています）' : '') : '期日無し' }}</small>
          <div class="gl-progress"><span style="width: {{ $m['percent'] }}%;"></span></div>
          <small>{{ $m['percent'] }}%完了　開いている{{ $m['open'] }}件、閉じた{{ $m['closed'] }}件</small>
{@ if ($m['html'] !== '') @}
          <div class="gl-comment-body">{{{ $m['html'] }}}</div>
{@ endif @}
{@ if ($canTriage) @}
          <div class="gl-row">
            <details class="gl-edit">
              <summary>編集</summary>
              <form method="post" action="{{ $repoUrl }}/milestones" class="gl-form">
                <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
                <input type="hidden" name="id" value="{{ $m['id'] }}" />
                <input type="text" name="title" value="{{ $m['title'] }}" maxlength="100" required="required" />
                <label>期日：<input type="date" name="due" value="{{ $m['due'] }}" /></label>
                <textarea name="description" rows="4">{{ $m['description'] }}</textarea>
                <button name="do" value="save">保存</button>
              </form>
            </details>
            <form method="post" action="{{ $repoUrl }}/milestones">
              <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
              <input type="hidden" name="id" value="{{ $m['id'] }}" />
              <button name="do" value="{{ $m['state'] === 'open' ? 'close' : 'reopen' }}">{{ $m['state'] === 'open' ? '終了にする' : '進行中に戻す' }}</button>
              <button name="do" value="delete" class="danger">削除</button>
            </form>
          </div>
{@ endif @}
        </li>
{@ endforeach @}
      </ul>
{@ include(common/footer) @}