extends layout

block content
  div.jumbotron
    h1= t('bouquins.homeTitle')
    p= t('bouquins.homeGreetings')
    p
      a#book.btn.btn-primary.btn-lg(href="#books",role="button")= t('bouquins.books')
       
      a#author.btn.btn-primary.btn-lg(href="#authors",role="button")= t('bouquins.authors')
       
      a#serie.btn.btn-primary.btn-lg(href="#series",role="button")= t('bouquins.series')
       
      a#recent.btn.btn-warning.btn-lg(href="#books",role="button")= t('bouquins.recent')
  div#blkitems.container-fluid.hidden
    a#itemsanchor
    div.btn-group
      - var initials = '0ABCDEFGHIPQRSTUVWXYZ';
      - for (var i=0;i<initials.length;i++) {
      -    var c = initials.charAt(i);
        button.btn.btn-default.initial(type="button",value=c)= c
      - }
    ul.pager
      li.previous.disabled: a.prev= t('bouquins.previous')
      li.next.disabled: a.next= t('bouquins.next')
    table#items.table.table-striped
      tr: td.disabled= t('bouquins.empty')
    ul.pager
      li.previous.disabled: a.prev= t('bouquins.previous')
      li.next.disabled: a.next= t('bouquins.next')
    div.btn-group.center-block
      each p in [10,20,50,100]
        button.btn.btn-default.perpage(type="button",value=p)= p
  script
    | $(function() {
    |   $.i18n.init().done(function() {
    |     home = new HomePage();
    |   });
    | });