<%

  # API

  my $api = gitprep_api;

  my $user_id = param('user');

  my $project_id = param('project');

  my $rep_info = $self->app->rep_info($user_id, $project_id);

  # Branches

  my $branches = [map { $_->{name} } @{app->git->branches($rep_info)}];

  # Original project id

  my $original_project_id = app->dbi->model('project')->select(

    'original_project',

    where => {'user.id' => $user_id, 'project.id' => $project_id}

  )->value;

  # Original project

  my $original_project;

  if ($original_project_id) {

    $original_project = app->dbi->model('project')->select(

      [

        {__MY__ => '*'},

        {user => ['id']}

      ],

      where => {'project.row_id' => $original_project_id}

    )->one;

  }

  else {

    $original_project = app->dbi->model('project')->select(

      [

        {__MY__ => '*'},

        {user => ['id']}

      ],

      where => {'user.id' => $user_id, 'project.id' => $project_id}

    )->one;

  }

  # Members

  my $member_projects = app->manager->member_projects($original_project->{'user.id'}, $original_project->{id});

  unshift @$member_projects, $original_project;

  # Members branches

  for my $member_project (@$member_projects) {

    my $member_rep_info = $self->app->rep_info($member_project->{'user.id'}, $member_project->{id});

    my $branches = app->git->branches($member_rep_info);

    $branches = [map { $_->{name} } @$branches];

    $member_project->{branches} = $branches;

  }

  # Default branch

  my $default_branch = app->manager->default_branch($user_id, $project_id);

  layout 'common', title => "Network \x{30fb} $user_id/$project_id";

%>

  %= 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_id/$project_id/network/graph/") %>' + branch + '...'

          + remote_member + '/' + remote_project + '/' + remote_branch;

      });

    });

  % end

  %= include '/include/header';

  <div class="container">

    <div class="topic1">Members of the <%= $project_id %> Network</div>

    <div class="network-mybranch">

      <span class="network-mybranch-label">My branch</span>

      <a href="<%= url_for("/$user_id") %>"><%= $user_id %></a>

      <span>/</span>

      <a href="<%= url_for("/$user_id/$project_id") %>"><%= $project_id %></a>

      <span>/</span>

      % param('branch', $default_branch);

      %= select_field 'branch' => $branches, style => 'margin-top:5px;width:150px';

    </div>

    <ul class="network-member-branch">

      % if (@$member_projects) {

        % for my $member_project (@$member_projects) {

          <%

            my $member_project_id = $member_project->{id};

            my $member_id = $member_project->{'user.id'};

            my $member_branches = $member_project->{branches};

            next if $member_id eq $user_id;

          %>

          <li name="remote">

            <div>

              <span class="network-member-branch-label">Member branch</span>

              <a name="remote-member" href="<%= url_for("/$member_id") %>"><%= $member_id %></a>

              <span>/</span>

              <a name="remote-project" href="<%= url_for("/$member_id/$member_project_id") %>"><%= $member_project_id %></a>

              <span>/</span>

              %= select_field 'remote-branch' => $member_branches, 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>

            </div>

          </li>

        % }

      % } else {

        <li>

          No Members.

        </li>

      % }

    </ul>

  </div>

  %= include '/include/footer';