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

{% block title %}Blague aléatoire
{% endblock %}

{% block body %}


	<div class="page">

		<div class="title">
			<h1 class="font-title">Blague aléatoire</h1>
		</div>

		<div class="block col-lg-4 col-10 mx-auto">

			<div class="category d-inline-flex p-2">
				<p class="category"></p>
			</div>

			<p class="random text">Question</p>

			<button class="btn btn-light" onclick="answer()">Réponse</button>
			<p class="response text"></p>

		</div>

		<div>

			<a href="{{ path('jokes_random') }}">
				<button class="btn new-joke-btn">Nouvelle blague</button>
			</a>

		</div>

	</div>

	<script defer type="text/javascript" src="{{ asset('js/jokes/random.js') }}"></script>

{% endblock %}