<% custom_css = RedmineUxToolkit::Services::CustomCss.css %>
<% custom_javascript = RedmineUxToolkit::Services::CustomCss.javascript %>

<div class="ux-toolkit-settings-section">
  <p>
    <strong><%= l(:label_ux_toolkit_custom_css) %></strong>
    <em class="info"><%= l(:text_ux_toolkit_custom_css_help) %></em>
  </p>

  <p>
    <%= label_tag 'ux_toolkit_custom_css_css',
                  l(:label_ux_toolkit_custom_css_code) %>
    <%= text_area_tag 'ux_toolkit_custom_css[css]',
                      custom_css,
                      id: 'ux_toolkit_custom_css_css',
                      rows: 18,
                      cols: 100,
                      class: 'ux-toolkit-custom-code-textarea' %>
    <em class="info"><%= l(:text_ux_toolkit_custom_css_security_help) %></em>
  </p>
</div>

<div class="ux-toolkit-settings-section">
  <p>
    <strong><%= l(:label_ux_toolkit_custom_javascript) %></strong>
    <em class="info"><%= l(:text_ux_toolkit_custom_javascript_help) %></em>
  </p>

  <p>
    <%= label_tag 'ux_toolkit_custom_css_javascript',
                  l(:label_ux_toolkit_custom_javascript_code) %>
    <%= text_area_tag 'ux_toolkit_custom_css[javascript]',
                      custom_javascript,
                      id: 'ux_toolkit_custom_css_javascript',
                      rows: 18,
                      cols: 100,
                      class: 'ux-toolkit-custom-code-textarea' %>
    <em class="info"><%= l(:text_ux_toolkit_custom_javascript_security_help) %></em>
  </p>
</div>
