<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
    <div class="card">
      <div class="body">
        <%= simple_form_for([:settings,@settings_menu]) do |f| %>
        <%= f.error_notification %>

        <div class="form-inputs p-l-25">
          <%= f.input :name,:input_html=>{:class=>"col-md-9"} %>
          <%= f.input :is_active,:input_html=>{:class=>"col-md-9"} %>
          <%= f.input :valid_days,:input_html=>{:class=>"col-md-9"} %>
          <div class="col-md-9 form-group">
            <label>* Valid Time From</label>
            <div class="input-group">
              <span class="input-group-addon">
                <i class="material-icons">date_range</i>
              </span>
              <% if !@settings_menu.valid_time_from.nil?%>
              <input type="text" name="menu[valid_time_from]" value="<%= @settings_menu.valid_time_from.strftime('%H:%M') %>" class="timepicker form-control col-md-8" placeholder="Start Time...">
              <% else %>
                  <input type="text" name="menu[valid_time_from]" class="timepicker form-control col-md-8" placeholder="Start Time...">
              <% end %>
            </div>
          </div>
          <div class="col-md-9 form-group">
            <label>* Valid Time To</label>
            <div class="input-group">
              <span class="input-group-addon">
                <i class="material-icons">date_range</i>
              </span>
              <% if !@settings_menu.valid_time_to.nil?%>
              <input type="text" name="menu[valid_time_to]" value="<%= @settings_menu.valid_time_to.strftime('%H:%M') %>" class="timepicker form-control col-md-8" placeholder="Start Time...">
              <% else %>
                  <input type="text" name="menu[valid_time_to]" class="timepicker form-control col-md-8" placeholder="End Time...">
              <% end %>
            </div>
          </div>
          
        </div>

        <div class="form-actions p-l-20">
          <%= f.submit "Submit",:class => 'btn btn-primary btn-lg waves-effect' %>
        </div>
        <% end %>
      </div>
    </div>  
  </div>
  <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
    <div class="card">
      <div class="body">
        <h5><i class="material-icons md-18">view_headline <%= t("views.right_panel.header.page_detail") %></i></h5>
        <p>
        1) <%= t("views.right_panel.detail.name") %> - <%= t("views.right_panel.detail.write_txt") %> <%= t("views.right_panel.detail.menu_txt") %> <%= t("views.right_panel.detail.name_txt2") %><br>
        2) <%= t("views.right_panel.detail.is_active") %> - <%= t("views.right_panel.detail.checkbox") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.is_active_txt") %><br>
        3) <%= t("views.right_panel.detail.valid_days") %> - <%= t("views.right_panel.detail.write_txt") %> <%= t("views.right_panel.detail.valid_days_txt") %> <br>
        4) <%= t("views.right_panel.detail.valid_from") %> - <%= t("views.right_panel.detail.select_txt") %> <%= t("views.right_panel.detail.valid_from_txt") %><br>
        5) <%= t("views.right_panel.detail.valid_to") %> - <%= t("views.right_panel.detail.select_txt") %> <%= t("views.right_panel.detail.valid_to_txt") %> <br>
        </p>
        <h5><i class="material-icons md-18">list <%= t("views.right_panel.header.button_lists") %></i> </h5>
        <p>
        1) <%= t("views.right_panel.button.submit") %> - <%= t("views.right_panel.detail.submit_btn_txt") %> <%= t("views.right_panel.detail.menu_txt") %> <br>
        </p>
        <h5><i class="material-icons md-18">list <%= t("views.right_panel.header.link_lists") %></i> </h5>
        <p>
          1) <%= t("views.right_panel.button.home") %> - <%= t("views.right_panel.detail.home_txt") %> <br>
          2) <%= t("views.right_panel.button.back") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.menu_txt") %> <br>
        </p>
      </div>
    </div>  
  </div>
</div>

 
