%rebase('layout', title=project.name, back_url=url_for('projects_list'))
<div class="page-header">
  <a class="page-header-back" href="{{url_for('projects_list')}}">&larr; Projects</a>
  <h1>{{project.name}}</h1>
</div>

<div class="detail-cols">
  <div class="detail-main">
    <form method="post" action="{{url_for('project_update', project_id=project.id)}}" class="card-form">
      <input type="hidden" name="_csrf_token" value="{{csrf_token()}}">
      <div class="field"><label>Name</label><input type="text" name="name" value="{{project.name}}" required></div>
      <div class="field">
        <label>Status</label>
        <select name="status">
          %for s in statuses:
            <option value="{{s}}" {{'selected' if project.status == s else ''}}>{{status_label(s)}}</option>
          %end
        </select>
      </div>
      <div class="field">
        <label>Owner</label>
        <select name="owner_id">
          <option value="">No owner</option>
          %for p in people:
            <option value="{{p.id}}" {{'selected' if project.owner_id == p.id else ''}}>{{p.name}}</option>
          %end
        </select>
      </div>
      <div class="field">
        <label>Customer</label>
        <select name="customer_id">
          <option value="">No customer</option>
          %for c in clients:
            <option value="{{c.id}}" {{'selected' if project.customer_id == c.id else ''}}>{{c.name}}</option>
          %end
        </select>
      </div>
      <div class="field">
        <label>Due date</label>
        <input type="date" name="due_date" value="{{project.due_date.isoformat() if project.due_date else ''}}">
      </div>
      <div class="field">
        <label>Description</label>
        <textarea name="description" rows="5" class="pre-wrap-input">{{project.description}}</textarea>
      </div>
      <button class="btn btn-primary" type="submit">Save</button>
    </form>

    <form method="post" action="{{url_for('project_archive', project_id=project.id)}}" class="inline-form">
      <input type="hidden" name="_csrf_token" value="{{csrf_token()}}">
      <button class="btn btn-danger" type="submit" onclick="return confirm('Archive this project?')">Archive project</button>
    </form>

    <h2>Tasks &middot; {{progress['open']}} of {{progress['total']}} left</h2>
    %if tasks:
      <ul class="plain-list">
        %for t in tasks:
          %late = t.status != 'done' and t.due_date and t.due_date < insights.today()
          <li>
            <a href="{{url_for('task_detail', task_id=t.id)}}">{{t.title}}</a>
            <span class="badge badge-{{'overdue' if late else t.status}}"><i class="dot"></i>{{'Overdue' if late else status_label(t.status)}}</span>
            <span class="muted">{{t.owner.name if t.owner_id else 'No owner'}}</span>
          </li>
        %end
      </ul>
    %else:
      <p class="muted">No tasks on this project yet.</p>
    %end

    <h2>Commitments</h2>
    %if commitments:
      <ul class="plain-list">
        %for c in commitments:
          %shown = insights.commitment_display_status(c)
          <li>
            <a href="{{url_for('commitments_list')}}">{{c.description}}</a>
            <span class="badge badge-{{shown}}"><i class="dot"></i>{{status_label(shown)}}</span>
            <span class="muted">{{c.person.name if c.person_id else 'Nobody'}}</span>
          </li>
        %end
      </ul>
    %else:
      <p class="muted">Nobody has promised anything on this project.</p>
    %end

    <h2>Where it came from</h2>
    %if notes:
      <ul class="plain-list">
        %for n in notes:
          <li><a href="{{url_for('note_detail', note_id=n.id)}}">{{n.title}}</a> <span class="muted">{{n.occurred_on.strftime('%b %-d') if n.occurred_on else ''}}</span></li>
        %end
      </ul>
    %else:
      <p class="muted">Not linked to a note yet.</p>
    %end

    <h2>Attachments</h2>
    <form method="post" action="{{url_for('attachment_upload')}}" enctype="multipart/form-data" class="inline-form">
      <input type="hidden" name="_csrf_token" value="{{csrf_token()}}">
      <input type="hidden" name="subject_type" value="project">
      <input type="hidden" name="subject_id" value="{{project.id}}">
      <input type="file" name="file" required>
      <button class="btn" type="submit">Upload</button>
    </form>
    %if attachments:
      <ul class="plain-list">
        %for a in attachments:
          <li>
            <a href="{{url_for('attachment_download', attachment_id=a.id)}}">{{a.filename}}</a>
            <form method="post" action="{{url_for('attachment_delete', attachment_id=a.id)}}" class="inline-form">
              <input type="hidden" name="_csrf_token" value="{{csrf_token()}}">
              <button class="btn-link" type="submit">Remove</button>
            </form>
          </li>
        %end
      </ul>
    %end
  </div>

  <div class="detail-side">
    <h2>Comments</h2>
    %for c in comments:
      <div class="comment">
        <div class="comment-meta"><span class="avatar">{{(c.author.name or "?")[0].upper()}}</span>{{c.author.name}} &middot; {{c.created_at.strftime('%b %d, %Y %H:%M')}}</div>
        <div class="comment-body pre-wrap">{{c.body}}</div>
        %if c.author_id == current_user().id:
          <form method="post" action="{{url_for('comment_delete', comment_id=c.id)}}" class="inline-form">
            <input type="hidden" name="_csrf_token" value="{{csrf_token()}}">
            <button class="btn-link" type="submit">Delete</button>
          </form>
        %end
      </div>
    %end
    <form method="post" action="{{url_for('comment_create')}}" class="card-form">
      <input type="hidden" name="_csrf_token" value="{{csrf_token()}}">
      <input type="hidden" name="subject_type" value="project">
      <input type="hidden" name="subject_id" value="{{project.id}}">
      <textarea name="body" rows="3" placeholder="Add a comment" required></textarea>
      <button class="btn" type="submit">Comment</button>
    </form>

    <h2>Activity</h2>
    <ul class="activity-list">
      %for a in activity:
        <li><span class="activity-verb">{{a.verb}}</span> by {{a.actor.name if a.actor_id else 'someone'}} &middot; {{a.created_at.strftime('%b %d, %H:%M')}}</li>
      %end
      %if not activity:
        <li class="muted">Nothing yet.</li>
      %end
    </ul>
  </div>
</div>