extends ../layout.jade

block content
  div(data-page="bin/view").container
    div.row
      div.col-sm-9
        h3 Bin Identifier: #[code= req.params.uuid]

        div#preview
          pre: code= data.json

      div.col-sm-3
        h3 Next Steps

        a(href= '#apiembed').btn.btn-block.btn-primary #[span.badge 1] &nbsp; Send Some Requests
        a(href= '/bin/' + req.params.uuid).btn.btn-block.btn-primary #[span.badge 2] &nbsp; Visit in Browser
        a(href= '/bin/' + req.params.uuid + '/log').btn.btn-block.btn-primary #[span.badge 3] &nbsp; View History

    br

    h4#apiembed Send Some Requests:
    iframe(src='//api.apiembed.com/?source=#{req.protocol}://#{req.hostname}/bin/#{req.params.uuid}/sample', frameborder=0, scrolling='no', marginheight=0, marginwidth=0, width='100%', height=350, seamless)


block scripts
  script(type='text/javascript').
    $(function() {
      // highlight the code
      $('pre code').each(function (i, block) {
        hljs.highlightBlock(block);
      });
    });
