<%
  # 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" style="min-heigth:500px">
    %= include '/include/project_header';
    <h3>Members of the <%= $project %> Network</h3>
    <div class="well" style="padding:5px 10px 0 10px;margin-bottom:20px">
      <span class="label label-info">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>
    <div style="margin-bottom:30px">
      % if (@$members) {
        % for my $member (@$members) {
          <div class="row" name="remote" style="font-size:18px;">
            % my $mid = $member->{id};
            % my $mproject = $member->{project};
            % my $mbranches = $member->{branches};
            <div class="span8" style="padding-left:5px">
              <span class="label label-success">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="text-right">
              <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>
          </div>
          <hr style="margin:0">
        % }
      % } else {
        <div class="well">
          No Members.
        </div>
      % }
    </div>
  </div>
  %= include '/include/footer';