{% extends "common/no_auth_page.twig" %}

{% block body %}
<style type="text/css">
img.language-selector-option {
    height: 25px;
}
</style>

<div class="container p-5 text-center mt-5">
	<div class="row">
		<div class="col-md-12 text-center">
			<h1>{{'insert-your-qr'|trans}}</h1>
		</div>
		<div class="col-md-3">
		</div>
		<div class="col-md-6 text-center">
			<img src="/static/images/delicom-logo.png" class="img-fluid">
		</div>

    </div>
    <div class="row">
    	<div class="col-md-12">
			<select id="select-language-selector" class="form-control select-language-selector" data-width="fit" style="width: 100px;">
		        <option {% if language == 'es' %}selected="selected"{% endif %} value="es" data-content='<img class="language-selector-option" src="/static/images/flags/es_ES.svg">'></option>
		        <option {% if language == 'de' %}selected="selected"{% endif %} value="de" data-content='<img class="language-selector-option" src="/static/images/flags/de_DE.png">'></option>
		    </select>
    	</div>
    </div>
</div>

{% endblock %}