<% javascript 'views/orgs/admin_edit.js' %>

<h1>
  <%= _('Organisation details') %>
</h1>

<div class="content">
  <%= form_for(@org, url: admin_update_org_path(@org), html: { class: "roadmap-form bordered", multipart: true, id: "edit_org_details",  method: :put}) do |f| %>

    <fieldset class="side-by-side">
      <div class="form-input">
        <%= f.label :name, class: 'required' %>
        <%= f.text_field :name, class: "left-indent required input-large" %>
      </div>
      <div class="form-input">
        <%= f.label :abbreviation, class: 'required' %>
        <%= f.text_field :abbreviation, class: "left-indent required input-small" %>
      </div>
      
      <% if @org.logo.present? %>
        <div class="org-logo form-input">
          <%= f.label :logo %>
          <%= image_tag @org.logo.url, alt: "#{@org.name} #{_('logo')}", class: 'left-indent' %>
          <div class="inline left-indent" id="logo-controls">
            <%= f.label _('Remove logo') % {application_name: Rails.configuration.branding[:application][:name]}, for: :remove_logo %>
            <%= f.check_box :remove_logo, title: _("This will remove your organisation's logo") %>
            <br />
            <div class="inline" id="logo-controls-separator">
              <strong> - <%= _('or') %> - </strong>
            </div>
            <br />
            <%= f.file_field :logo %>
          </div>
        </div>
      <% else %>
        <div class="form-input">
          <%= f.label :logo %>
          <%= f.file_field :logo, class: 'left-indent' %>
        </div>
      <% end %>
      
      <div class="form-input" id="banner-text">
        <%= f.label _('Top banner text'), for: @org.banner_text %>
        <div class="left-indent inline">
          <%= text_area_tag('org_banner_text', @org.banner_text, id: "org_banner_text") %>
          <%= tinymce(selector: "#org_banner_text", content_css: asset_path('application.css')) %>
        </div>
      </div>
      
      <div class="form-input">
        <%= f.label :target_url %>
        <%= f.text_field :target_url, class: "left-indent required input-large top-indent" %>
      </div>
      <div class="form-input">
        <%= f.label :contact_email %>
        <%= f.text_field :contact_email, class: "left-indent required input-medium" %>
      </div>
      
      <div class="form-input">
        <div class="button-spacer">&nbsp;</div>
        <%= render partial: 'shared/accessible_submit_button',
                   locals: {id: 'save_org_submit', 
                            val: 'Save', 
                            disabled_initially: true,
                            tooltip: _('Name and abbreviation are required'),
                            classes: 'left-indent'} %>
      </div>
    </fieldset>
  <% end %>
</div>

<%= tinymce :content_css => asset_path('application.css') %>