!!!
%html
  %head
    %title
      Fukuzatsu:
      = class_name
    %link{href: "http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css", rel: "stylesheet"}
    %script{language: "javascript", src: "http://code.jquery.com/jquery-1.11.0.min.js", type: "text/javascript"}
    %script{language: "javascript", src: "http://code.jquery.com/jquery-migrate-1.2.1.min.js", type: "text/javascript"}
    %script{language: "javascript", src: "http://cdn.datatables.net/1.10.0/js/jquery.dataTables.js", type: "text/javascript"}
    %script{language: "javascript", src: "http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0/highlight.min.js", type: "text/javascript"}
    :css
      #{Rouge::Theme.find('thankful_eyes').render(scope: '.highlight')}

      body {
        font-family: Arial, sans-serif;
        font-size: 13px;
        padding: 2em;
      }

      a { color: #fff; }
      table { border: 4px solid #444; width: 100%; }

      tr.sort-controls th {
        background-color: #999 !important;
        font-size: .75em;
        text-transform: uppercase;
        text-align: left;
      }

      tr.header th, tfoot { background-color: #444 !important; color: #fff; }
      tfoot td { font-size: .75em; }
      tr.odd td { background-color: #eee; }
      div.dataTables_filter { display: none !important; }
      div.dataTables_paginate { display: none !important; }
      div.dataTables_info { display: none !important; }

  %body
    .container
      %table{class: "output-table"}
        %thead
          %tr.header
            %th{colspan: 3}
              .file_meta
                %h1
                  = class_name
                %h2
                  = path_to_file
              .file_meta_right
                %h3
                  = "Average Complexity: #{average_complexity}"
          %tr.sort-controls
            = header
        %tbody
          = rows
        %tfoot
          %tr
            %td.center{colspan: 3}
              %em
                Analyzed on
                = date
                at
                = time
                by
                %a{href: "https://gitlab.com/coraline/fukuzatsu", target: "_new"}
                  Fukuzatsu
    %br
    %input{onclick: "history.back(-1)", type: "button", value: "Back"}
    %br
    %br

    .file_listing
      = source_lines

    :javascript
      $(document).ready(function(){
        $('.output-table').dataTable({
          bLengthChange: false,
          iDisplayLength: 25000,
          "order": [[2, "desc"]]
        });
      });