!!! %html

%head
  %title
    Fukuzatsu:
    = class_name
  %meta{ :content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type" }
  %link{href: "https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css", rel: "stylesheet"}
  %script{language: "javascript", src: "https://code.jquery.com/jquery-1.12.4.min.js", type: "text/javascript"}
  %script{language: "javascript", src: "https://code.jquery.com/jquery-migrate-1.2.1.min.js", type: "text/javascript"}
  %script{language: "javascript", src: "https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js", type: "text/javascript"}
  %script{language: "javascript", src: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.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"]]
      });
    });