<% content_for :side_bar do %>
  <%= render :partial => 'layouts/side_bar', :locals => {:link_name => t('site.settings'), :link_url => admin_site_responsive_setting_path(@site), :icon => 'icons-cog', :side_bar_content => 'admin/sites/side_bar'} %>
<% end %>

<head>
    <%= stylesheet_link_tag "lib/wrap-nav"%>
    <%= stylesheet_link_tag "lib/main-forms"%>
    <%= stylesheet_link_tag "lib/fileupload"%>
    <%= stylesheet_link_tag "lib/togglebox"%>
    <%= stylesheet_link_tag "jquery.miniColors" %>
    <%= javascript_include_tag "jquery.miniColors.min" %>
    <%= javascript_include_tag 'lib/bootstrap-fileupload' %>  
    <%= javascript_include_tag 'lib/site_set' %>
</head>
        <!-- Forms -->
  <%= form_for @site, :url => admin_site_path(@site), :html => {:class => "form-horizontal main-forms"} do |f| %>
          <fieldset>            
            <!-- Input Area -->
            <div class="input-area">

              <!-- Enable Mobile Web -->
              <div class="control-group">
                <label class="control-label muted"><%= I18n.t('site.mobile_version')%></label>
                <div id="mobile-site" class="controls">
                  <%= f.check_box :mobile_on , :class=>"toggle-check", :data=> { disabled: true } %>
                  <span class="help-block"><%= t("mobile_setting.enabled_reminder") %></span>
                </div>
              </div>

              <div class="control-group">
                <label class="control-label muted"><%= t("mobile_setting.select_announcement_categories") %></label>
                <div class="controls">
                  <% @module.categories.each do |category| %>
                    <%= check_box_tag "site[announcement_category][]", category.id.to_s, (@site.announcement_category.include?(category) rescue false), :class=>"toggle-check", :data => { :title => "#{category.title}", disabled: true }, "data-deploy"=>"inline", :checked => (@site.announcement_category.include?(category.id.to_s)) %>
                  <% end %>
                </div>
              </div>


             <div class="control-group">
                    <label class="control-label muted"><%= t("mobile_setting.mobile_site_icon") %></label>
                    <div class="controls">
                      <!-- if this page editing please add class "fileupload-edit" -->
                      <div class="fileupload fileupload-new clearfix" data-provides="fileupload">
                        <div class="fileupload-new thumbnail pull-left" style="background:black;">
                        <% if @site.mobile_icon.file.present? %>
                         <%= image_tag( @site.mobile_icon, :size=>"120x120") rescue ''%>
                        <% else %>
                         <%= image_tag asset_path('mobile/logo.png'),:class => "pull-left upload-picture"%>
                        <% end %>
                        </div>
                        <div class="fileupload-preview fileupload-exists thumbnail pull-left"></div>
                        <% if @site.mobile_icon.present?%>
                        <span class="btn btn-file">
                         <%= f.file_field :mobile_icon, :id => "input-upload", :class => 'fileupload-new', :onchange => "document.getElementById('fu').innerHTML = this.form.fu.value = this.value;" %><%= t("mobile_setting.change") %>
                         </span>
                          <%= f.check_box :remove_mobile_icon %>
                          <%= t("mobile_setting.remove_icon") %>
                         <%else%>
                        <span class="btn btn-file">
                         <%= f.file_field :mobile_icon, :id => "input-upload", :class => 'fileupload-new', :onchange => "document.getElementById('fu').innerHTML = this.form.fu.value = this.value;" %><%= t("mobile_setting.select_image") %>
                         </span>
                         <%end%>
                        <a href="#" class="btn fileupload-exists" data-dismiss="fileupload"><%= t(:cancel) %></a>
                      
                      </div>
                    </div>

               <div class="control-group">
                <label class="control-label muted"><%= t("mobile_setting.select_orbit_bar_color") %></label>
                <div class="controls">
                 <input type="text" value="<%= (@site.mobile_bar_color.nil? ? '#FFFFF' : @site.mobile_bar_color[0]) %>" class="color-picker" name="site[mobile_bar_color][]" <%= (@site.mobile_bar_color.nil? ? "disabled='disabled'" : "") %> />
                 <input type="text" value="<%= (@site.mobile_bar_color.nil? ? '#FFFFF' : @site.mobile_bar_color[1]) %>" class="color-picker" name="site[mobile_bar_color][]" <%= (@site.mobile_bar_color.nil? ? "disabled='disabled'" : "") %> />
                 <%= t("mobile_setting.or") %>
                 <input type="checkbox" <%= (@site.mobile_bar_color.nil? ? "checked='checked'" : "") %> name="site[default_bar_color]" id="default_bar_color" style="margin:0 0 3px 10px;" /> <%= t("mobile_setting.default_color") %>
                </div>
              </div>

              <div class="control-group">
                <label class="control-label muted"><%= t("mobile_setting.phone_number") %></label>
                <div class="controls">
                  <div id="phone_number_wrap" style="line-height: 40px;">
                    <% @site.phone_number.each_with_index do |phone,i| %>
                        <span>
                          <input type="text" name="site[phone_number][<%= i %>][title]" value="<%= phone['title'] %>">
                          <input type="text" name="site[phone_number][<%= i %>][number]" value="<%= phone['number'] %>">
                          <a class="btn btn-small btn-danger delete_phone_number" href="#" onclick="$(this).parent().remove();"><i class="icon-trash"></i> <%= t(:delete_) %></a>
                        </span>
                    <% end %>
                  </div>
                  <div class='btn btn-small btn-success' id='add_phone_number_btn'>
                    <i class="icon-plus"></i>
                    <%= t(:add) %>
                  </div>
                </div>
                </div>

              <div class="control-group">
                <label class="control-label muted"><%= t("mobile_setting.address") %></label>
                <div class="controls">
                  <div class="textarea">
                      <%= f.text_area :address, :class => "ckeditor input-block-level", :value => (@site.address rescue nil) %>
                  </div>
                </div>
              </div>

              <div class="control-group">
                <label class="control-label muted"><%= I18n.t('site.mobile_api_openness_on') %></label>
                <div class="controls">
                  <%= f.check_box :mobile_api_openness_on , :class=>"toggle-check", :data=> { disabled: true } %>
                  <span class="help-block"><%= t("mobile_setting.api_reminder") %></span>
                </div>
              </div>                    

            </div>
            <!-- Form Actions -->
            <div class="form-actions">
              <%= f.submit t("submit"), :class => "btn btn-primary" %>
              <%= f.submit t("cancel"), :class => "btn ", :type => 'reset' %>
            </div>

          </fieldset>
    <%end%>

    <div id="phone_number_template" style="display:none">
      <span style='line-height: 40px; display: block;'>
        <input id="site_phone_number_title" name="site[phone_number][][title]" placeholder="<%= t(:name) %>" size="30" type="text" value="">
        <input id="site_phone_number_number" name="site[phone_number][][number]" placeholder="<%= t(:phone_number) %>" size="30" type="text" value="">
        <a class="btn btn-small btn-danger delete_phone_number" href="#" onclick="$(this).parent().remove();"><i class="icon-trash"></i> <%= t(:delete_) %></a>
      </span>
    </script>

<% content_for :page_specific_javascript do %>
<script type="text/javascript">

  $(".language-nav li a").click(function(){window.location.hash = $(this).attr("href")});

  $(document).ready(function(){
    // Disable default language if language detection enbaled
    $("#site_enable_language_detection").change(function(){
      if ( !$(this).parent().hasClass("disable") ){
        $.each($( "input[name='site[default_locale]']" ),function(){
          if ( !$(this).parent().hasClass("disable") ) $(this).parent().toggleClass('disable');
          $(this).toggleClass('disable');
        });
      }
    });

    // Disable language detection if default language enbaled
    $.each($( "input[name='site[default_locale]']" ),function(){
      $(this).click(function(){
        $("#site_enable_language_detection").parent().addClass('disable');
      });
    });

    if($('.color-picker').length > 0){
      $('.color-picker').miniColors(); // just in category view
    }

    $("#default_bar_color").bind(clickEvent,function(){
      var colorboxes = $( this ).parent().find( "input[type=text]" );

      if( $( this ).is(":checked") ){
        colorboxes.attr("disabled","disabled");
      }else{
        colorboxes.removeAttr('disabled');
      }

    });

    // Number of phones
    var num = $("#phone_number_wrap input").length/2;

    $('#add_phone_number_btn').click(function(){
      var template = $("#phone_number_template").html();
      template = template.replace(/\[]/g,"["+num+"]");
      $("#phone_number_wrap").append(template);
      num++;
    });
  });
</script>
<% end %>