doctype html
html(lang='en')

  head
    meta(charset='utf-8')
    meta(http-equiv='X-UA-Compatible', content='IE=edge')
    meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
    meta(name='description', content='')
    meta(name='author', content='')

    title SB Admin - Start Bootstrap Template

    include includes/css/core.pug

    // Page level plugin CSS
    link(href='vendor/datatables/dataTables.bootstrap4.css', rel='stylesheet')

    include includes/css/custom.pug

  body#page-top.fixed-nav.sticky-footer.bg-dark
    include includes/navbar.pug
    .content-wrapper
      .container-fluid
        // Breadcrumbs
        ol.breadcrumb
          li.breadcrumb-item
            a(href='#') Dashboard
          li.breadcrumb-item.active My Dashboard
        // Icon Cards
        .row
          .col-xl-3.col-sm-6.mb-3
            .card.text-white.bg-primary.o-hidden.h-100
              .card-body
                .card-body-icon
                  i.fa.fa-fw.fa-comments
                .mr-5
                  | 26 New Messages!
              a.card-footer.text-white.clearfix.small.z-1(href='#')
                span.float-left View Details
                span.float-right
                  i.fa.fa-angle-right
          .col-xl-3.col-sm-6.mb-3
            .card.text-white.bg-warning.o-hidden.h-100
              .card-body
                .card-body-icon
                  i.fa.fa-fw.fa-list
                .mr-5
                  | 11 New Tasks!
              a.card-footer.text-white.clearfix.small.z-1(href='#')
                span.float-left View Details
                span.float-right
                  i.fa.fa-angle-right
          .col-xl-3.col-sm-6.mb-3
            .card.text-white.bg-success.o-hidden.h-100
              .card-body
                .card-body-icon
                  i.fa.fa-fw.fa-shopping-cart
                .mr-5
                  | 123 New Orders!
              a.card-footer.text-white.clearfix.small.z-1(href='#')
                span.float-left View Details
                span.float-right
                  i.fa.fa-angle-right
          .col-xl-3.col-sm-6.mb-3
            .card.text-white.bg-danger.o-hidden.h-100
              .card-body
                .card-body-icon
                  i.fa.fa-fw.fa-support
                .mr-5
                  | 13 New Tickets!
              a.card-footer.text-white.clearfix.small.z-1(href='#')
                span.float-left View Details
                span.float-right
                  i.fa.fa-angle-right
        // Area Chart Example
        .card.mb-3
          .card-header
            i.fa.fa-area-chart
            |  Area Chart Example
          .card-body
            canvas#myAreaChart(width='100%', height='30')
          .card-footer.small.text-muted
            | Updated yesterday at 11:59 PM
        .row
          .col-lg-8
            // Example Bar Chart Card
            .card.mb-3
              .card-header
                i.fa.fa-bar-chart
                |  Bar Chart Example
              .card-body
                .row
                  .col-sm-8.my-auto
                    canvas#myBarChart(width='100', height='50')
                  .col-sm-4.text-center.my-auto
                    .h4.mb-0.text-primary $34,693
                    .small.text-muted YTD Revenue
                    hr
                    .h4.mb-0.text-warning $18,474
                    .small.text-muted YTD Expenses
                    hr
                    .h4.mb-0.text-success $16,219
                    .small.text-muted YTD Margin
              .card-footer.small.text-muted
                | Updated yesterday at 11:59 PM
            // Card Columns Example Social Feed
            .mb-0.mt-4
              i.fa.fa-newspaper-o
              |  News Feed
            hr.mt-2
            .card-columns
              // Example Social Card
              .card.mb-3
                a(href='#')
                  img.card-img-top.img-fluid.w-100(src='https://unsplash.it/700/450?image=610', alt='')
                .card-body
                  h6.card-title.mb-1
                    a(href='#') David Miller
                  p.card-text.small
                    | These waves are looking pretty good today!
                    a(href='#') #surfsup
                hr.my-0
                .card-body.py-2.small
                  a.mr-3.d-inline-block(href='#')
                    i.fa.fa-fw.fa-thumbs-up
                    | Like
                  a.mr-3.d-inline-block(href='#')
                    i.fa.fa-fw.fa-comment
                    | Comment
                  a.d-inline-block(href='#')
                    i.fa.fa-fw.fa-share
                    | Share
                hr.my-0
                .card-body.small.bg-faded
                  .media
                    img.d-flex.mr-3(src='http://placehold.it/45x45', alt='')
                    .media-body
                      h6.mt-0.mb-1
                        a(href='#') John Smith
                      | Very nice! I wish I was there! That looks amazing!
                      ul.list-inline.mb-0
                        li.list-inline-item
                          a(href='#') Like
                        li.list-inline-item
                          | ·
                        li.list-inline-item
                          a(href='#') Reply
                      .media.mt-3
                        a.d-flex.pr-3(href='#')
                          img(src='http://placehold.it/45x45', alt='')
                        .media-body
                          h6.mt-0.mb-1
                            a(href='#') David Miller
                          | Next time for sure!
                          ul.list-inline.mb-0
                            li.list-inline-item
                              a(href='#') Like
                            li.list-inline-item
                              | ·
                            li.list-inline-item
                              a(href='#') Reply
                .card-footer.small.text-muted
                  | Posted 32 mins ago
              // Example Social Card
              .card.mb-3
                a(href='#')
                  img.card-img-top.img-fluid.w-100(src='https://unsplash.it/700/450?image=180', alt='')
                .card-body
                  h6.card-title.mb-1
                    a(href='#') John Smith
                  p.card-text.small
                    | Another day at the office...
                    a(href='#') #workinghardorhardlyworking
                hr.my-0
                .card-body.py-2.small
                  a.mr-3.d-inline-block(href='#')
                    i.fa.fa-fw.fa-thumbs-up
                    | Like
                  a.mr-3.d-inline-block(href='#')
                    i.fa.fa-fw.fa-comment
                    | Comment
                  a.d-inline-block(href='#')
                    i.fa.fa-fw.fa-share
                    | Share
                hr.my-0
                .card-body.small.bg-faded
                  .media
                    img.d-flex.mr-3(src='http://placehold.it/45x45', alt='')
                    .media-body
                      h6.mt-0.mb-1
                        a(href='#') Jessy Lucas
                      | Where did you get that camera?! I want one!
                      ul.list-inline.mb-0
                        li.list-inline-item
                          a(href='#') Like
                        li.list-inline-item
                          | ·
                        li.list-inline-item
                          a(href='#') Reply
                .card-footer.small.text-muted
                  | Posted 46 mins ago
              // Example Social Card
              .card.mb-3
                a(href='#')
                  img.card-img-top.img-fluid.w-100(src='https://unsplash.it/700/450?image=281', alt='')
                .card-body
                  h6.card-title.mb-1
                    a(href='#') Jeffery Wellings
                  p.card-text.small
                    | Nice shot from the skate park!
                    a(href='#') #kickflip
                    a(href='#') #holdmybeer
                    a(href='#') #igotthis
                hr.my-0
                .card-body.py-2.small
                  a.mr-3.d-inline-block(href='#')
                    i.fa.fa-fw.fa-thumbs-up
                    | Like
                  a.mr-3.d-inline-block(href='#')
                    i.fa.fa-fw.fa-comment
                    | Comment
                  a.d-inline-block(href='#')
                    i.fa.fa-fw.fa-share
                    | Share
                .card-footer.small.text-muted
                  | Posted 1 hr ago
              // Example Social Card
              .card.mb-3
                a(href='#')
                  img.card-img-top.img-fluid.w-100(src='https://unsplash.it/700/450?image=185', alt='')
                .card-body
                  h6.card-title.mb-1
                    a(href='#') David Miller
                  p.card-text.small
                    | It's hot, and I might be lost...
                    a(href='#') #desert
                    a(href='#') #water
                    a(href='#') #anyonehavesomewater
                    a(href='#') #noreally
                    a(href='#') #thirsty
                    a(href='#') #dehydration
                hr.my-0
                .card-body.py-2.small
                  a.mr-3.d-inline-block(href='#')
                    i.fa.fa-fw.fa-thumbs-up
                    | Like
                  a.mr-3.d-inline-block(href='#')
                    i.fa.fa-fw.fa-comment
                    | Comment
                  a.d-inline-block(href='#')
                    i.fa.fa-fw.fa-share
                    | Share
                hr.my-0
                .card-body.small.bg-faded
                  .media
                    img.d-flex.mr-3(src='http://placehold.it/45x45', alt='')
                    .media-body
                      h6.mt-0.mb-1
                        a(href='#') John Smith
                      | The oasis is a mile that way, or is that just a mirage?
                      ul.list-inline.mb-0
                        li.list-inline-item
                          a(href='#') Like
                        li.list-inline-item
                          | ·
                        li.list-inline-item
                          a(href='#') Reply
                      .media.mt-3
                        a.d-flex.pr-3(href='#')
                          img(src='http://placehold.it/45x45', alt='')
                        .media-body
                          h6.mt-0.mb-1
                            a(href='#') David Miller
                          img.img-fluid.w-100.mb-1(src='https://unsplash.it/700/450?image=789', alt='')
                          | I'm saved, I found a cactus. How do I open this thing?
                          ul.list-inline.mb-0
                            li.list-inline-item
                              a(href='#') Like
                            li.list-inline-item
                              | ·
                            li.list-inline-item
                              a(href='#') Reply
                .card-footer.small.text-muted
                  | Posted yesterday
            // /Card Columns
          .col-lg-4
            // Example Pie Chart Card
            .card.mb-3
              .card-header
                i.fa.fa-pie-chart
                |  Pie Chart Example
              .card-body
                canvas#myPieChart(width='100%', height='100')
              .card-footer.small.text-muted
                | Updated yesterday at 11:59 PM
            // Example Notifications Card
            .card.mb-3
              .card-header
                i.fa.fa-bell-o
                |  Feed Example
              .list-group.list-group-flush.small
                a.list-group-item.list-group-item-action(href='#')
                  .media
                    img.d-flex.mr-3.rounded-circle(src='http://placehold.it/45x45', alt='')
                    .media-body
                      strong David Miller
                      | posted a new article to
                      strong David Miller Website
                      | .
                      .text-muted.smaller Today at 5:43 PM - 5m ago
                a.list-group-item.list-group-item-action(href='#')
                  .media
                    img.d-flex.mr-3.rounded-circle(src='http://placehold.it/45x45', alt='')
                    .media-body
                      strong Samantha King
                      | sent you a new message!
                      .text-muted.smaller Today at 4:37 PM - 1hr ago
                a.list-group-item.list-group-item-action(href='#')
                  .media
                    img.d-flex.mr-3.rounded-circle(src='http://placehold.it/45x45', alt='')
                    .media-body
                      strong Jeffery Wellings
                      | added a new photo to the album
                      strong Beach
                      | .
                      .text-muted.smaller Today at 4:31 PM - 1hr ago
                a.list-group-item.list-group-item-action(href='#')
                  .media
                    img.d-flex.mr-3.rounded-circle(src='http://placehold.it/45x45', alt='')
                    .media-body
                      i.fa.fa-code-fork
                      strong Monica Dennis
                      | forked the
                      strong startbootstrap-sb-admin
                      | repository on
                      strong GitHub
                      | .
                      .text-muted.smaller Today at 3:54 PM - 2hrs ago
                a.list-group-item.list-group-item-action(href='#')
                  | View all activity...
              .card-footer.small.text-muted
                | Updated yesterday at 11:59 PM
        // Example DataTables Card
        .card.mb-3
          .card-header
            i.fa.fa-table
            |  Data Table Example
          .card-body
            .table-responsive
              table#dataTable.table.table-bordered(width='100%', cellspacing='0')
                thead
                  tr
                    th Name
                    th Position
                    th Office
                    th Age
                    th Start date
                    th Salary
                tfoot
                  tr
                    th Name
                    th Position
                    th Office
                    th Age
                    th Start date
                    th Salary
                tbody
                  tr
                    td Tiger Nixon
                    td System Architect
                    td Edinburgh
                    td 61
                    td 2011/04/25
                    td $320,800
                  tr
                    td Garrett Winters
                    td Accountant
                    td Tokyo
                    td 63
                    td 2011/07/25
                    td $170,750
                  tr
                    td Ashton Cox
                    td Junior Technical Author
                    td San Francisco
                    td 66
                    td 2009/01/12
                    td $86,000
                  tr
                    td Cedric Kelly
                    td Senior Javascript Developer
                    td Edinburgh
                    td 22
                    td 2012/03/29
                    td $433,060
                  tr
                    td Airi Satou
                    td Accountant
                    td Tokyo
                    td 33
                    td 2008/11/28
                    td $162,700
                  tr
                    td Brielle Williamson
                    td Integration Specialist
                    td New York
                    td 61
                    td 2012/12/02
                    td $372,000
                  tr
                    td Herrod Chandler
                    td Sales Assistant
                    td San Francisco
                    td 59
                    td 2012/08/06
                    td $137,500
                  tr
                    td Rhona Davidson
                    td Integration Specialist
                    td Tokyo
                    td 55
                    td 2010/10/14
                    td $327,900
                  tr
                    td Colleen Hurst
                    td Javascript Developer
                    td San Francisco
                    td 39
                    td 2009/09/15
                    td $205,500
                  tr
                    td Sonya Frost
                    td Software Engineer
                    td Edinburgh
                    td 23
                    td 2008/12/13
                    td $103,600
                  tr
                    td Jena Gaines
                    td Office Manager
                    td London
                    td 30
                    td 2008/12/19
                    td $90,560
                  tr
                    td Quinn Flynn
                    td Support Lead
                    td Edinburgh
                    td 22
                    td 2013/03/03
                    td $342,000
                  tr
                    td Charde Marshall
                    td Regional Director
                    td San Francisco
                    td 36
                    td 2008/10/16
                    td $470,600
                  tr
                    td Haley Kennedy
                    td Senior Marketing Designer
                    td London
                    td 43
                    td 2012/12/18
                    td $313,500
                  tr
                    td Tatyana Fitzpatrick
                    td Regional Director
                    td London
                    td 19
                    td 2010/03/17
                    td $385,750
                  tr
                    td Michael Silva
                    td Marketing Designer
                    td London
                    td 66
                    td 2012/11/27
                    td $198,500
                  tr
                    td Paul Byrd
                    td Chief Financial Officer (CFO)
                    td New York
                    td 64
                    td 2010/06/09
                    td $725,000
                  tr
                    td Gloria Little
                    td Systems Administrator
                    td New York
                    td 59
                    td 2009/04/10
                    td $237,500
                  tr
                    td Bradley Greer
                    td Software Engineer
                    td London
                    td 41
                    td 2012/10/13
                    td $132,000
                  tr
                    td Dai Rios
                    td Personnel Lead
                    td Edinburgh
                    td 35
                    td 2012/09/26
                    td $217,500
                  tr
                    td Jenette Caldwell
                    td Development Lead
                    td New York
                    td 30
                    td 2011/09/03
                    td $345,000
                  tr
                    td Yuri Berry
                    td Chief Marketing Officer (CMO)
                    td New York
                    td 40
                    td 2009/06/25
                    td $675,000
                  tr
                    td Caesar Vance
                    td Pre-Sales Support
                    td New York
                    td 21
                    td 2011/12/12
                    td $106,450
                  tr
                    td Doris Wilder
                    td Sales Assistant
                    td Sidney
                    td 23
                    td 2010/09/20
                    td $85,600
                  tr
                    td Angelica Ramos
                    td Chief Executive Officer (CEO)
                    td London
                    td 47
                    td 2009/10/09
                    td $1,200,000
                  tr
                    td Gavin Joyce
                    td Developer
                    td Edinburgh
                    td 42
                    td 2010/12/22
                    td $92,575
                  tr
                    td Jennifer Chang
                    td Regional Director
                    td Singapore
                    td 28
                    td 2010/11/14
                    td $357,650
                  tr
                    td Brenden Wagner
                    td Software Engineer
                    td San Francisco
                    td 28
                    td 2011/06/07
                    td $206,850
                  tr
                    td Fiona Green
                    td Chief Operating Officer (COO)
                    td San Francisco
                    td 48
                    td 2010/03/11
                    td $850,000
                  tr
                    td Shou Itou
                    td Regional Marketing
                    td Tokyo
                    td 20
                    td 2011/08/14
                    td $163,000
                  tr
                    td Michelle House
                    td Integration Specialist
                    td Sidney
                    td 37
                    td 2011/06/02
                    td $95,400
                  tr
                    td Suki Burks
                    td Developer
                    td London
                    td 53
                    td 2009/10/22
                    td $114,500
                  tr
                    td Prescott Bartlett
                    td Technical Author
                    td London
                    td 27
                    td 2011/05/07
                    td $145,000
                  tr
                    td Gavin Cortez
                    td Team Leader
                    td San Francisco
                    td 22
                    td 2008/10/26
                    td $235,500
                  tr
                    td Martena Mccray
                    td Post-Sales support
                    td Edinburgh
                    td 46
                    td 2011/03/09
                    td $324,050
                  tr
                    td Unity Butler
                    td Marketing Designer
                    td San Francisco
                    td 47
                    td 2009/12/09
                    td $85,675
                  tr
                    td Howard Hatfield
                    td Office Manager
                    td San Francisco
                    td 51
                    td 2008/12/16
                    td $164,500
                  tr
                    td Hope Fuentes
                    td Secretary
                    td San Francisco
                    td 41
                    td 2010/02/12
                    td $109,850
                  tr
                    td Vivian Harrell
                    td Financial Controller
                    td San Francisco
                    td 62
                    td 2009/02/14
                    td $452,500
                  tr
                    td Timothy Mooney
                    td Office Manager
                    td London
                    td 37
                    td 2008/12/11
                    td $136,200
                  tr
                    td Jackson Bradshaw
                    td Director
                    td New York
                    td 65
                    td 2008/09/26
                    td $645,750
                  tr
                    td Olivia Liang
                    td Support Engineer
                    td Singapore
                    td 64
                    td 2011/02/03
                    td $234,500
                  tr
                    td Bruno Nash
                    td Software Engineer
                    td London
                    td 38
                    td 2011/05/03
                    td $163,500
                  tr
                    td Sakura Yamamoto
                    td Support Engineer
                    td Tokyo
                    td 37
                    td 2009/08/19
                    td $139,575
                  tr
                    td Thor Walton
                    td Developer
                    td New York
                    td 61
                    td 2013/08/11
                    td $98,540
                  tr
                    td Finn Camacho
                    td Support Engineer
                    td San Francisco
                    td 47
                    td 2009/07/07
                    td $87,500
                  tr
                    td Serge Baldwin
                    td Data Coordinator
                    td Singapore
                    td 64
                    td 2012/04/09
                    td $138,575
                  tr
                    td Zenaida Frank
                    td Software Engineer
                    td New York
                    td 63
                    td 2010/01/04
                    td $125,250
                  tr
                    td Zorita Serrano
                    td Software Engineer
                    td San Francisco
                    td 56
                    td 2012/06/01
                    td $115,000
                  tr
                    td Jennifer Acosta
                    td Junior Javascript Developer
                    td Edinburgh
                    td 43
                    td 2013/02/01
                    td $75,650
                  tr
                    td Cara Stevens
                    td Sales Assistant
                    td New York
                    td 46
                    td 2011/12/06
                    td $145,600
                  tr
                    td Hermione Butler
                    td Regional Director
                    td London
                    td 47
                    td 2011/03/21
                    td $356,250
                  tr
                    td Lael Greer
                    td Systems Administrator
                    td London
                    td 21
                    td 2009/02/27
                    td $103,500
                  tr
                    td Jonas Alexander
                    td Developer
                    td San Francisco
                    td 30
                    td 2010/07/14
                    td $86,500
                  tr
                    td Shad Decker
                    td Regional Director
                    td Edinburgh
                    td 51
                    td 2008/11/13
                    td $183,000
                  tr
                    td Michael Bruce
                    td Javascript Developer
                    td Singapore
                    td 29
                    td 2011/06/27
                    td $183,000
                  tr
                    td Donna Snider
                    td Customer Support
                    td New York
                    td 27
                    td 2011/01/25
                    td $112,000
          .card-footer.small.text-muted
            | Updated yesterday at 11:59 PM
      // /.container-fluid
      // /.content-wrapper

      include includes/footer.pug

      include includes/scroll-to-top.pug

      include includes/modals/logout.pug

      include includes/js/core.pug

      // Page level plugin JavaScript
      script(src='vendor/chart.js/Chart.min.js')
      script(src='vendor/datatables/jquery.dataTables.js')
      script(src='vendor/datatables/dataTables.bootstrap4.js')

      include includes/js/custom.pug

      // Custom scripts for this page
      script(src='js/sb-admin-datatables.min.js')
      script(src='js/sb-admin-charts.min.js')
