/*
 This file is part of GNU Taler
 (C) 2021 Taler Systems S.A.

 GNU Taler is free software; you can redistribute it and/or modify it under the
 terms of the GNU General Public License as published by the Free Software
 Foundation; either version 3, or (at your option) any later version.

 GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
 WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 A PARTICULAR PURPOSE.  See the GNU General Public License for more details.

 You should have received a copy of the GNU General Public License along with
 GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
 */

/**
*
* @author Sebastian Javier Marchano (sebasjm)
*/
import { Fragment, render, h, VNode } from 'preact';
import { useEffect } from 'preact/hooks';
import { render as renderToString } from 'preact-render-to-string';

export function ShowOrderDetails(): VNode {
  useEffect(() => {
    const longpollDelayMs = 60000;
    const checkUrl = new URL("{{& order_status_url }}");
    checkUrl.searchParams.set("timeout_ms", longpollDelayMs.toString());
    function check() {
      let retried = false;
      function retryOnce() {

        if (!retried) {
          retried = true;
          check();
        }
      }
      const req = new XMLHttpRequest();
      req.onreadystatechange = function () {
        if (req.readyState === XMLHttpRequest.DONE) {
          if (req.status === 200) {
            try {
              const resp = JSON.parse(req.responseText);
              if (resp.fulfillment_url) {
                window.location.replace(resp.fulfillment_url);
              }
            } catch (e) {
              console.error("could not parse response:", e);
            }
          }
          if (req.status === 202) {
            try {
              const resp = JSON.parse(req.responseText);
              if (resp.fulfillment_url) {
                window.location.replace(resp.fulfillment_url);
              }
            } catch (e) {
              console.error("could not parse response:", e);
            }
          }
          if (req.status === 402) {
            try {
              const resp = JSON.parse(req.responseText);
              if (resp.already_paid_order_id && resp.fulfillment_url) {
                window.location.replace(resp.fulfillment_url);
              }
            } catch (e) {
              console.error("could not parse response:", e);
            }
          }
          setTimeout(retryOnce, 500);
        }
      };
      req.onerror = function () {
        setTimeout(retryOnce, 500);
      }
      req.ontimeout = function () {
        setTimeout(retryOnce, 500);
      }
      req.timeout = longpollDelayMs;
      req.open("GET", checkUrl.href);
      req.send();
    }
    setTimeout(check, 500);
  })
  return <Fragment>
    <h1>Order details</h1>

    <div>
      This is the default status page for your order for <b>{`{{ order_summary }}`}</b>.
    </div>


    <h2>Refund status</h2>
    <div>
      The merchant has granted you refunds on the purchase of <b>{`{{ refund_amount }}`}</b>.
    </div>

    <h2>Full contract details</h2>

    {/* <!-- FIXME #6459: expand the contract JSON in all its glory here --> */}
    <pre>
      {/* {{{contract_terms!stringify }}} */}
    </pre>

  </Fragment>

}

function Title(): VNode {
  return <title>Status of your order for {`{order_summary}`}</title>
}

export function mount(): void {
  try {
    const params = new URL(window.location.href).searchParams
    render(<ShowOrderDetails
    // taler_refund_uri={params.get('taler_refund_uri') || undefined} 
    />, document.body);

  } catch (e) {
    console.error("got error", e);
    document.body.innerText = `Fatal error: "${e.message}".  Please report this bug at https://bugs.gnunet.org/.`;
  }
}

export function buildTimeRendering(): string {
  return renderToString(<ShowOrderDetails />)
}