{% set section = 'tdm' %}
{% extends 'base.html.twig' %}
{% block title %}Pitch - Tour du monde rebondissant - Colombie{% endblock %}
{% block body %}
<div data-controller="tdm-pays">
<div id="nav-header" class="nav-header">
<div class="nav-header__breadcrumb">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ path('tdm') }}" class="swup-link">Tour du monde rebondissant</a></li>
<li class="breadcrumb-item"><a href="/jeux/tour-du-monde/colombie" class="swup-link" data-swup-color="#F0CE4C">Colombie</a></li>
<li class="breadcrumb-item active" aria-current="page">Lie les mots</li>
</ol>
</nav>
</div>
</div>
<div id="tdm-pays">
<div id="tdm-game" class="colombie">
<a href="/jeux/tour-du-monde/colombie" class="tdm-game-back swup-link" data-swup-color="#F0CE4C"></a>
<div id="tdm-motscoupes"></div>
<a href="#" id="btn-tdm-motscoupes-help" class="btn-tdm-help" data-bs-toggle="modal" data-bs-target="#tdm-motscoupes-rules" data-no-swup><span>?</span></a>
<div id="modal-buttons">
<a href="#" id="btn-tdm-motscoupes-rules" data-bs-toggle="modal" data-bs-target="#tdm-motscoupes-rules" data-no-swup></a>
<a href="#" id="btn-tdm-motscoupes-win" data-bs-toggle="modal" data-bs-target="#tdm-motscoupes-win" data-no-swup></a>
</div>
<div class="modal fade modal-tdm-game" id="tdm-motscoupes-rules" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h3>Comment ça marche ?</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Relie le début de mot à la fin correspondante. Pour les relier, clique sur la première partie du mot puis ensuite sur la seconde.</p>
</div>
<div class="modal-footer justify-content-end">
<a href="#" class="btn btn-primary" data-no-swup data-bs-dismiss="modal" aria-label="Close">Commencer</a>
</div>
</div>
</div>
</div>
<div class="modal fade modal-tdm-game" id="tdm-motscoupes-win" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h3>Bravo !</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Tu as réussi à relier tous les mots entre eux ! <br />Continue sur cette lancée et poursuis l'aventure avec Pitchos dans son tour du monde rebondissant. </p>
</div>
<div class="modal-footer justify-content-between">
<a class="btn btn-primary swup-link" href="/jeux/tour-du-monde/colombie" data-swup-color="#F0CE4C">Retour à la carte postale</a>
<a class="btn btn-primary swup-link" href="/jeux/tour-du-monde/bresil" data-swup-color="#1EA12E" id="btn-tdm-next">Je continue</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}