<div id="medico-container">
    <div><h3 id="medico-title" class="rb-h3">Orari medico</h3></div>
    <div id="medico-days"></divid>
</div>

<div>
    <h3 class="rb-h3">Seleziona una data</h3>
</div>
<div id="calendar-slot-container">
    <div id="calendar-box">
        <div id="calendar-controls">
            <a href="" id="prev-month">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                    <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 9-3 3m0 0 3 3m-3-3h7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
                </svg>
            </a>
            <span id="current-month"></span>
            <a href="" id="next-month">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                    <path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
                </svg>
            </a>
        </div>
        <div id="calendar-weekdays"></div>
        <div id="calendar"></div>
    </div>
    <div id="slot-box">
        <div id="time-slots">
            <h3 id="selected-day" class="rb-h3">Seleziona un giorno</h3>
            <div id="time-slot-list"></div>
        </div>
    </div>
</div>

