{% extends "global/Page.html" %}
{{ block title }}
<p class="d-none">Informazioni generali</p>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
{{ endblock }}

{% block content %}

<style>
    .otree-body { max-width: 900px; }
    ._formfield > label.col-form-label { font-size: 1.25rem; }
</style>

<div class="container">
    <h2>Informazioni generali</h2>



{% if prof_label %}
<div class="card mb-4 bg-light">
    <div class="card-body">{{ formfield 'professione_attuale' label=prof_label }}</div>
</div>
{% endif %}

<div class="card mb-4 bg-light">
    <div class="card-body">{{ formfield 'regione' label=reg_label }}</div>
</div>
</div>

{{ include C.next_progress }}

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>

{% endblock %}