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

<div class="detail-cols">
  <div class="detail-main">
    <form method="post" action="{{url_for('opportunity_update', opportunity_id=opportunity.id)}}" class="card-form">
      <input type="hidden" name="_csrf_token" value="{{csrf_token()}}">
      <div class="field"><label>Name</label><input type="text" name="title" value="{{opportunity.title}}" required></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 opportunity.customer_id == c.id else ''}}>{{c.name}}</option>
          %end
        </select>
      </div>
      <div class="field"><label>Value</label><input type="number" name="value" value="{{opportunity.value}}" min="0" step="1000"></div>
      <div class="field">
        <label>Stage</label>
        <select name="stage">
          %for s in stages:
            <option value="{{s}}" {{'selected' if opportunity.stage == 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 opportunity.owner_id == p.id else ''}}>{{p.name}}</option>
          %end
        </select>
      </div>
      <div class="field"><label>Next action</label><input type="text" name="next_action" value="{{opportunity.next_action}}"></div>
      <div class="field">
        <label>Next action due</label>
        <input type="date" name="next_action_due" value="{{opportunity.next_action_due.isoformat() if opportunity.next_action_due else ''}}">
      </div>
      <div class="field">
        <label>Notes</label>
        <textarea name="notes" rows="6" class="pre-wrap-input">{{opportunity.notes}}</textarea>
      </div>
      <button class="btn btn-primary" type="submit">Save</button>
    </form>

    <form method="post" action="{{url_for('opportunity_archive', opportunity_id=opportunity.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 opportunity?')">Archive opportunity</button>
    </form>

    <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. Anything created through Capture keeps a link back to the text it came from.</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="opportunity">
      <input type="hidden" name="subject_id" value="{{opportunity.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="opportunity">
      <input type="hidden" name="subject_id" value="{{opportunity.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>