extends layout

block vars
    - var title = "Tenna"

block content
    h1 Videos
    .row
        - for (var i in videos) {
          video.col-xs-12.col-sm-12.col-md-12.hide(controls, data-vid='#{videos[i].name}', src="#{videos[i].stat}")
        -}
    .row
        - for (var i in videos) {
            .tile.col-xs-12.col-sm-4.col-md-3.col-lg-3
                .title.overflow(title="#{videos[i].name}") #{videos[i].name}
                .video-wrapper(id='#{videos[i].name}')
                    span.glyphicon.glyphicon-play.action-icon.center
                a.tile-footer.btn(href="#{videos[i].stat}") Link
                button.tile-footer.delete-btn.btn(data-name="#{videos[i].fileName}") Delete
        -}

    include blocks/nav

block scripts
  script(type="text/javascript" src="/js/videos.js")