{% extends 'base.html' %}
{% load static %}

{% block title %}
<title>Flagged Book | Digipus</title>
{% endblock %} 

{% block header %}
<link rel="icon" type="image/png" href="{% static 'images/icons/logo.ico' %}" />
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<link href="{% static 'css/sb-admin-2.min.css' %}" rel="stylesheet">
<link rel="stylesheet" href="{% static 'css/button.css' %}">

<link href="{% static 'vendor/datatables/dataTables.bootstrap4.min.css' %}" rel="stylesheet">
{% endblock %} 

{% block content %}
<br><br>
<h1 id="flagged_book" class="h3 mb-2 text-gray-800">Flagged Book | {{ user_name }}</h1>
{% if riwayat_list %}
<p class="mb-4">Tekan tombol detail untuk informasi lebih lanjut tentang materi</p>

<div class="card shadow mb-4">
  <div class="card-body">
    <div class="table-responsive">
      <table aria-describedby="flagged_book" class="table table-bordered" id="dataTable">
        <thead>
          <tr>
            <th id="judul_materi">Judul Materi</th>
            <th id="author">Pembuat Materi</th>
            <th id="detail_buttons">Detail</th>
          </tr>
        </thead>
        <tbody>
          {% for riwayat in riwayat_list %}
          <tr>
            <td>{{riwayat.materi.title}}</td>
            <td>{{riwayat.materi.author}}</td>
			<td>{{riwayat.timestamp|date:"d F Y H:i:s"}}</td>
            <td class="verif-buttons">
              <span>
                <a href="/materi/{{riwayat.materi.id}}/" class="accept-button button-decoration"
                style="background-color:#4e73df">Detail</a>
              </span>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
{% else %}
<p class="mb-4">Tidak ada buku yang ditandai untuk dilaporkan. Silahkan tandai materi yang isinya tidak sesuai dengan judulnya.</p>
{% endif %}
<span>
	<a href="/" class="btn btn-primary main-content" style="background-color:#4e73df; right: 0px;">Back to Katalog</a>
</span>
<br>
{% endblock %}