{% extends 'core/base.html' %}
{% load static %}
{% block content %}
<div class="row">
  <div class="col-lg-12">
    <div class="card card-default">
      <div class="card-body">
        <div class="row">
          {% for cache in cache_list %}
          <div class="col-xl-2 mb-2">
            <button class="btn btn-primary" onclick="resetCache('{{cache}}')">{{ cache.capitalize }}</button>
          </div>
          {% endfor %}
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}
{% block scripts %}
<script>

async function resetCache(cache){
  await $.ajax({
    url: "{% url 'AjaxResetCache' %}",
    type: "POST",
    data: {
      cache: cache,
      csrfmiddlewaretoken: "{{ csrf_token }}",
    },
    success: function(response){
      toastr.success(response.message);
    },
    error: function(response){
      toastr.error(response.responseJSON.error);
    }
  });
}
</script>
{% endblock scripts %}