{% import 'macros.html' as macros %}
{{ macros.header("Proceedings Title Parser-Service") }}
            <br>
            <form action="/parse" method="GET">
               <div class="row">
                  <div id="parsecol" class="col-md-6">
                    <button type='submit' id="parse">search</button>
                  </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label class="label" for="titles"><a href='http://wiki.bitplan.com/index.php/ProceedingsTitleParser#Usage'>Enter titles, search words or urls:</a></label><br>
                        <textarea id="titles" name="titles" rows="25" cols="100">{{ titles }}</textarea>
                     	<br /><label class="label" for="examples">Examples:</label> 
	                    <select name="examples" id="examples">
	                    	{% for key, value in examples.items() %}
	    						<option value="example{{ loop.index }}" onclick='document.getElementById("titles").value = {{value|tojson}}'>{{ key }}</option>
	    					{% endfor %}
	  					</select>
	  					<label class="label" for="formqt">format:</label> 
	  					<select name="format" id="format">
	  					    <option value="html">html</option>
	  					    <option value="csv">csv</option>
	  					    <option value="json">json</option>
	  					    <option value="xml">xml</option>
	  					    <option value="wikison">wikison</option>
	  					</select>
	  					<label class="label" for="metadebug">debug:</label>
	  					<input type="checkbox" id="metadebug" name="metadebug" {{ "checked" if metadebug else "" }}>
			         </div>
                     <div id="parseresult" class="col-md-6">
                     	<div class='row'>
	                       {% if result is not none %}
	                       <table class="table">
							  <thead>
							    <tr>
							      <th scope="col">#</th>
							      <th scope="col">Source</th>
							      <th scope="col">Acronym</th>
							      <th scope="col">Url</th>
							      <th scope="col">Found by</th>
							    </tr>
							  </thead>
							  <tbody>
	                       {% for parsedTitle in result %}
	                       {% set rowloop = loop %}
	                       {% for event in parsedTitle.events  %}
							    <tr>
							      <th scope="row">{{ rowloop.index }} - {{ loop.index }}</th>
							      <td>{{event.source}}</td>
							      <td>{{event.acronym}}</td>
							      <td><a href='{{event.url}}'>{{event.url}}</a></td>
							      <td>{{event.foundBy}}</td>
							    </tr>
	                       {% endfor %}
	                       {% endfor %}
							  </tbody>
							</table>
	                       {%endif %}
	                    </div>
                     	<!-- raw results /metadata -->
                     	<div class='row'>
                     	   {% if metadebug %}
                     	   <h4>metadata (debug):</h4>
                           {%endif %}
                       	</div>
                     	<div class='row'>  
	                 	   {% if metadebug %}
                           {{ macros.metaDataDump(result) }}
	                       {%endif %}
                       	</div>
                       	<!-- errors -->
		                <div class='row'>
		                	{% if metadebug %}
			                {% if errs is not none %}
			                {% for err in errs %}
			                <pre><span style="color:red">{{ err }}</span></pre>
			                {% endfor %}
			                {%endif %}
			                {%endif %}
		                </div>
		             </div>
                </div>
           </form>
{{ macros.footer() }}