{% 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 %}