{% extends "admin_base.html" %}
{% import "macros/workspace_ui.html" as ui %}
{% import "macros/modal.html" as modal %}
{% import "macros/loading_spinner.html" as spinner %}

{% block page_title %}Skills catalog | Skill Booking{% endblock %}

{% block extra_head %}
{% include "skill-booking/ui-head.html" %}
{% endblock %}

{% block admin_content %}
{{ ui::list_open(label="Skills catalog") }}
<p class="blocks-workspace-help">Define the services providers offer. Attach reusable application and booking forms where needed.</p>
{{ ui::fetch_list(config_url="/plugins/skill-booking/assets/admin/skills_list.json", mount_id="skill-booking-skills-list", label="Skills catalog; scroll horizontally if needed", colspan=7, custom_mount=true, loading="Loading skills…") }}

{{ modal::modal(id="sb-skill-modal", title='<span id="sb-skill-modal-title">Skill</span>', size="md", extra_class="max-w-2xl", body_html='<div id="sb-skill-form-fields"></div>', modal_attrs="data-blocks-overlay") }}
{{ ui::list_close() }}
{% endblock %}

{% block scripts %}
<script src="/plugins/skill-booking/assets/js/admin_skills.js?v={{ asset_version | default(value='1') }}"></script>
{% endblock %}