{% extends "base.html" %}

{% block title %}Statystyki typów fraz{% endblock %}

{% block extrahead %}
  <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="{{ STATIC_URL }}lib/jqplot/src/excanvas.js"></script><![endif]-->
  <script language="javascript" type="text/javascript" src="{{ STATIC_URL }}lib/jqplot/src/jquery.jqplot.min.js"></script>
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}lib/jqplot/src/jquery.jqplot.css" />
  <script type="text/javascript" src="{{ STATIC_URL }}lib/jqplot/src/plugins/jqplot.canvasTextRenderer.min.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}lib/jqplot/src/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/arg_stats.js"></script>
{% endblock %}

{% block content %}
	</br>
	<form class="arg-stats-form" method="post"> {% csrf_token %}
	  {{ arg_stats_form.as_p }}
	  <p class="lexeme-save">
	    <button type="submit" id="arg-stats-form-submit">
	      Rysuj
	    </button>
	    <button type="reset" id="arg-stats-form-cancel">
	      Wyczyść
	    </button>
	    <button id="arg-stats-gen-list">
	      Generuj listę
	    </button>
	  </p>
	</form>
	<div id="graph-count" style="height:450px;width:650px;display:block;margin-left:auto;margin-right:auto"></div>
	</br>
	<div id="graph-own" style="height:450px;width:650px;display:block;margin-left:auto;margin-right:auto"></div>
{% endblock %}