SettingsSection

{% load wdj %}
<form x-data="{ saved: false }" @submit.prevent="saved = true" @input="saved = false">
  {% wdj_component "wdj/components/settings_section.html" title="Workspace preferences" description="Change local demo preferences. Production saves require a Django POST endpoint." %}
    {% include "wdj/components/input.html" with id="block-workspace" name="workspace" label="Workspace name" value="Demo workspace" required=True only %}
    <div class="flex flex-wrap items-center gap-3">
      {% include "wdj/components/button.html" with label="Save preferences" variant="primary" type="submit" only %}
      <p role="status" class="text-base text-kumo-subtle" x-text="saved ? 'Demo preferences updated locally.' : 'Changes are local to this preview.'"></p>
    </div>
  {% endwdj_component %}
</form>

{% load wdj %}
<div x-data="{ enabled: false }" @change="enabled = $event.target.checked">
  {% wdj_component "wdj/components/settings_section.html" title="Access preferences" description="Use a native switch for local state. Enforce access rules on the server." %}
    {% include "wdj/components/switch.html" with id="block-reviews" name="require_review" label="Require a review" only %}
    <p role="status" class="text-base text-kumo-subtle" x-text="enabled ? 'Demo review preference enabled.' : 'Demo review preference disabled.'"></p>
  {% endwdj_component %}
</div>

{% load wdj %}
{% wdj_component "wdj/components/settings_section.html" title="Remove a resource" description="A reusable danger section. This preview only confirms the typed name." variant="danger" %}
  {% include "wdj/components/delete_resource.html" with id="block-delete-project" resource_type="project" resource_name="demo-project" delete_button_text="Delete demo project" demo=True only %}
{% endwdj_component %}