!!!
%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")