main code in emendate for feedback by the customer

<link href="https://emoji-css.afeld.me/emoji.css" rel="stylesheet">

<%= simple_nested_form_for([:admin, feedback], html: {class: "forms-sample", role:"form"}) do |f|%>

  <div class="row mb-2">

    <div class="col-sm-4">

      <label for="mandateVariant" class="mt-2 mr-sm-2">Feedback</label>

    </div>

    <div class="col-sm-8">

      <%= f.input :body, class: "form-control mb-2 mr-sm-2", label: false %>

    </div>

  </div>

  <%= f.hidden_field :rating %>

 <%#= f.hidden_field :feedback_rating  value = "feedback_rating"%>

    <i class="em em-unamused" aria-role="presentation" aria-label="UNAMUSED FACE" title="very bad" onclick= "myFirstFeed('very_bad')" ></i>

    <i class="em em-slightly_frowning_face" aria-role="presentation" aria-label="SLIGHTLY FROWNING FACE" title="Bad" onclick= "mySecondFeed('bad')" ></i>

    <i class="em em-expressionless" aria-role="presentation" aria-label="EXPRESSIONLESS FACE"  title="okay" onclick= "myThirdFeed('okay')"></i>

    <i class="em em-slightly_smiling_face" aria-role="presentation" aria-label="SLIGHTLY SMILING FACE" title="Good" onclick= "myFourthFeed('good')"></i>

    <i class="em em-grinning" aria-role="presentation" aria-label="GRINNING FACE" title="very Good" onclick= "myFifthFeed('very_good')"></i>

  <div class="row mb-2">

    <div class="col-sm-4">

      <label for="mandateVariant" class="mt-2 mr-sm-2"></label>

    </div>

    <div class="col-sm-8">

      <input class="form-control numeric integer optional" type="hidden" step="1" name="feedback[customer_id]" id="feedback_customer_id" value=<%= params[:customer_id] %>>

  </div>

    <div class="row mb-2">

    <div class="col-sm-4">

      <label for="mandateVariant" class="mt-2 mr-sm-2"></label>

    </div>

    <div class="col-sm-8">

      <%= f.button :submit, :class => 'btn-primary' %>

      <%= link_to t('.cancel', :default => t("helpers.links.cancel")),admin_customer_feedbacks_path, :class => 'btn btn-default' %>

    </div>

  </div>

<% end %>

<script type="text/javascript">

  function myFirstFeed(feed) {

     $("#feedback_rating").val(feed);

  }

  function mySecondFeed(feed) {

     $("#feedback_rating").val(feed);

  }

  function myThirdFeed(feed) {

     $("#feedback_rating").val(feed);

  }

  function myFourthFeed(feed) {

     $("#feedback_rating").val(feed);

  }

  function myFifthFeed(feed) {

     $("#feedback_rating").val(feed);

  }

</script>