<div id="tabSetting4" class="tab-pane">
              <div class="panel b">
                <div class="panel-heading bg-gray-lighter text-bold">Interface</div>
                <div class="panel-body">
                  <%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put, remote: true }) do |f| %>
                    <%= f.fields_for :setting do |setting_form| %>
                      <div id="alert-interface">
                      </div>
                      <div class="p">
                        <p>
                          <strong>Themes</strong>
                        </p>
                        <div class="table-grid mb">
                          <div class="col mb">
                            <div class="setting-color">
                              <label data-load-css="<%= asset_path('angle/themes/theme-a.css') %>">
                                <%= setting_form.radio_button :theme, :a %>
                                <span class="icon-check"></span>
                                <span class="split">
                                  <span class="color bg-info"></span>
                                  <span class="color bg-info-light"></span>
                                </span>
                                <span class="color bg-white"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col mb">
                            <div class="setting-color">
                              <label data-load-css="<%= asset_path('angle/themes/theme-b.css') %>">
                                <%= setting_form.radio_button :theme, :b %>
                                <span class="icon-check"></span>
                                <span class="split">
                                  <span class="color bg-green"></span>
                                  <span class="color bg-green-light"></span>
                                </span>
                                <span class="color bg-white"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col mb">
                            <div class="setting-color">
                              <label data-load-css="<%= asset_path('angle/themes/theme-c.css') %>">
                                <%= setting_form.radio_button :theme, :c %>
                                <span class="icon-check"></span>
                                <span class="split">
                                  <span class="color bg-purple"></span>
                                  <span class="color bg-purple-light"></span>
                                </span>
                                <span class="color bg-white"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col mb">
                            <div class="setting-color">
                              <label data-load-css="<%= asset_path('angle/themes/theme-d.css') %>">
                                <%= setting_form.radio_button :theme, :d %>
                                <span class="icon-check"></span>
                                <span class="split">
                                  <span class="color bg-danger"></span>
                                  <span class="color bg-danger-light"></span>
                                </span>
                                <span class="color bg-white"></span>
                              </label>
                            </div>
                          </div>
                        </div>
                        <div class="table-grid mb">
                          <div class="col mb">
                            <div class="setting-color">
                              <label data-load-css="<%= asset_path('angle/themes/theme-e.css') %>">
                                <%= setting_form.radio_button :theme, :e %>
                                <span class="icon-check"></span>
                                <span class="split">
                                  <span class="color bg-info-dark"></span>
                                  <span class="color bg-info"></span>
                                </span>
                                <span class="color bg-gray-dark"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col mb">
                            <div class="setting-color">
                              <label data-load-css="<%= asset_path('angle/themes/theme-f.css') %>">
                                <%= setting_form.radio_button :theme, :f %>
                                <span class="icon-check"></span>
                                <span class="split">
                                  <span class="color bg-green-dark"></span>
                                  <span class="color bg-green"></span>
                               </span>
                               <span class="color bg-gray-dark"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col mb">
                            <div class="setting-color">
                              <label data-load-css="<%= asset_path('angle/themes/theme-g.css') %>">
                                <%= setting_form.radio_button :theme, :g %>
                                <span class="icon-check"></span>
                                <span class="split">
                                  <span class="color bg-purple-dark"></span>
                                  <span class="color bg-purple"></span>
                                </span>
                                <span class="color bg-gray-dark"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col mb">
                            <div class="setting-color">
                              <label data-load-css="<%= asset_path('angle/themes/theme-h.css') %>">
                                <%= setting_form.radio_button :theme, :h %>
                                <span class="icon-check"></span>
                                <span class="split">
                                  <span class="color bg-danger-dark"></span>
                                  <span class="color bg-danger"></span>
                                </span>
                                <span class="color bg-gray-dark"></span>
                              </label>
                            </div>
                          </div>
                        </div>
                      </div>
                    <% end %>
                    <%= f.hidden_field :form, :value => 'interface' %>
                    <%= f.submit "Update settings", class: 'btn btn-info' %>
                  <% end %>
                </div>
              </div>
            </div>