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

{% block title %}Hello APITestController!{% endblock %}

{% block body %}


<div>
    {% for book in datas.items %}
        <div class="flex justify-center">
            <div class="border rounded-xl w-1/2 py-2 flex flex-col justify-center mt-5">
                <h1 class="font-bold p-2 text-2xl ">{{ book.volumeInfo.title }}</h1>

                <img src="https://img.freepik.com/vecteurs-libre/vecteur-modele-cadre-courbe-bleu-ceruleen_53876-136094.jpg" class="p-2" style="width: 20%" height="20px">
            </div>
        </div>

    {% endfor %}
</div>
{% endblock %}