{% extends 'base/base.html' %}

{% load staticfiles %}
{% block scripts %}
<script src="{% static "/js/star-rating.js" %}" type="text/javascript"></script>
<script>
    // Manipulates the rating field in the form to display as stars.
    var Rating = document.getElementById('id_rating');
    Rating.type = "hidden";
    Rating.setAttribute("data-stop","100")
    Rating.setAttribute("data-step","20")
    Rating.className = "rating";

    $("#id_rating").rating()
    var p = document.getElementsByTagName("span")[6]
    p.className = "ratingstar";


</script>
{%endblock%}

{% block content %}
<div class="container">
  <div class="row justify-content-center">
    <div class="col-md-8 m-5">
      <form class="form-horizontal" action="" method="post">
        {% csrf_token %}
        {% include 'HotelApp/form-template.html'%}
        <div class="form-group">
          <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-success">submit</button>
          </div>
        </div>
        </form>
    </div>
  </div>
</div>



{% endblock %}