<%

  # 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';