<swp-card>
    <swp-card-header>
        <swp-card-title>
            <i class="ph ph-clock"></i>
            <span localize="settings.hours.title">Åbningstider</span>
        </swp-card-title>
    </swp-card-header>
    <swp-card-content>
        <swp-hours-table>
            <swp-hours-row>
                <swp-hours-day localize="common.days.monday">Mandag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option localize="common.yes">Ja</swp-toggle-option>
                    <swp-toggle-option localize="common.no">Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span localize="common.to">til</span>
                    <input type="time" value="18:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day localize="common.days.tuesday">Tirsdag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option localize="common.yes">Ja</swp-toggle-option>
                    <swp-toggle-option localize="common.no">Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span localize="common.to">til</span>
                    <input type="time" value="18:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day localize="common.days.wednesday">Onsdag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option localize="common.yes">Ja</swp-toggle-option>
                    <swp-toggle-option localize="common.no">Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span localize="common.to">til</span>
                    <input type="time" value="18:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day localize="common.days.thursday">Torsdag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option localize="common.yes">Ja</swp-toggle-option>
                    <swp-toggle-option localize="common.no">Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span localize="common.to">til</span>
                    <input type="time" value="20:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day localize="common.days.friday">Fredag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option localize="common.yes">Ja</swp-toggle-option>
                    <swp-toggle-option localize="common.no">Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span localize="common.to">til</span>
                    <input type="time" value="17:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day localize="common.days.saturday">Lørdag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option localize="common.yes">Ja</swp-toggle-option>
                    <swp-toggle-option localize="common.no">Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="10:00">
                    <span localize="common.to">til</span>
                    <input type="time" value="14:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day localize="common.days.sunday">Søndag</swp-hours-day>
                <swp-toggle-slider data-value="no">
                    <swp-toggle-option localize="common.yes">Ja</swp-toggle-option>
                    <swp-toggle-option localize="common.no">Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-closed localize="settings.hours.closed">Lukket</swp-hours-closed>
            </swp-hours-row>
        </swp-hours-table>
    </swp-card-content>
</swp-card>
