{% extends "lara_base.html" %}
{% block title %}Process-Generator{% endblock %}
{% block head %}
    <script src="/static/blockly_compressed.js"></script>
    <script src="/static/blocks_compressed.js"></script>
    <script src="/static/msg/js/en.js"></script>
    <script src="/static/python.js"></script>
    <script src="/static/lara_blocks.js"></script>
    <script src="/static/init_blockly.js"></script>
    <style>
  body {
    background-color: #fff;
    font-family: sans-serif;
  }
  h1 {
    font-weight: normal;
    font-size: 140%;
  }
    </style>
    <xml xmlns="http://www.w3.org/1999/xhtml" id="toolbox" style="display: none">
    <category name="Process Flow" colour="#a69f5c">
    <block type="processflow_init_process"></block>
    <block type="processflow_read_barcode"></block>
    <block type="processflow_end_process"></block>
    </category>
    <category name="Cultivation" colour="#a65c5e">
    <block type="cultivation_growth">
    <field name="temp">37</field>
    <field name="incubation_duration">100</field>
    <field name="cycle_num">3</field>
    </block>
    <block type="cultivation_expression">
    <field name="temp">20</field>
    <field name="incubation_duration">120</field>
    <field name="cycle_num">4</field>
    </block>
    <block type="cultivation_harvest">
    <field name="temp">4</field>
    <field name="incubation_duration">20</field>
    </block>
    <block type="cultivation_harvest">
    <field name="temp">4</field>
    <field name="incubation_duration">20</field>
    </block>
    <block type="cultivation_wash">
    <field name="temp">37</field>
    <field name="incubation_duration">20</field>
    </block>
    <block type="cultivation_lysis">
    <field name="temp">30</field>
    <field name="lysis_duration">120</field>
    <field name="incubation_duration">20</field>
    </block>
    </category>
    <category name="Separation" colour="#a6795c"></category>
    <category name="Analysis" colour="#5ea65c"></category>
    <category name="Liquid handling" colour="#5e5ca6"></category>
    <category name="XNA processing" colour="#a65ca4"></category>
    </xml>
    <xml xmlns="http://www.w3.org/1999/xhtml" id="workspaceBlocks" style="display: none">
    <block type="processflow_init_process" id="@;k)f.3YYNx*?V:G9UUg" x="38" y="13"></block>
    <block type="processflow_end_process" id="f+E*b%;;:2^u=;yuLaKb" x="38" y="388"></block>
    </xml>
{% endblock %}
{% block top %}
    <h1>LARA Process generator</h1>
    <p></p>
{% endblock %}
{% block main_content %}
    block area 2
    <div id="blocklyArea">
        <div id="blocklyDiv"
             style="height: 700px;
                    width: 1000px;
                    position: absolute"></div>
    </div>
    <script>window.onload = initBlockly();</script>
{% endblock %}