Here is the code (detail_book.html) for the next lecture :

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

{% block scripts %}
{% endblock scripts %}


{% block content %}
<!-- add header -->

<div class="flex justify-center">
    <div>
        <div class="text-center mb-3">
            <!-- display status -->
        </div>
        <!-- add qr code -->
        <div class="mt-7 text-center">
            <!-- rent or change status buttons -->
        </div>
    </div>  
</div>

<div class="flex justify-center">
    <div class="mt-10 p-3 rounded-lg relative bg-slate-200 dark:bg-slate-600 border border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-200 drop-shadow-md w-1/2">
        <!--code for copying to clipboard-->
</div>


{% endblock content %}