
<div class="col-12" >
  <div class="card">
    <div class="row" style="width: 100%;min-height: 400px;">
      <div class="col-md-2" style="border: 1px solid #cfcfcf; padding-right: 0px;padding-left: 14px;">
        <div class="py-5 content-yield">
          <div class="row">
            <div class="col-md-12">
              <%= render "left_main", selected: "settings" %>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-10">
        <div class="py-5 content-yield">
          <div class="row">
            <div class="col-md-7">
              <div class="row py-5">
                <div class="col-md-12 widget-content table-responsive content-table">
                  <%= form_with(model: site_configuration, local: true) do |form| %>
                    <% if site_configuration.errors.any? %>
                      <div id="error_explanation">
                        <h2><%= pluralize(site_configuration.errors.count, "error") %> <%= _("prohibited this site_configuration from being saved:") %></h2>

                        <ul>
                          <% site_configuration.errors.full_messages.each do |message| %>
                            <li><%= message %></li>
                          <% end %>
                        </ul>
                      </div>
                    <% end %>
                    <div class="data_config show" id="data_show_settings">
                      <div class="field">
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.label :site_name %>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.text_field :site_name, id: :site_configuration_site_name %>
                          </div>
                        </div>
                      </div>

                      <div class="field">
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.label :url %>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.text_field :url, id: :site_configuration_url %>
                          </div>
                        </div>

                      </div>

                      <div class="field">
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.label :system_notification_email %>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.text_field :system_notification_email, id: :site_configuration_system_notification_email %>
                          </div>
                        </div>
                      </div>

                      <div class="field">
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.label :support_email_address %>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.text_field :support_email_address, id: :site_configuration_support_email_address %>
                          </div>
                        </div>
                      </div>

                      <div class="field">
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.label :support_phone %>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.text_field :support_phone, id: :site_configuration_support_phone %>
                          </div>
                        </div>
                      </div>

                      <div class="field">
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.label :site_help_link %>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.text_field :site_help_link, id: :site_configuration_site_help_link %>
                          </div>
                        </div>
                      </div>

                      <div class="field">
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.label :language %>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.select :language, get_languages_availables.map{|lang| [t("main.language." + lang), lang]},{}, {id: :site_configuration_language} %>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="data_config hide" id="data_show_map_options">
                      <div class="field">
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.label :map_default_zoom %>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.text_field :map_default_zoom, id: :site_configuration_map_default_zoom %>
                          </div>
                        </div>
                      </div>
                      <div class="field">
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.label :default_layout %>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.select :default_layout, SiteConfiguration::default_layouts.map{|d| d }, id: :site_configuration_default_layout %>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="data_config hide" id="data_show_announcements">
                      <div class="field">
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.label :announcement %>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                            <%= form.text_area :announcement, id: :site_configuration_announcement %>
                            <script>
                                CKEDITOR.replace($("#site_configuration_announcement")[0]);
                            </script>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="row" style="margin-top: 10px;">
                      <div class="col-md-12 col-xs-12 col-sm-12 px-7">
                        <div class="actions">
                          <button class="btn btn-sm btn-send" type="submit"><%= t("utils.send_button") %></button>
                        </div>
                      </div>
                    </div>
                  <% end %>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
  $(".select_marker").change(function(){
      $(this).parent().find(".content-marker").html('<img src="/assets/images/' + this.value + '" style="width: 20px;">')
  });
</script>

<style>
  .data_config .field label{
    font-weight: bold;
    margin-top: 10px;
  }
  .data_config .field input:not([type='checkbox']),
  .data_config .field select{
    width: 400px;
  }
  .content-marker{
    height: 28px;
    width: 35px;
    border-width:0px;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
  }
</style>
