{% load static %}
{% with openicon='http://www.ntuh.net/open_icon_library-full/' beta=2 open_icon_library='http://www.ntuh.net/open_icon_library-full/' %}


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  
    <link rel="shortcut icon" type="image/icon" href="https://www.djangoproject.com/favicon.ico"/>
    
    <!-- https://glyphsearch.com/ -->
    <!-- https://fonts.google.com/icons -->
    <!-- icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />
    <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">

    <!-- dojo -->
    <!-- <script src="//ajax.googleapis.com/ajax/libs/dojo/1.14.1/dojo/dojo.js"></script>       -->
    <script src="/site_media/js/dojo.js" type="text/javascript"
      djConfig="parseOnLoad: true, isDebug: false"></script>

    <!-- <script type="text/javascript" src="{% static 'jquery/dist/jquery.js' %}"></script> -->
      
    <!-- jquery-ui -->
    <!-- It's caused by jquery-ui and bootstrap-button plugins conflict. In fact jquery-ui code js code should go before bootstrap.js, and that solves the problem. -->

    <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" ></script>
    <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" >


<!-- bootstrap 3 +  x-editable -->
      
<!-- Latest compiled and minified CSS -->
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->

<!-- Optional theme -->
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous"> -->

<!-- Latest compiled and minified JavaScript -->
<!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script> -->


<!-- Download corresponding X-editable build and include it on your page: -->
<!-- <link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.1/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.min.js"></script> -->

    <!-- bootstrap 4 +  x-editable -->
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> -->
    <!-- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> -->

    <link rel="stylesheet" href="{% static 'bootstrap/dist/css/bootstrap.min.css' %}">
    <!-- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> -->
    <script src="{% static 'bootstrap/dist/js/bootstrap.bundle.min.js' %}"></script>
    
    <!-- <link href="https://cdn.jsdelivr.net/gh/Talv/x-editable@develop/dist/bootstrap4-editable/css/bootstrap-editable.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/gh/Talv/x-editable@develop/dist/bootstrap4-editable/js/bootstrap-editable.min.js"></script>    -->
    
    <link href="{% static 'x-editable/dist/bootstrap4-editable/css/bootstrap-editable.css' %}" rel="stylesheet">
    <script src="{% static 'x-editable/dist/bootstrap4-editable/js/bootstrap-editable.min.js' %}"></script>   


    <script type="text/javascript">
      $.datepicker.setDefaults({
        buttonImageOnly: true,
        buttonImage: '{{openicon}}/icons/png/16x16/actions/date-2.png',
        dateFormat: 'yy-mm-dd',
        // showButtonPanel: true,
        showOn: 'button',
      })
    </script>
    <!-- jquery -->

<!-- <script type="text/javascript" src="/site_media/js/jquery.cookie.js"></script> -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>


    <!-- Dynamic Drive -->
    <link rel="stylesheet" type="text/css" href="/site_media/css/arrow_bullet_list_menu.css" />
    <link rel="stylesheet" type="text/css" href="/site_media/css/urban_grey_side_menu.css" />
  
    <link rel="stylesheet" type="text/css" href="/site_media/css/css-liquid-layout-21-fixed-fluid.css" />
    <link rel="stylesheet" type="text/css" href="/site_media/css/tableless-form.css" />
    <script type="text/javascript">
      /*** Temporary text filler function. Remove when deploying template. ***/
      var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
      function filltext(words){
        for (var i=0; i<words; i++)
        document.write(gibberish[Math.floor(Math.random()*3)]+" ")
      }
    </script>
    <!-- Dynamic Drive -->
  
    <!-- CSS Table Gallery -->
    <!-- <link rel="stylesheet" type="text/css" href="/site_media/css/0m4r.table.css" /> -->
    <!-- <link rel="stylesheet" type="text/css" href="/site_media/css/acuity.css" /> -->
    <link rel="stylesheet" type="text/css" href="/site_media/css/tagbox.css" />
    <!-- CSS Table Gallery -->

    <script type="text/javascript">function onLoadBody(){}</script>
    {% block head %}{% endblock %}
    
    <title>{% block title %}NTUH CyberKnife{% endblock %}</title>
<style type="text/css">
    ul.errorlist {
        margin: 0;
        padding: 0;
    }
    .errorlist li {
        background-color: red;
        color: white;
        display: block;
        font-size: 10px;
        margin: 0 0 3px;
        padding: 4px 5px;
    }
</style>  </head>
  <body class="claro" onLoad="onLoadBody()">
    <div id="maincontainer">
      <div id="topsection">
        {% block topsection %}
        <img src="/site_media/css/media/logo.gif" alt="NTUH CyberKnife" height="70" width="100%"/>
        <div class="col-md-10 innertube">
          <div align="right">
          {% if user.is_authenticated %}
            {{ user.username }} <a href=/accounts/logout/>登出</a>
          {% else %}
            <a href=/accounts/login/>登入</a>
          {% endif %}
          </div>
        </div>
        {% endblock %}
      </div>
      <div id="contentwrapper">
        <div id="contentcolumn">
        <!--div class="innertube"><b>Content Column: <em>Fluid</em></b> <script type="text/javascript">filltext(45)</script></div-->
          {% block pre_content %}{% endblock %}
          {% block content %}{% endblock %}
        </div>
      </div>
      <div id="leftcolumn">
      <!--div class="innertube"><b>Left Column: <em>20%</em></b> <script type="text/javascript">filltext(20)</script></div-->
      <!-- <div class="arrowlistmenu"> -->
        <div class="urbangreymenu">
        	{% block menu %}
        	{% endblock %}
          <h3 class="headerbar">NTUHCK</h3>
          <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/admin/" target="_blank">管理</a></li>
            <!-- <li><a href="http://intra.mc.ntu.edu.tw/Adm/kf/9899orthtb.xls" target="_blank">事前審查案件</a></li> -->
            <li><a href="/pre-case/">事前審查</a></li>
          </ul>
          <h3 class="headerbar">Event</h3>
          <ul>
            <li><a href="/calendar/">Calendar</a></li>
<!--             <li><a href="/wdCalendar/">wdCalendar</a></li> -->
            <!-- <li><a href="/calendar/followup/">Followup Calendar</a></li> -->
            <li><a href="/record/weekly/" target="_blank">每週病人數紀錄</a></li>
            <li><a href="/timetable/scheduling/" target="_blank">排程時間表</a></li>
          </ul>
          <h3 class="headerbar">Patient</h3>
          <ul>
            <li><a href="/patient/list/">List</a></li>
            <li><a href="/patient/search/">Search</a></li>
            <li><a href="/followup/newimages/">New images</a></li>
            <li><a href="/followup/nosee/">Long time no see</a></li>
            <li><a href="/followup/image_long/">Long image follow-up</a></li>
          </ul>
          <h3 class="headerbar">Treatment</h3>
          <ul>
            <li><a href="{% url 'treatment-list' %}">List</a></li>
            <li><a href="/treatment/finished/">Finished</a></li>
            <li><a href="/treatment/unfinished/">Unfinished</a></li>
            <li><a href="/treatment/no-icd/">No ICD</a></li>
          </ul>
          <h3 class="headerbar">Calculator</h3>
          <ul>
            <li><a href="/calculator/prescription/">Prescription dose</a></li>
            <li><a href="/calculator/ci/">CI/nCI</a></li>
          </ul>
        </div>
        {% block leftcolumn %}{% endblock %}
      </div>
      
      <div id="footer">
        {% block footer %}
        {% endblock %}
      </div>
    </div>

    <script type="text/javascript" src="/site_media/js/jquery.lazyload-ad-1.4.min.js"></script>
    <script type="text/javascript">

    // -- Load Lazy Advertisement placement as deferred
    $(document).ready(function() {
        $("div.lazyload_ad").lazyLoadAd() ;
        }) ;

    </script>     

    
  </body>
</html>

{% endwith %}
