{% extends "default.html" %}
{% block pagetitle %}Casino{% endblock %}
{# Title (~25char max), Description (~80char max),
Icon (fa-foo-bar), Color (#ff0000), URL (/casino/roulette) #}
{%- set GAME_INDEX = [
	(
		'Roulette',
		'Round and round the wheel of fate turns',
		'fa-circle', '#777',
		'/casino/roulette',
	),
	(
		'Slots',
		'Today\'s your lucky day',
		'fa-dollar-sign', '#777',
		'/casino/slots',
	),
	(
		'Blackjack',
		'Twenty one ways to change your life',
		'fa-cards', '#777',
		'/casino/blackjack',
	),
	(
		'Lottershe',
		'Can\'t win if you don\'t play',
		'fa-ticket', '#777',
		'/lottershe',
	)
]-%}

{% block content %}
	<h2 style="text-transform: uppercase; text-align: center; letter-spacing: 3px; margin-top: 2rem">Casino</h2>
	<div id="directory--wrapper">
		{% for game in GAME_INDEX %}
			<a class="directory--link" href="{{game[4]}}">
				<div class="directory--link-content">
					<i class="directory--link--icon fas {{game[2]}}" style="color:{{game[3]}}"></i>
					<div class="directory--link--title">{{game[0]|safe}}</div>
					<div class="directory--link--description">{{game[1]|safe}}</div>
				</div>
			</a>
		{% endfor %}
	</div>
{% endblock %}