- var theme_customizer      = true;
- var tooltip               = true;
- var rating                = true;
doctype html
html(lang='en')
    include ../../components/header-files
    body
        include ../../components/loader
        // page-wrapper Start
        #pageWrapper.page-wrapper.compact-wrapper
            include ../../components/header
            // Page Body Start
            .page-body-wrapper.sidebar-icon
                include ../../components/sidebar
                .page-body
                    .container-fluid
                        .page-header
                            .row
                                .col-lg-6
                                    h3
                                      | Rating
                                    ol.breadcrumb
                                      li.breadcrumb-item
                                        a(href='index.html')
                                         i(data-feather="home")
                                      li.breadcrumb-item Bonus Ui
                                      li.breadcrumb-item.active Rating
                                .col-lg-6
                                  include ../../components/bookmark
                    // Container-fluid starts
                    .container-fluid
                      .row
                        .col-md-6
                          .card
                            .card-header
                              h5
                                span.digits 1/10
                                |  Rating
                            .card-body
                              .rating-container.digits
                                select#u-rating-1to10(name='rating', autocomplete='off')
                                  option(value='1') 1
                                  option(value='2') 2
                                  option(value='3') 3
                                  option(value='4') 4
                                  option(value='5') 5
                                  option(value='6') 6
                                  option(value='7', selected='selected') 7
                                  option(value='8') 8
                                  option(value='9') 9
                                  option(value='10') 10
                        .col-md-6
                          .card
                            .card-header
                              h5 Movie Rating
                            .card-body
                              .rating-container
                                select#u-rating-movie(name='rating', autocomplete='off')
                                  option(value='Bad') Bad
                                  option(value='Mediocre') Mediocre
                                  option(value='Good', selected='selected') Good
                                  option(value='Awesome') Awesome
                        .col-md-6
                          .card
                            .card-header
                              h5 Square Rating
                            .card-body
                              .rating-container
                                select#u-rating-square(name='rating', autocomplete='off')
                                  option(value='1') 1
                                  option(value='2') 2
                                  option(value='3') 3
                                  option(value='4') 4
                                  option(value='5') 5
                        .col-md-6
                          .card
                            .card-header
                              h5 Pill Rating
                            .card-body
                              .rating-container
                                select#u-rating-pill(name='rating', autocomplete='off')
                                  option(value='A') A
                                  option(value='B') B
                                  option(value='C') C
                                  option(value='D') D
                                  option(value='E') E
                                  option(value='F') F
                        .col-md-6
                          .card
                            .card-header
                              h5 Reversed Rating
                            .card-body
                              .rating-container
                                select#u-rating-reversed(name='rating', autocomplete='off')
                                  option(value='Strongly Agree') Strongly Agree
                                  option(value='Agree') Agree
                                  option(value='Neither Agree or Disagree', selected='selected') Neither Agree or Disagree
                                  option(value='Disagree') Disagree
                                  option(value='Strongly Disagree') Strongly Disagree
                        .col-md-6
                          .card
                            .card-header
                              h5 Star Rating
                            .card-body
                              .rating-container
                                select#u-rating-fontawesome(name='rating', autocomplete='off')
                                  option(value='1') 1
                                  option(value='2') 2
                                  option(value='3') 3
                                  option(value='4') 4
                                  option(value='5') 5
                        .col-md-6
                          .card
                            .card-header
                              h5 Horizontal Rating
                            .card-body.height-equal
                              .rating-container.digits
                                select#u-rating-horizontal(name='rating', autocomplete='off')
                                  option(value='10') 10
                                  option(value='9') 9
                                  option(value='8') 8
                                  option(value='7') 7
                                  option(value='6') 6
                                  option(value='5') 5
                                  option(value='4') 4
                                  option(value='3') 3
                                  option(value='2') 2
                                  option(value='1', selected='selected') 1
                        .col-md-6
                          .card.height-equal
                            .card-header
                              h5 Star Rating
                            .card-body.height-equal
                              .rating-container
                                .star-ratings
                                  .stars.stars-example-fontawesome-o
                                    select#u-rating-fontawesome-o(name='rating', data-current-rating='5.6', autocomplete='off')
                                      option(value='1') 1
                                      option(value='2') 2
                                      option(value='3') 3
                                      option(value='4') 4
                                      option(value='5') 5
                                      option(value='6') 6
                                      option(value='7') 7
                                      option(value='8') 8
                                      option(value='9') 9
                                      option(value='10') 10
                                    span.title.current-rating
                                      | Current rating: 
                                      span.value.digits
                                    span.title.your-rating.hidden
                                      | Your rating: 
                                      span.value.digits
                                      a.clear-rating(href='#')
                                        i.fa.fa-times-circle

                    // Container-fluid Ends
                include ../../components/footer
        include ../../components/footer-files
