{% extends 'layout_page.twig' %}
 
 {% set page = 'files' %}
 

 {% block title %}
   GitList
 {% endblock %}

 
 {% block content %}

   {% include 'breadcrumb.twig' with {breadcrumbs: breadcrumbs} %}
 
   <div class="source-view">
     <div class="source-header">
       <div class="meta"></div>
 
       <script src="https://code.jquery.com/jquery-2.2.3.js"></script>
       <div class="btn-group pull-right">
         <button type="button" id="colorswitch" class="btn btn-small">Light/Dark</button>
         <a href="{{ path('blob_raw', {repo: repo, commitishPath: branch ~ '/' ~ file}) }}" class="btn btn-small"><i class="icon-file"></i> Raw</a>
         <a href="{{ path('blame', {repo: repo, commitishPath: branch ~ '/' ~ file}) }}" class="btn btn-small"><i class="icon-bullhorn"></i> Blame</a>
         <a href="{{ path('commits', {repo: repo, commitishPath: branch ~ '/' ~ file}) }}" class="btn btn-small"><i class="icon-list-alt"></i> History</a>
       </div>

     </div>

     {% if fileType == 'image' %}
       <center><img src="{{ path('blob_raw', {repo: repo, commitishPath: branch ~ '/' ~ file}) }}" alt="{{ file }}" class="image-blob" /></center>
 
     {% elseif fileType == 'markdown' %}
       <div class="md-view"><div id="md-content">{{ blob }}</div></div>
 
     {% else %}
       <pre id="sourcecode" language="{{ fileType }}">{{ blob|htmlentities|raw }}</pre>
     {% endif %}
   </div>
 
   <script type="text/javascript">
 function flip () {
   var oldClass = 'cm-s-dark', newClass = 'cm-s-light';
   var $target = $('.CodeMirror-scroll');
   if ($target.hasClass('cm-s-light')) {
   oldClass = newClass;
   newClass = 'cm-s-dark';
 }
 
   $target.removeClass(oldClass).addClass(newClass);
 }
 
   jQuery('#colorswitch').click(flip);
   </script>

 {% endblock %}