{% 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="http://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>

     <hr />
 {% endblock %}