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

<div class="detail-cols">
  <div class="detail-main">
    <form method="post" action="{{url_for('client_update', client_id=client.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="{{client.name}}" required></div>
      <div class="field"><label>Email</label><input type="email" name="email" value="{{client.email}}"></div>
      <div class="field"><label>Phone</label><input type="text" name="phone" value="{{client.phone}}"></div>
      <div class="field"><label>Company</label><input type="text" name="company" value="{{client.company}}"></div>
      <div class="field">
        <label>Status</label>
        <select name="status">
          %for s in statuses:
            <option value="{{s}}" {{'selected' if client.status == s else ''}}>{{status_label(s)}}</option>
          %end
        </select>
      </div>
      <div class="field">
        <label>Notes</label>
        <textarea name="notes" rows="6" class="pre-wrap-input">{{client.notes}}</textarea>
      </div>
      <button class="btn btn-primary" type="submit">Save</button>
    </form>

    <form method="post" action="{{url_for('client_archive', client_id=client.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 customer?')">Archive customer</button>
    </form>

    %# Everything this customer touches, in the order it matters commercially:
    %# what we might win, what we're building, who promised what, what we
    %# decided, what we said. Capture's payoff is that this section fills in.
    <h2>Opportunities</h2>
    %if opportunities:
      <ul class="plain-list">
        %for o in opportunities:
          <li>
            <a href="{{url_for('opportunity_detail', opportunity_id=o.id)}}">{{o.title}}</a>
            <span class="deal-value">{{insights.money(o.value)}}</span>
            <span class="badge badge-{{o.stage}}"><i class="dot"></i>{{status_label(o.stage)}}</span>
          </li>
        %end
      </ul>
    %else:
      <p class="muted">No open deals with this customer.</p>
    %end

    <h2>Projects</h2>
    %if projects:
      <ul class="plain-list">
        %for pr in projects:
          <li>
            <a href="{{url_for('project_detail', project_id=pr.id)}}">{{pr.name}}</a>
            <span class="badge badge-{{pr.status}}"><i class="dot"></i>{{status_label(pr.status)}}</span>
          </li>
        %end
      </ul>
    %else:
      <p class="muted">Nothing being delivered for them right now.</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 them anything.</p>
    %end

    <h2>Tasks</h2>
    %if tasks:
      <ul class="plain-list">
        %for t in tasks:
          <li><a href="{{url_for('task_detail', task_id=t.id)}}">{{t.title}}</a> <span class="badge badge-{{t.status}}"><i class="dot"></i>{{status_label(t.status)}}</span></li>
        %end
      </ul>
    %else:
      <p class="muted">No tasks linked to this customer yet.</p>
    %end

    <h2>Decisions</h2>
    %if decisions:
      <ul class="plain-list">
        %for dcn in decisions:
          <li><a href="{{url_for('decisions_list')}}">{{dcn.title}}</a> <span class="muted">{{dcn.decided_on.strftime('%b %-d, %Y') if dcn.decided_on else ''}}</span></li>
        %end
      </ul>
    %else:
      <p class="muted">No decisions recorded about them.</p>
    %end

    <h2>Notes</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">No notes linked to them 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="client">
      <input type="hidden" name="subject_id" value="{{client.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="client">
      <input type="hidden" name="subject_id" value="{{client.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
    </ul>
  </div>
</div>