<!DOCTYPE html>


<html>
<head>

{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}" />
</head>
<body>

<div id="container">
    <div id="sidebar">
        {% include "chlamdb/menu.html" %}
    </div>
    <div id="header">
        {% include "chlamdb/user.html" %}
    </div>

    <div id="content">


  

        <div class="panel panel-success" style="width:80%; top: 200px; margin: 10px 10px 10px 10px">
            <div class="panel-heading" style="width:100%">
                <h3 class="panel-title">Help</h3>
            </div>
            <p style="margin: 10px 10px 10px 10px">Dot plot constructed using <a href="http://mummer.sourceforge.net/">Promer</a>
            </p>
        </div>

        <form action="{% url "mummer" %}" method="post">{% csrf_token %}

        <table>
        <tr>
          <td>{{ form.as_p }}</td>
        </tr>

        <tr>
          <td><input type="submit" value="Submit" /></td>
        </tr>
        </table>



        </form>



        {% if envoi %}


            {% if not plot %}

            Sequences are too distant to compute promer plots

            {% else %}


            {% load static %}
            <h2>Promer plot</h2>

            <img src="{% static plot_path %}" style="float: left; width: 50%; margin-right: 1%; margin-bottom: 0.5em;">

            <div id="promer_plot">


            </div>
        <!--
        <table>
        <tr>
          <td>
           <pre id=blast_result>
            {{blast_result}}
           </pre>

          </td>
        </tr>
        -->

        </table>

        </section>


        {% endif %}
        {% endif %}

</div>


</body>
</html>
