!!!
%html
  %head
    %meta{charset: "UTF-8"}
    %meta{http: {equiv: "X-UA-Compatible"},content: "IE=edge"}
    %title= Settings.app.title
    = stylesheet_link_tag "theme_#{@color}", media: 'all', 'data-turbolinks-track' => true
    = stylesheet_link_tag('logo_image', media: 'all', 'data-turbolinks-track' => true) if Settings.app.image
    = javascript_include_tag 'application', 'data-turbolinks-track' => true
    /[if lt IE 9]
      = javascript_include_tag 'for_ie8', 'data-turbolinks-track' => true
  %body{style: "padding-top: 0;margin-bottom: 0;"}
    = navbar do
      = navbar_header do
        .navbar-brand= navbar_brand_html
      = navbar_collapse do
        = navbar_group do
          = navbar_item t(".menu"),"#"
    .container
      %ol.breadcrumb
        %li= link_to t(".breadcrumb_1"),"#"
        %li= link_to t(".breadcrumb_2"),"#"
        %li= t(".breadcrumb_3")
      

      .panel.panel-default
        .panel-heading
          %h3.panel-title= t(".button_sample")
        .panel-body
          %a.btn.btn-default{:href => "#"} Default
          %a.btn.btn-primary{:href => "#"} Primary
          %a.btn.btn-success{:href => "#"} Success
          %a.btn.btn-info{:href => "#"} Info
          %a.btn.btn-warning{:href => "#"} Warning
          %a.btn.btn-danger{:href => "#"} Danger
          %a.btn.btn-primary.disabled{:href => "#"} Disabled
          %a.btn.btn-link{:href => "#"} Link
          .btn-group
            %button.btn.btn-default.dropdown-toggle{"data-toggle" => "dropdown", :type => "button"}
              Dropdown
              %span.caret
            %ul.dropdown-menu
              %li
                %a{:href => "#"} Action
              %li
                %a{:href => "#"} Another action
              %li
                %a{:href => "#"} Something else here
              %li.divider
              %li
                %a{:href => "#"} Separated link
          %a.btn.btn-info{:href => "#"}
            %i.glyphicon.glyphicon-map-marker Icon

      .panel.panel-default
        .panel-heading
          %h3.panel-title= t(".form_sample")
        .panel-body
          %form.form-horizontal
            .row
              .col-md-6
                .form-group
                  %label.col-md-4.col-sm-3.control-label{:for => "input_text"}= t(".input.text")
                  .col-md-8.col-sm-9
                    %input#input_text.form-control{:placeholder => t(".input.text"), :type => "text"}
                .form-group
                  %label.col-md-4.col-sm-3.control-label{:for => "input_password"}= t(".input.password")
                  .col-md-8.col-sm-9
                    %input#input_password.form-control{:placeholder => t(".input.password"), :type => "password"}
              .col-md-6
                .form-group
                  %label.col-md-4.col-sm-3.control-label{:for => "input_select"}= t(".input.select")
                  .col-md-8.col-sm-9
                    %select#input_select.form-control
                      %option 1
                      %option 2
                      %option 3
                      %option 4
                      %option 5
                .form-group
                  %label.col-md-4.col-sm-3.control-label{:for => "input_datepicker"}= t(".input.datepicker")
                  .col-md-8.col-sm-9
                    %input#input_datepicker.form-control.datepicker{:placeholder => t(".input.datepicker"), :type => "text"}
                
              .col-md-12
                .form-group
                  .col-sm-offset-3.col-sm-9.col-md-offset-2.col-md-10
                    .checkbox
                      %label
                        %input{:type => "checkbox"}
                          = t(".input.checkbox")

                .form-group
                  %label.col-sm-3.col-md-2.control-label{:for => "input_radio"}= t(".input.radio")
                  .col-sm-9.col-md-10
                    %label.radio-inline
                      %input#inlineRadio1{:name => "inlineRadioOptions", :type => "radio", :value => "option1"}
                        1
                    %label.radio-inline
                      %input#inlineRadio2{:name => "inlineRadioOptions", :type => "radio", :value => "option2"}
                        2
                    %label.radio-inline
                      %input#inlineRadio3{:name => "inlineRadioOptions", :type => "radio", :value => "option3"}
                        3
                .form-group
                  %label.col-sm-3.col-md-2.control-label{:for => "input_text_long"}= t(".input.text_long")
                  .col-sm-9.col-md-10
                    %input#input_text.form-control{:placeholder => t(".input.text_long"), :type => "text"}
                .form-group
                  %label.col-sm-3.col-md-2.control-label{:for => "input_textarea"}= t(".input.textarea")
                  .col-sm-9.col-md-10
                    %textarea#input_textarea.form-control{:placeholder => t(".input.textarea")}

              .col-md-12
                .form-group
                  .col-sm-offset-3.col-sm-9.col-md-offset-2.col-md-10
                    %button.btn.btn-default{:type => "button"}= t(".input.submit")