<swp-two-column-grid>
    <!-- Kalenderindstillinger -->
    <swp-card>
    <swp-card-header>
        <swp-card-title>
            <i class="ph ph-calendar-blank"></i>
            Kalenderindstillinger
        </swp-card-title>
    </swp-card-header>
    <swp-card-content>
        <swp-edit-section>
            <swp-edit-row>
                <swp-edit-label>Standard visning</swp-edit-label>
                <swp-edit-select>
                    <select>
                        <option value="day">Dag</option>
                        <option value="week" selected>Uge</option>
                        <option value="month">Måned</option>
                    </select>
                </swp-edit-select>
            </swp-edit-row>
            <swp-edit-row>
                <swp-edit-label>Første dag i ugen</swp-edit-label>
                <swp-edit-select>
                    <select>
                        <option value="monday" selected>Mandag</option>
                        <option value="sunday">Søndag</option>
                    </select>
                </swp-edit-select>
            </swp-edit-row>
            <swp-edit-row>
                <swp-edit-label>Tidsinterval</swp-edit-label>
                <swp-edit-select>
                    <select>
                        <option value="15" selected>15 minutter</option>
                        <option value="30">30 minutter</option>
                        <option value="60">60 minutter</option>
                    </select>
                </swp-edit-select>
            </swp-edit-row>
            <swp-edit-row>
                <swp-edit-label>Vis weekender</swp-edit-label>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
            </swp-edit-row>
            <swp-edit-row>
                <swp-edit-label>Arbejdstid fra</swp-edit-label>
                <swp-edit-select>
                    <select>
                        <option value="06:00">06:00</option>
                        <option value="07:00">07:00</option>
                        <option value="08:00" selected>08:00</option>
                        <option value="09:00">09:00</option>
                        <option value="10:00">10:00</option>
                    </select>
                </swp-edit-select>
            </swp-edit-row>
            <swp-edit-row>
                <swp-edit-label>Arbejdstid til</swp-edit-label>
                <swp-edit-select>
                    <select>
                        <option value="17:00">17:00</option>
                        <option value="18:00">18:00</option>
                        <option value="19:00">19:00</option>
                        <option value="20:00" selected>20:00</option>
                        <option value="21:00">21:00</option>
                        <option value="22:00">22:00</option>
                    </select>
                </swp-edit-select>
            </swp-edit-row>
        </swp-edit-section>
    </swp-card-content>
</swp-card>

<!-- Helligdage & lukkedage -->
<swp-card>
    <swp-card-header>
        <swp-card-title>
            <i class="ph ph-calendar-x"></i>
            Helligdage & lukkedage
        </swp-card-title>
        <swp-btn class="secondary sm">
            <i class="ph ph-plus"></i>
            Tilføj lukkedag
        </swp-btn>
    </swp-card-header>
    <swp-card-content>
        <swp-toggle-row>
            <swp-toggle-info>
                <swp-toggle-label>Luk automatisk på helligdage</swp-toggle-label>
                <swp-toggle-desc>Salonen lukkes automatisk på danske helligdage</swp-toggle-desc>
            </swp-toggle-info>
            <swp-toggle-slider data-value="yes">
                <swp-toggle-option>Ja</swp-toggle-option>
                <swp-toggle-option>Nej</swp-toggle-option>
            </swp-toggle-slider>
        </swp-toggle-row>

        <swp-section-divider></swp-section-divider>

        <swp-closed-days-list>
            <swp-closed-day-item>
                <swp-closed-day-info>
                    <swp-closed-day-date>5. april 2026</swp-closed-day-date>
                    <swp-closed-day-name>Påskedag</swp-closed-day-name>
                </swp-closed-day-info>
                <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
                <swp-icon-btn class="edit" title="Rediger åbningstid">
                    <i class="ph ph-pencil-simple"></i>
                </swp-icon-btn>
            </swp-closed-day-item>
            <swp-closed-day-item>
                <swp-closed-day-info>
                    <swp-closed-day-date>1. maj 2026</swp-closed-day-date>
                    <swp-closed-day-name>Store bededag</swp-closed-day-name>
                </swp-closed-day-info>
                <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
                <swp-icon-btn class="edit" title="Rediger åbningstid">
                    <i class="ph ph-pencil-simple"></i>
                </swp-icon-btn>
            </swp-closed-day-item>
            <swp-closed-day-item>
                <swp-closed-day-info>
                    <swp-closed-day-date>14. maj 2026</swp-closed-day-date>
                    <swp-closed-day-name>Kristi Himmelfart</swp-closed-day-name>
                </swp-closed-day-info>
                <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
                <swp-icon-btn class="edit" title="Rediger åbningstid">
                    <i class="ph ph-pencil-simple"></i>
                </swp-icon-btn>
            </swp-closed-day-item>
            <swp-closed-day-item>
                <swp-closed-day-info>
                    <swp-closed-day-date>24. maj 2026</swp-closed-day-date>
                    <swp-closed-day-name>Pinsedag</swp-closed-day-name>
                </swp-closed-day-info>
                <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
                <swp-icon-btn class="edit" title="Rediger åbningstid">
                    <i class="ph ph-pencil-simple"></i>
                </swp-icon-btn>
            </swp-closed-day-item>
            <swp-closed-day-item>
                <swp-closed-day-info>
                    <swp-closed-day-date>25. maj 2026</swp-closed-day-date>
                    <swp-closed-day-name>2. pinsedag</swp-closed-day-name>
                </swp-closed-day-info>
                <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
                <swp-icon-btn class="edit" title="Rediger åbningstid">
                    <i class="ph ph-pencil-simple"></i>
                </swp-icon-btn>
            </swp-closed-day-item>
            <swp-closed-day-item>
                <swp-closed-day-info>
                    <swp-closed-day-date>5. juni 2026</swp-closed-day-date>
                    <swp-closed-day-name>Grundlovsdag</swp-closed-day-name>
                </swp-closed-day-info>
                <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
                <swp-icon-btn class="edit" title="Rediger åbningstid">
                    <i class="ph ph-pencil-simple"></i>
                </swp-icon-btn>
            </swp-closed-day-item>
            <swp-closed-day-item>
                <swp-closed-day-info>
                    <swp-closed-day-date>24. december 2026</swp-closed-day-date>
                    <swp-closed-day-name>Juleaften</swp-closed-day-name>
                </swp-closed-day-info>
                <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
                <swp-icon-btn class="edit" title="Rediger åbningstid">
                    <i class="ph ph-pencil-simple"></i>
                </swp-icon-btn>
            </swp-closed-day-item>
            <swp-closed-day-item>
                <swp-closed-day-info>
                    <swp-closed-day-date>25. december 2026</swp-closed-day-date>
                    <swp-closed-day-name>1. juledag</swp-closed-day-name>
                </swp-closed-day-info>
                <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
                <swp-icon-btn class="edit" title="Rediger åbningstid">
                    <i class="ph ph-pencil-simple"></i>
                </swp-icon-btn>
            </swp-closed-day-item>
            <swp-closed-day-item>
                <swp-closed-day-info>
                    <swp-closed-day-date>26. december 2026</swp-closed-day-date>
                    <swp-closed-day-name>2. juledag</swp-closed-day-name>
                </swp-closed-day-info>
                <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
                <swp-icon-btn class="edit" title="Rediger åbningstid">
                    <i class="ph ph-pencil-simple"></i>
                </swp-icon-btn>
            </swp-closed-day-item>
            <swp-closed-day-item>
                <swp-closed-day-info>
                    <swp-closed-day-date>1. januar 2027</swp-closed-day-date>
                    <swp-closed-day-name>Nytårsdag</swp-closed-day-name>
                </swp-closed-day-info>
                <swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
                <swp-icon-btn class="edit" title="Rediger åbningstid">
                    <i class="ph ph-pencil-simple"></i>
                </swp-icon-btn>
            </swp-closed-day-item>
            <swp-closed-day-item>
                <swp-closed-day-info>
                    <swp-closed-day-date>14. - 28. juli 2026</swp-closed-day-date>
                    <swp-closed-day-name>Sommerferie</swp-closed-day-name>
                </swp-closed-day-info>
                <swp-closed-day-badge class="custom">Lukkedag</swp-closed-day-badge>
                <swp-icon-btn class="delete" title="Fjern">
                    <i class="ph ph-trash"></i>
                </swp-icon-btn>
            </swp-closed-day-item>
            <swp-closed-day-item>
                <swp-closed-day-info>
                    <swp-closed-day-date>24. - 26. december 2026</swp-closed-day-date>
                    <swp-closed-day-name>Julelukning</swp-closed-day-name>
                </swp-closed-day-info>
                <swp-closed-day-badge class="custom">Lukkedag</swp-closed-day-badge>
                <swp-icon-btn class="delete" title="Fjern">
                    <i class="ph ph-trash"></i>
                </swp-icon-btn>
            </swp-closed-day-item>
        </swp-closed-days-list>
    </swp-card-content>
    </swp-card>
</swp-two-column-grid>
