<style>
  .reportedurlfield {
    max-width: 99%;
    border-radius: 3px;
    font-size: 18px;
    background-color: white;
    padding: 2px;
    border: 1px solid black;
  }

  .messagefield {
    width: 100%;
    resize: none;
    font-size: 18px;
    height: 100px;
    border-radius: 3px;
  }
</style>
<%= form_for feedback_message do |f| %>
  <input name="utf8" type="hidden" value="&#x2713;" />
  <%= f.hidden_field :feedback_type, value: "abuse-reports" %>
  <div class="field">
    <ul style="list-style-type:none; margin-left:0px;">
      <li>
        <%= f.radio_button :category, "rude or vulgar", required: "required" %>
        <%= label_tag(:feedback_message_category_rude_or_vulgar, "Rude or vulgar") %>
      </li>
      <li>
        <%= f.radio_button :category, "harassment" %>
        <%= label_tag(:feedback_message_category_harassment, "Harassment or hate speech") %>
      </li>
      <li>
        <%= f.radio_button :category, "spam" %>
        <%= label_tag(:feedback_message_category_spam, "Spam or copyright issue") %>
      </li>
      <li>
        <%= f.radio_button :category, "listings" %>
        <%= label_tag(:feedback_message_category_listings, "Inappropriate listings message/category") %>
      </li>
      <li>
        <%= f.radio_button :category, "other" %>
        <%= label_tag(:feedback_message_category_other, "Other") %>
      </li>
    </ul>
    Reported URL:
    <%= f.text_field :reported_url, class: "reportedurlfield", value: feedback_message.reported_url, style: "width:100%;font-size: 18px; border-radius:3px;", required: true %>
    <p style="margin-bottom:0px;">
      <%= f.label :message %>:
      <%= f.text_area :message, class: "messagefield", placeholder: "Please provide any additional information or context that will help us understand and handle the situation.", value: @previous_message %>
    </p>
  </div>
  <div>
  </div>
  <div class="actions">
    <% if flash[:notice] %>
      <div class="notice" id="notice">
        <%= flash[:notice] %>
      </div>
    <% end %>
    <%= recaptcha_tags site_key: ApplicationConfig["RECAPTCHA_SITE"] %>
    <input type="submit" name="commit" value="Send Feedback" style="margin-top: 40px;" />
  </div>
<% end %>
