{% extends 'manager-base.html' %}
{% load static %}
{% load crispy_forms_tags %}

{% block filter %}
  {{ form.media }}
  <div class="row">
    <form method="post" class="form-row align-items-center" style="margin-right: 2rem;">
        {% csrf_token %}
      <div class="col-auto">
        {{ form.start_date }}
      </div>
      <div class="col-auto">
        {{ form.end_date }}
      </div>
      <div class="col-auto">
        {{ form.star_ratings }}
      </div>
      <input type="submit" name="Submit" class="btn btn-primary">
    </form>
  </div>
{% endblock %}


{% block content %}
<!--<h2 style="text-align: center;">All reviews posted on {{ platform|title }}</h2>-->
<div class="row" style="padding: 0rem 1rem 0rem 1rem;">
  <div class="col-sm-6 col-md-6">
    <div class="card">
    <div class="card-header">
      Word frequently found in {{ platform|title }} positive reviews.
    </div>
    <div class="card-body">
    <blockquote class="blockquote mb-0">
      <img src="/media/{{ platform }}/positive/{{ location.location_id }}.png" width="100%" alt="">
    </blockquote>
    </div>
    </div>
  </div>
  <div class="col-sm-6 col-md-6">
    <div class="card">
      <div class="card-header">
        <span style="text-align: center;">Word frequently found in {{ platform|title }} negative reviews.</span>
      </div>
      <div class="card-body">
      <blockquote class="blockquote mb-0">
        <img src="/media/{{ platform }}/negative/{{ location.location_id }}.png" width="100%" alt="">
      </blockquote>
      </div>
    </div>
  </div>
</div>
{% if reviews %}
  {% for review in reviews %}
    {% if platform == 'google' %}
      {% include '_google_review.html' %}
    {% elif platform == 'facebook' %}
      {% include '_facebook_review.html' %}
    {% elif platform == 'yelp' %}
      {% include '_yelp_review.html' %}
    {% endif %}
  {% endfor %}
{% else %}
  <h3 style="text-align: center;margin: 2rem">No review found!</h3>
{% endif %}
<div align="center">
  {% if reviews.has_other_pages %}

    {% if reviews.has_previous %}
      <a class="btn btn-outline-info mb-4" href="?page=1">First</a>
      <a class="btn btn-outline-info mb-4" href="?page={{ reviews.previous_page_number }}">Previous</a>
    {% endif %}

    {% for num in reviews.paginator.page_range %}
      {% if reviews.number == num %}
        <a class="btn btn-info mb-4" href="?page={{ num }}">{{ num }}</a>
      {% elif num > reviews.number|add:'-3' and num < reviews.number|add:'3' %}
        <a class="btn btn-outline-info mb-4" href="?page={{ num }}">{{ num }}</a>
      {% endif %}
    {% endfor %}

    {% if reviews.has_next %}
      <a class="btn btn-outline-info mb-4" href="?page={{ reviews.next_page_number }}">Next</a>
      <a class="btn btn-outline-info mb-4" href="?page={{ reviews.paginator.num_pages }}">Last</a>
    {% endif %}

  {% endif %}
</div>

{% endblock %}