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

{% block title %}Page Cinémathèque{% endblock %}

{% block css %}
  <style type="text/css">
    iframe {
      width: 100%;
      height: 800px;
      border: 1px solid #000000b3;
      box-shadow: 0px 0px 15px 10px #000000b3;
    }
  </style>
{% endblock %}

{% block content %}
<h1>Page générée</h1>
<h2 class="mt-5 mb-4">Code source</h2>
<textarea class="form-control" rows="5">{{ generated }}</textarea>
<h2 class="mt-5 mb-4">Résultat</h2>
<iframe src="https://www.tenk.fr/p/cinematheque-du-documentaire"></iframe>
{% endblock %}