<%namespace name='static' file='static_content.html'/>
<!DOCTYPE html>
<html>
## -----------------------------------------------------------------------------
## Template for lib.dogfood.views.dj_capa_problem
##
## Used for viewing assesment problems in "dogfood" self-evaluation mode
## -----------------------------------------------------------------------------
<head>
  <link rel="stylesheet" href="${static.url('css/vendor/jquery.treeview.css')}" type="text/css" media="all" />
##  <link rel="stylesheet" href="${ settings.LIB_URL }jquery.treeview.css" type="text/css" media="all" />
##  <link rel="stylesheet" href="/static/sass/application.css" type="text/css" media="all" / >

% if settings.MITX_FEATURES['USE_DJANGO_PIPELINE']:
## <%static:css group='application'/>
% endif

% if not settings.MITX_FEATURES['USE_DJANGO_PIPELINE']:
##  <link rel="stylesheet" href="/static/sass/application.css" type="text/css" media="all" / >
% endif

  <script type="text/javascript" src="${static.url('js/jquery.min.js')}"></script>
  <script type="text/javascript" src="${static.url('js/jquery-ui.min.js')}"></script>
  <script type="text/javascript" src="${static.url('js/swfobject/swfobject.js')}"></script>

% if settings.MITX_FEATURES['USE_DJANGO_PIPELINE']:
 <%static:js group='application'/>
% endif

% if not settings.MITX_FEATURES['USE_DJANGO_PIPELINE']:
  % for jsfn in [ '/static/%s' % x.replace('.coffee','.js') for x in settings.PIPELINE_JS['application']['source_filenames'] ]:
    <script type="text/javascript" src="${jsfn}"></script>
  % endfor
% endif

## codemirror
  <link rel="stylesheet" href="/static/css/codemirror.css" type="text/css" media="all" />
  <script type="text/javascript" src="${ settings.LIB_URL }codemirror-compressed.js"></script>

## alternate codemirror
##  <script type="text/javascript" src="/static/js/CodeMirror-2.25/lib/codemirror.js"></script>
##  <script type="text/javascript" src="/static/js/CodeMirror-2.25/mode/xml/xml.js"></script>
##  <script type="text/javascript" src="/static/js/CodeMirror-2.25/mode/python/python.js"></script>

## image input: for clicking on images (see imageinput.html)
  <script type="text/javascript" src="/static/js/imageinput.js"></script>


<%include file="mathjax_include.html" />

</head>
<body class="courseware">

  <!--[if lt IE 9]>
  <script src="/static/js/html5shiv.js"></script>
  <![endif]-->

<div class="courseware"></div>

## -----------------------------------------------------------------------------
## information

## <hr width="100%">
## <h2>Rendition of your problem code</h2>
## <hr width="100%">

## -----------------------------------------------------------------------------
## rendered problem display

<script>
 ${init_js} 
</script>

<style type="text/css">
  .problem-header {display:none;}
  .staff {display:none;}
  .correct {        display: -moz-inline-box;
        -moz-box-orient: vertical;
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        background: url("/static/images/correct-icon.png") center center no-repeat;
        height: 20px;
        position: relative;
        top: 6px;
        width: 25px; }
  .incorrect{
        display: -moz-inline-box;
        -moz-box-orient: vertical;
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        background: url("/static/images/incorrect-icon.png") center center no-repeat;
        height: 20px;
        width: 20px;
        position: relative;
        top: 6px; }
  .unanswered {
        display: -moz-inline-box;
        -moz-box-orient: vertical;
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        background: url("/static/images/unanswered-icon.png") center center no-repeat;
        height: 14px;
        position: relative;
        top: 4px;
        width: 14px; }
}
</style>

<meta name="path_prefix" content="${MITX_ROOT_URL}">

<section class="course-content">
  <form>
   ${phtml}
  </form>
</section>

  <script type="text/javascript" src="${static.url('js/jquery.treeview.js')}"></script>
  <script type="text/javascript" src="${static.url('js/jquery.leanModal.min.js')}"></script>
  <script type="text/javascript" src="${static.url('js/vendor/jquery.qtip.min.js')}"></script>
  <script type="text/javascript" src="${static.url('js/jquery.cookie.js')}"></script>
##  <script type="text/javascript" src="${static.url('js/video_player.js')}"></script>
  <script type="text/javascript" src="${static.url('js/schematic.js')}"></script>
  <script type="text/javascript" src="${static.url('js/cktsim.js')}"></script>

## image input: for clicking on images (see imageinput.html)
  <script type="text/javascript" src="/static/js/imageinput.js"></script>

  <script type="text/javascript" >
    var codemirror_set= {};                // associative array of codemirror objects 
  </script>

  <%block name="js_extra"/>

</body>
</html>