{% set step = step ?? null %}

<section class="content-header">
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <ul class="nav nav-pills nav-justified">
                    <li id="step-booking-1" class="step-booking {% if step == 1 %} active {% endif %}">
                        <a class="pointer">
                            <span class="badge">1</span> Recherche hôtel
                        </a>
                    </li>
                    <li id="step-booking-2" class="step-booking {% if step == 2 %} active {% endif %}">
                        <a class="pointer">
                            <span class="badge">2</span> Détails hôtel
                        </a>
                    </li>
                    <li id="step-booking-3" class="step-booking {% if step == 3 %} active {% endif %}">
                        <a class="pointer">
                            <span class="badge">3</span> Paiement
                        </a>
                    </li>
                    <li id="step-booking-4" class="step-booking {% if step == 4 %} active {% endif %}">
                        <a class="pointer">
                            <span class="badge">4</span> Confirmation
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</section>