<swp-card>
    <swp-card-header>
        <swp-card-title>
            <i class="ph ph-clock"></i>
            <span localize="onlineBooking.hours.title">Åbningstider</span>
        </swp-card-title>
        <swp-section-action href="/indstillinger" localize="onlineBooking.hours.edit">Rediger</swp-section-action>
    </swp-card-header>
    <swp-card-content>
        <swp-hours-table>
            <swp-hours-row>
                <swp-hours-day localize="employees.detail.hours.monday">Mandag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span>-</span>
                    <input type="time" value="17:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day localize="employees.detail.hours.tuesday">Tirsdag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span>-</span>
                    <input type="time" value="17:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day localize="employees.detail.hours.wednesday">Onsdag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span>-</span>
                    <input type="time" value="17:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day localize="employees.detail.hours.thursday">Torsdag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span>-</span>
                    <input type="time" value="19:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day localize="employees.detail.hours.friday">Fredag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span>-</span>
                    <input type="time" value="17:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day localize="employees.detail.hours.saturday">Lørdag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="10:00">
                    <span>-</span>
                    <input type="time" value="14:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day localize="employees.detail.hours.sunday">Søndag</swp-hours-day>
                <swp-toggle-slider data-value="no">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-closed localize="onlineBooking.hours.closed">Lukket</swp-hours-closed>
            </swp-hours-row>
        </swp-hours-table>
    </swp-card-content>
</swp-card>
