nav(ng-include='"components/navbar/navbar.html"')

nav(ng-include='"components/elements/header.html"', onload='title = "wdiff"')
    
.container
  .row
    .col-lg-3.col-sm-12
    .col-lg-6.col-sm-12
      div.diff-container
        div(ng-bind='wdiff')
    .col-lg-3.col-sm-12

  .row
    .col-lg-3.col-sm-12
    .col-lg-6.col-sm-12
      div.diff-container
        div(btf-markdown='wdiffMarkdown')
    .col-lg-3.col-sm-12

  hr

  form.row
    .col-lg-12.form-group
      div.checkbox
        label
          input(type='checkbox', ng-model='displayAsMarkdown') 
          | Display as Markdown

    .col-lg-12.form-group
      div.btn-group.btn-group-justified(role='group')
        a.btn.btn-primary(type='button', ng-click='compare()') compare

    .col-lg-6.col-sm-12.form-group
      label(for='docA')
        | Document A
      textarea.form-control(id='docA', ng-model='docA')

    .col-lg-6.col-sm-12.form-group
      label(for='docB')
        | Document B
      textarea.form-control(id='docB', ng-model='docB')

 
footer(ng-include='"components/elements/footer.html"')