<%
  # API
  my $api = gitprep_api;
  
  # Branches
  my $branches = [map { $_->{name} } @{app->git->branches($user, $project)}];
  
  # Members
  my $members = app->manager->members($user, $project);
  
  # Members branches
  for my $member (@$members) {
    my $branches = [
      map { $_->{name} } @{app->git->branches($member->{id}, $member->{project})}
    ];
    $member->{branches} = $branches;
  }
  
  # Default branch
  my $default_branch = app->manager->default_branch($user, $project);

  layout 'common', title => "Network \x{30fb} $user/$project";
%>

  %= javascript begin
    $(document).ready(function () {
      // Click compare button
      $('[name=compare-btn]').on('click', function () {
        var branch = $('[name=branch]').val();
        var remote = $(this).closest('[name=remote]');
        var remote_member = remote.find('[name=remote-member]').text();
        var remote_project = remote.find('[name=remote-project]').text();
        var remote_branch = remote.find('[name=remote-branch]').val();
        
        location.href = '<%= url_for("/$user/$project/network/graph/") %>' + branch + '...'
          + remote_member + '/' + remote_project + '/' + remote_branch;
      });

      // Click import button
      $('[name=import-btn]').on('click', function () {
        var branch = $('[name=branch]').val();
        var remote = $(this).closest('[name=remote]');
        var remote_member = remote.find('[name=remote-member]').text();
        var remote_project = remote.find('[name=remote-project]').text();
        var remote_branch = remote.find('[name=remote-branch]').val();
        
        location.href = '<%= url_for("/$user/$project/import-branch/") %>'
          + remote_member + '/' + remote_project + '?remote-branch=' + remote_branch;
      });
    });
  % end
  
  %= include '/include/header';

  <div class="container">
    <div class="topic1">Members of the <%= $project %> Network</div>
    <div class="network-mybranch">
      <span class="network-mybranch-label">My branch</span>
      <a href="<%= url_for("/$user") %>"><%= $user %></a>
      <span>/</span>
      <a href="<%= url_for("/$user/$project") %>"><%= $project %></a>
      <span>/</span>
      % param('branch', $default_branch);
      %= select_field 'branch' => $branches, style => 'margin-top:5px;width:150px';
    </div>
    <ul class="network-member-branch">
      % if (@$members) {
        % for my $member (@$members) {
          <li name="remote">
            % my $mid = $member->{id};
            % my $mproject = $member->{project};
            % my $mbranches = $member->{branches};
            <div>
              <span class="network-member-branch-label">Member branch</span>
              <a name="remote-member" href="<%= url_for("/$mid") %>"><%= $mid %></a>
              <span>/</span>
              <a name="remote-project" href="<%= url_for("/$mid/$mproject") %>"><%= $mproject %></a>
              <span>/</span>
              %= select_field 'remote-branch' => $mbranches, style => 'margin-top:5px;margin-bottom:7px;width:150px';
            </div>
            <div class="last-child">
              <button name="compare-btn" class="btn" style="margin-top:5px">Compare</button>
              % if ($api->logined($user)) {
                <button name="import-btn" class="btn" style="margin-top:5px">Import</button>
              % }
            </div>
          </li>
        % }
      % } else {
        <li>
          No Members.
        </li>
      % }
    </ul>
  </div>
  %= include '/include/footer';