{% extends "admin_base.html" %}
{% import "macros/admin_crud_list.html" as crud %}
{% import "macros/admin_management_header.html" as mh %}
{% import "macros/loading_spinner.html" as spinner %}
{% import "macros/modal.html" as modal %}

{% block page_title %}PC Build Preset Profiles{% endblock %}

{% block admin_content %}
<main data-plugin="pc-build" class="blocks-workspace mx-auto w-full max-w-7xl px-4 py-6 sm:px-6 lg:px-8">
  {{ mh::management_header_simple(title="Preset profiles", subtitle="Curate ready-made builds and the parts included in each profile.") }}
  {{ crud::shell_open(config_url="/plugins/pc-build/assets/admin/presets_list.json", mount_id="pc-build-presets-list", custom_mount=true) }}
  <div class="blocks-table-scroll"><table><thead></thead><tbody>{{ spinner::table_skeleton(colspan=8, lines=3, label="Loading presets…") }}</tbody></table></div>
  {{ crud::shell_close() }}
  {{ crud::shell_open(config_url="/plugins/pc-build/assets/admin/preset_items_list.json", mount_id="pc-build-preset-items-list", custom_mount=true) }}
  <div class="blocks-table-scroll"><table><thead></thead><tbody>{{ spinner::table_skeleton(colspan=8, lines=3, label="Loading preset parts…") }}</tbody></table></div>
  {{ crud::shell_close() }}
</main>
{{ modal::modal(id="pc-build-preset-modal", title='<span id="pc-build-preset-modal-title">Preset</span>', size="lg", body_html='<div id="pc-build-preset-form-mount"></div>', footer_html='<button type="button" class="blocks-button blocks-button-secondary" data-modal-dismiss>Cancel</button>') }}
{{ modal::modal(id="pc-build-preset-item-modal", title="Add preset part", size="lg", body_html='<div id="pc-build-preset-item-form-mount"></div>', footer_html='<button type="button" class="blocks-button blocks-button-secondary" data-modal-dismiss>Cancel</button>') }}
{% endblock %}

{% block scripts %}<script src="/plugins/pc-build/assets/js/presets_admin.js" defer></script>{% endblock %}