<div class="header">
    <div class="sitecontainer">
        <div class="headerinner">
            <div class="logo">
                <img src="<?= $siteInfo->getOpticianLogo() ?>" alt="">
            </div>
            <div class="menu font-main">
                    <p><b><?= isset($selected_shop) ? $selected_shop->getName() : '' ?></b></p>
                    <p><?= isset($selected_shop) ? $selected_shop->getAddress() : '' ?></p>
                    <p><?= isset($selected_shop) ? $selected_shop->getPhone() : '' ?></p>
            </div>
        </div>
    </div>
</div>

<div class="process">
    <div class="sitecontainer">
        <div class="processinner">
            <ul class="progressbar">
                <li class="font-main <?= $current_step > 1 ? 'completed' : '' ?> <?= $current_step >= 1 ? 'active' : '' ?> <?= $current_step == 1 ? 'current' : '' ?> ">
                    <?= $current_step > 1 ? 'Store Selected' : 'Select Store' ?>
                </li>
                <li class="font-main <?= $current_step > 2 ? 'completed' : '' ?> <?= $current_step >= 2 ? 'active' : '' ?> <?= $current_step == 2 ? 'current' : '' ?>">
                    <?= $current_step > 2 ? 'Appointment Slot Selected' : 'Select Appointment Slot' ?>
                </li>
                <li class="font-main <?= $current_step > 3 ? 'completed' : '' ?> <?= $current_step >= 3 ? 'active' : '' ?> <?= $current_step == 3 ? 'current' : '' ?>">
                    <?= $current_step > 3 ? 'Details Provided' : 'Provide Your Details' ?>
                </li>
                <li class="font-main <?= $current_step == 4 ? 'completed' : '' ?> <?= $current_step == 4 ? 'active' : '' ?> <?= $current_step == 4 ? 'current' : '' ?>">
                    Appointment Booking Status
                </li>
            </ul>
        </div>
    </div>
</div>