<!DOCTYPE html>
{% autoescape None %}
<html>
  <head>
    <meta charset="utf-8"/>
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <script type="text/javascript" src="https://www.promisejs.org/polyfills/promise-6.1.0.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.2.0/require.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_CHTML-full,Safe&amp;delayStartupUntil=configured"></script>

    <title>nbdime - diff and merge your Jupyter notebooks</title>

  </head>

  <!-- TODO: make nbdime.init() setup the forms/input user interface? -->

  <body> <!-- onload="nbdime.init()" -->
    <div id="nbdime-header" class="nbdime-Merge">
      <h3>Notebook Merge</h3>
      Enter notebook filenames or URLs in the form below to get started.

      <form id="nbdime-merge-form" class="nbdime-forms">
        <fieldset>
          <legend>Please input filenames/URLs of notebooks to merge:</legend>
          <label>Local:</label>
          <input id="merge-local" type="text" name="local" value="{{ escape(config_data['local']) }}" />
          <label>Base:</label>
          <input id="merge-base" type="text" name="base" value="{{ escape(config_data['base']) }}" />
          <label>Remote:</label>
          <input id="merge-remote" type="text" name="remote" value="{{ escape(config_data['remote']) }}" />
          <input id="nbdime-run-merge" type="submit" name="merge" value="Merge files" />
          <button id="nbdime-download" style="display: none" type="button">Download</button>
        </fieldset>
      </form> <!-- nbdime-forms -->
      <div id="nbdime-header-buttonrow">
        <input id="nbdime-hide-unchanged" type="checkbox"><label for="cbox1">Hide unchanged cells</label></input>
        <button id="nbdime-save" style="display: none">Save</button>
        <button id="nbdime-download" style="display: none">Download</button>
        <button id="nbdime-close" style="display: none">Close tool</button>
      </div>
      <div id=nbdime-header-banner>
        <span id="nbdime-header-local">Local</span>
        <span id="nbdime-header-base">Base</span>
        <span id="nbdime-header-remote">Remote</span>
      </div>
    </div> <!-- ndime-header -->

    <div id="nbdime-root">
    </div>
    <script id='jupyter-config-data' type="application/json">{ "baseUrl": {{ json_encode(base_url) }} }</script>
    <script id='nbdime-config-data' type="application/json">{{ json_encode(config_data) }}</script>
    <script src="{{ static_url('nbdime.js') }}"></script>
    <noscript>Nbdime relies on javascript for diff/merge views!</noscript>
  </body>
</html>
