{% extends "base.html" %}
{% block title %}Edit trade{% endblock %}
{% block content %}
<header class="page-head"><div><p class="crumbs"><a href="{{ url_for('main.investments_page') }}">Investments</a> /</p>
<h1>{{ tr.action|title }} {{ tr.quantity|qty }} {{ tr.symbol }}</h1></div></header>
<section class="card narrow">
  <form method="post" class="form-grid">
    <label>Account <select name="account_id" disabled>{% for a in brokerages %}<option {{ 'selected' if a.id == tr.account_id }}>{{ a.name }}</option>{% endfor %}</select></label>
    <label>Trade date <input type="date" name="trade_date" required value="{{ tr.trade_date }}"></label>
    <label>Action <select name="action"><option value="buy" {{ 'selected' if tr.action == 'buy' }}>Buy</option><option value="sell" {{ 'selected' if tr.action == 'sell' }}>Sell</option></select></label>
    <label>Symbol <input name="symbol" required value="{{ tr.symbol }}" class="upper"></label>
    <label>Shares <input name="quantity" required value="{{ tr.quantity|qty|replace(',', '') }}"></label>
    <label>Price per share <input name="price" value="{{ tr.price if tr.price is not none else '' }}"></label>
    <label>Fees / commission <input name="fees" value="{{ tr.fees_cents|amount }}"></label>
    <label>Total (cost incl. fees / net proceeds) <input name="total" value="{{ tr.amount_cents|amount }}"></label>
    <label class="span-2">Description <input name="description" value="{{ tr.description }}"></label>
    <label class="span-2">Notes <input name="notes" value="{{ tr.notes }}"></label>
    <label class="check span-2"><input type="checkbox" name="cash_effect" value="1" {{ 'checked' if cash }}> Cash moved in/out of this account</label>
    <div class="span-2 row-actions">
      <button class="btn btn-primary">Save</button>
      <a class="btn" href="{{ url_for('main.investments_page') }}">Cancel</a>
      <span class="spacer"></span>
      <button class="btn btn-ghost btn-danger-text" name="do" value="delete" formnovalidate onclick="return confirm('Delete this trade?')">Delete trade</button>
    </div>
  </form>
</section>
{% endblock %}