@(hasConflict: Boolean,
  hasProblem: Boolean,
  issue: gitbucket.core.model.Issue,
  pullreq: gitbucket.core.model.PullRequest,
  statuses: List[model.CommitStatus],
  originRepository: gitbucket.core.service.RepositoryService.RepositoryInfo,
  forkedRepository: gitbucket.core.service.RepositoryService.RepositoryInfo)(implicit context: gitbucket.core.controller.Context)
@import gitbucket.core.service.SystemSettingsService
@import context._
@import gitbucket.core.view.helpers._
@import model.CommitState
<div class="box issue-comment-box" style="background-color: @if(hasProblem){ #fbeed5 }else{ #d8f5cd };">
  <div class="box-content"class="issue-content" style="border: 1px solid @if(hasProblem){ #c09853 }else{ #95c97e }; padding: 10px;">
    <div id="merge-pull-request">
      @if(!statuses.isEmpty){
        <div class="build-statuses">
          @if(statuses.size==1){
            @defining(statuses.head){ status =>
            <div class="build-status-item">
              @status.targetUrl.map{ url => <a class="pull-right" href="@url">Details</a> }
              <span class="build-status-icon text-@{status.state.name}">@commitStateIcon(status.state)</span>
              <strong class="text-@{status.state.name}">@commitStateText(status.state, pullreq.commitIdTo)</strong>
              @status.description.map{ desc => <span class="muted">— @desc</span> }
            </div>
            }
          } else {
            @defining(statuses.groupBy(_.state)){ stateMap =>
              @defining(CommitState.combine(stateMap.keySet)){ state =>
                <div class="build-status-item">
                  <a class="pull-right" id="toggle-all-checks"></a>
                  <span class="build-status-icon text-@{state.name}">@commitStateIcon(state)</span>
                  <strong class="text-@{state.name}">@commitStateText(state, pullreq.commitIdTo)</strong>
                  <span class="text-@{state.name}">— @{stateMap.map{ case (keyState, states) => states.size+" "+keyState.name }.mkString(", ")} checks</span>
                </div>
                <div class="build-statuses-list" style="@if(state==CommitState.SUCCESS){ display:none; }else{ }">
                  @statuses.map{ status =>
                  <div class="build-status-item">
                    @status.targetUrl.map{ url => <a class="pull-right" href="@url">Details</a> }
                    <span class="build-status-icon text-@{status.state.name}">@commitStateIcon(status.state)</span>
                    <span class="text-@{status.state.name}">@status.context</span>
                    @status.description.map{ desc => <span class="muted">— @desc</span> }
                  </div>
                  }
                </div>
              }
            }
          }
        </div>
      }
      <div class="pull-right">
        <input type="button" class="btn @if(!hasProblem){ btn-success }else{ btn-default }" id="merge-pull-request-button" value="Merge pull request"@if(hasConflict){ disabled="true"}/>
      </div>
      <div>
        @if(hasConflict){
          <span class="strong">We can’t automatically merge this pull request.</span>
        } else {
          @if(hasProblem){
            <span class="strong">Merge with caution!</span>
          } else {
            <span class="strong">This pull request can be automatically merged.</span>
          }
        }
      </div>
      <div class="small">
        @if(hasConflict){
          <a href="#" id="show-command-line">Use the command line</a> to resolve conflicts before continuing.
        } else {
          You can also merge branches on the <a href="#" id="show-command-line">command line</a>.
        }
      </div>
      <div id="command-line" style="display: none;">
        <hr>
        @if(hasConflict){
          <span class="strong">Checkout via command line</span>
          <p>
            If you cannot merge a pull request automatically here, you have the option of checking
            it out via command line to resolve conflicts and perform a manual merge.
          </p>
        } else {
          <span class="strong">Merging via command line</span>
          <p>
            If you do not want to use the merge button or an automatic merge cannot be performed,
            you can perform a manual merge on the command line.
          </p>
        }
        @helper.html.copy("repository-url-copy", forkedRepository.httpUrl, true){
          <div class="btn-group" data-toggle="buttons-radio">
            <button class="btn btn-small active" type="button" id="repository-url-http">HTTP</button>
            @if(settings.ssh && loginAccount.isDefined){
              <button class="btn btn-small" type="button" id="repository-url-ssh" style="border-radius: 0px;">SSH</button>
            }
          </div>
          <input type="text" style="width: 500px;" value="@forkedRepository.httpUrl" id="repository-url" readonly>
        }
        <div>
          <p>
            <span class="strong">Step 1:</span> From your project repository, check out a new branch and test the changes.
          </p>
          @defining(s"git checkout -b ${pullreq.requestUserName}-${pullreq.requestBranch} ${pullreq.branch}\n" +
                    s"git pull ${forkedRepository.httpUrl} ${pullreq.requestBranch}"){ command =>
            @helper.html.copy("merge-command-copy-1", command){
              <pre style="width: 600px; float: left; font-size: 12px; border-radius: 3px 0px 3px 3px;" id="merge-command">@Html(command)</pre>
            }
          }
        </div>
        <div>
          <p>
            <span class="strong">Step 2:</span> Merge the changes and update on the server.
          </p>
          @defining(s"git checkout ${pullreq.branch}\ngit merge --no-ff ${pullreq.requestUserName}-${pullreq.requestBranch}\n" +
                    s"git push origin ${pullreq.branch}"){ command =>
            @helper.html.copy("merge-command-copy-2", command){
              <pre style="width: 600px; float: left; font-size: 12px; border-radius: 3px 0px 3px 3px;">@command</pre>
            }
          }
        </div>
      </div>
    </div>
    <div id="confirm-merge-form" style="display: none;">
      <form method="POST" action="@url(originRepository)/pull/@pullreq.issueId/merge">
        <div class="strong">
          Merge pull request #@issue.issueId from @{pullreq.requestUserName}/@{pullreq.requestBranch}
        </div>
        <span id="error-message" class="error"></span>
        <textarea name="message" style="width: 635px; height: 80px;">@issue.title</textarea>
        <div>
          <input type="button" class="btn" value="Cancel" id="cancel-merge-pull-request"/>
          <input type="submit" class="btn btn-success" value="Confirm merge"/>
        </div>
      </form>
    </div>
  </div>
</div>

<script>
$(function(){
  $('#show-command-line').click(function(){
    $('#command-line').show();
    return false;
  });
  function setToggleAllChecksLabel(){
    $("#toggle-all-checks").text($('.build-statuses-list').is(":visible") ? "Hide all checks" : "Show all checks");
  }
  setToggleAllChecksLabel();
  $('#toggle-all-checks').click(function(){
    $('.build-statuses-list').toggle();
    setToggleAllChecksLabel();
  })

  $('#merge-pull-request-button').click(function(){
    $('#merge-pull-request').hide();
    $('#confirm-merge-form').show();
  });

  @if(settings.ssh && loginAccount.isDefined){
    $('#repository-url-http').click(function(){
      // Update URL box
      $('#repository-url').val('@forkedRepository.httpUrl');
      $('#repository-url-copy').attr('data-clipboard-text', $('#repository-url').val());
      // Update command guidance
      $('#merge-command').text($('#merge-command').text().replace(
        '@forkedRepository.sshUrl(settings.sshPort.getOrElse(SystemSettingsService.DefaultSshPort), loginAccount.get.userName)',
        '@forkedRepository.httpUrl'
      ));
      $('#merge-command-copy-1').attr('data-clipboard-text', $('#merge-command').text());
    });

    $('#repository-url-ssh').click(function(){
      // Update URL box
      $('#repository-url').val('@forkedRepository.sshUrl(settings.sshPort.getOrElse(SystemSettingsService.DefaultSshPort), loginAccount.get.userName)');
      $('#repository-url-copy').attr('data-clipboard-text', $('#repository-url').val());
      // Update command guidance
      $('#merge-command').text($('#merge-command').text().replace(
        '@forkedRepository.httpUrl',
        '@forkedRepository.sshUrl(settings.sshPort.getOrElse(SystemSettingsService.DefaultSshPort), loginAccount.get.userName)'
      ));
      $('#merge-command-copy-1').attr('data-clipboard-text', $('#merge-command').text());
    });
  }
});
</script>