{% extends "pos/base.html" %}
{% load crispy_forms_tags %}
{% block content %}
<h1>Admin</h1>
<img src='{{ img }}' width='500px' />
{% autoescape off %}
    {{ chart }}
    {{ pie }}
{% endautoescape %}
{% load djangocodemirror_tags %}
<form>
    {% csrf_token %}
{{ form | crispy }}
    <input type='submit' class='btn btn-primary' value="Save" />

</form>


{% codemirror_instance 'javascript' 'js_cm' 'id_jsCode' %}
{% codemirror_instance 'css' 'css_cm' 'id_cssCode' %}
{% codemirror_instance 'html' 'plugin_cm' 'id_pluginCode' %}

helloworld
<video id="my_video_1" class="video-js vjs-fluid vjs-default-skin" controls preload="auto"
  data-setup='{}'>
        <source src="http://localhost:2000/tmp/stream/index.m3u8" type="application/x-mpegURL" /> 
  </video>

{% endblock %}
{% block foot_script %}
<script>
var player = videojs('my_video_1');
</script>
{% endblock %}
