{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        SimpliPOS
    </title>
    <meta name="description" content="FindBed.xyz ทำเพื่อช่วยเหลือในการหาเตียงสำหรับผู้ป่วย COVID19">
     <!-- Include meta tag to ensure proper rendering and touch zooming -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
  <!--
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> -->

  <!-- Include the jQuery library -->
  <!--
  <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> -->
  <script src="{% static "bower_components/jQuery/dist/jquery.min.js" %}"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
<!-- 
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">

  <link href="https://fonts.googleapis.com/css?family=Playfair+Display:700,900" rel="stylesheet">
{% block header %}
{% endblock %}

    <link href="{% static "css/dashboard.css" %}" rel="stylesheet">
    <link href="{% static "bower_components/components-font-awesome/css/all.css" %}" rel="stylesheet">
      <link href="https://vjs.zencdn.net/7.19.2/video-js.css" rel="stylesheet" />

<script type='text/javascript' src="{% static "js/main.js" %}"></script>

</head>

<body>

{% if store %}
{% autoescape off %}
    <script type='text/javascript'>
        {{ store.code.jsCode }}        
    </script>
    <style>
        {{ store.code.cssCode }}        
    </style>
    {{ store.code.pluginCode }}
{% endautoescape %}
{% endif %}
        {% load editorjs %}

    <nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
      <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">SimpliPos</a>
      <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
      <ul class="navbar-nav px-3">
            {% if user.is_authenticated %}
            <li class="nav-item text-nowrap">
                <a class="nav-link" href="{% url "logout" %}">Sign Out</a>
            </li>
            {% else  %}
            <li class="nav-item text-nowrap">
                <a class="nav-link" href="{% url "login" %}">Sign In</a>
            </li>
            {% endif %}
      </ul>
    </nav>

    <div class="container-fluid">
      <div class="row">
        <nav class="col-md-2 d-none d-md-block bg-light sidebar">
          <div class="sidebar-sticky">
              {% include "pos/_admin_menu.html" %}
          </div>
        </nav>

        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
            {% include "_messages.html" %}
            {% load django_bootstrap_breadcrumbs %}

            {% block breadcrumbs %}
                {% clear_breadcrumbs %}
                {% breadcrumb "Pos Admin" "pos:admin" %}
            {% endblock %}

            {% render_breadcrumbs %}
            {% block content %}
            {% endblock %}
        </main>
      </div>
    </div>

<script src="{% static "bower_components/holderjs/holder.min.js" %}"></script>
<script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script>
<script>
    feather.replace()
</script>
<!-- 
<script src="{% static "bower_components/popper.js/src/popper.js" %}"></script> -->
      <script src="//cdn.tiny.cloud/1/dzlqg1z6bs8nkaz3ui3j050up0etdpdpw18e273w8esvr32n/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script src="/djrichtextfield/init.js"></script>
{% if form %}
    {{ form.media }}
{% endif %}
    <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
<!-- 
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.js" integrity="sha512-UILPODLUJKA624A9/OruLNgBsMOYv+ON5Mw8f3ZKK+QTjxjncEtinZw9nVecHl4Vzd1+eOlEcGLqjpaQrIy49g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> -->
    {% block foot_script %}
    {% endblock %}
</body>
</html>
