{% extends 'base.html' %}
{% load static %}

{% block content %}

<section id="main" class="wrapper">
  <div class="container">
    <header class="minor">
      <h2>Sale #{{ sale.id }}</h2>
    </header>
    {% if request.user == sale.bid.bidder %}
      {% if sale.payment_received == False %}
      <p class="sale-info">Hello {{ sale.bid.bidder.username }},</p>
      <p class="sale-info">The seller accepted your bid and the sale process was initiated. Please send funds to the below Monero escrow address (or use the QR code).</p>
      <p class="sale-info"><strong>Expected Payment (XMR)</strong>: {{ sale.expected_payment_xmr }}</p>
      <p class="sale-info"><strong>Escrow Address</strong>: {{ sale.escrow_address }}</p>
      <img src="data:image/png;base64,{{ qrcode }}" width=200 class="sale-qrcode">
      <hr>
      <h2>Need a Wallet?</h2>
      <p class="sale-info">Try out these popular Monero wallet projects:</p>
      <ul>
        <li><a href="https://cakewallet.com/" target="_blank">CakeWallet</a></li>
        <li><a href="https://www.monerujo.io/" target="_blank">Monerujo</a></li>
        <li><a href="https://mymonero.com/" target="_blank">MyMonero</a></li>
      </ul>

      {% endif %}
    {% endif %}
    {% if request.user == sale.item.owner %}
      {% if sale.payment_received == False %}
      <p class="sale-info">Hello {{ sale.item.owner.username }},</p>
      <p class="sale-info">You accepted bid #{{ sale.bid.id }} on your item "<a href="{% url 'get_item' sale.item.id %}">{{ sale.item.name }}</a>" (#{{ sale.item.id }}). A new sale has been initiated.</p>
      <p class="sale-info">We are waiting for the buyer to send funds to the escrow address. No action is needed from you at this time, but you will be notified you when there is.</p>
      <p class="sale-info">Congratulations on the sale!</p>
      {% endif %}
    {% endif %}
    {% if site_meta.debug %}
    <hr>
    <h2>Debug Info</h2>
    <section>
      <p class="sale-info"><strong>Item</strong>: {{ sale.item }}</p>
      <p class="sale-info"><strong>Payout Address</strong>: {{ sale.item.payout_address }}</p>
      <p class="sale-info"><strong>Escrow Address</strong>: {{ sale.escrow_address }}</p>
      <p class="sale-info"><strong>Escrow Account Index</strong>: {{ sale.escrow_account_index }}</p>
      <p class="sale-info"><strong>Agreed Price (XMR)</strong>: {{ sale.agreed_price_xmr }}</p>
      <p class="sale-info"><strong>Platform Fee (XMR)</strong>: {{ sale.platform_fee_xmr }}</p>
      <p class="sale-info"><strong>Expected Payment (XMR)</strong>: {{ sale.expected_payment_xmr }}</p>
      <p class="sale-info"><strong>Received Payment (XMR)</strong>: {{ sale.received_payment_xmr }}</p>
      <p class="sale-info"><strong>Escrow Period (days)</strong>: {{ sale.escrow_period_days }}</p>
      <p class="sale-info"><strong>Buyer Notified</strong>: {{ sale.buyer_notified }}</p>
      <p class="sale-info"><strong>Seller Notified</strong>: {{ sale.seller_notified }}</p>
      <p class="sale-info"><strong>Payment Received</strong>: {{ sale.payment_received }}</p>
      <p class="sale-info"><strong>Payment Refunded</strong>: {{ sale.payment_refunded }}</p>
      <p class="sale-info"><strong>Item Shipped</strong>: {{ sale.item_shipped }}</p>
      <p class="sale-info"><strong>Item Received</strong>: {{ sale.item_received }}</p>
      <p class="sale-info"><strong>Buyer Disputed</strong>: {{ sale.buyer_disputed }}</p>
      <p class="sale-info"><strong>Seller Disputed</strong>: {{ sale.seller_disputed }}</p>
      <p class="sale-info"><strong>Escrow Complete</strong>: {{ sale.escrow_complete }}</p>
      <p class="sale-info"><strong>Seller Paid</strong>: {{ sale.seller_paid }}</p>
      <p class="sale-info"><strong>Platform Paid</strong>: {{ sale.platform_paid }}</p>
      <p class="sale-info"><strong>Sale Finalized</strong>: {{ sale.sale_finalized }}</p>
    </section>
    {% endif %}
  </div>
</section>

{% endblock %}