{% set page_group = "admin" %} {% include 'components/head.html' %} {# SweetAlert2 for notifications (required for async/await and preConfirm) #} {# SyncFusion EJ2 loaded via Vite bundle in footer.html #} {# Floor Plan Designer Styles #}
{% include 'components/nav-account.html' %}
{% include 'components/alerts.html' %}
{# Header #}

Floor Plan Designer {% if currentLayout %} / {{ currentLayout.name }} {{ currentLayout.status | capitalize }} {% endif %}

{% if canManage %} {# Draft workflow buttons - shown when editing a draft #} {# Export dropdown #} {# Layout Actions Dropdown - replaces separate Save/Settings buttons #} {% endif %}
{# Left Sidebar - Tabbed Palette #} {# Shapes Tab Content #}
Basic Shapes
Rectangle
Circle/Ellipse
Triangle
Diamond
Lines & Arrows
Straight Line
Orthogonal Line
Arrow
Text & Labels
Text Label
Heading
{# Unassigned Categories Tab Content #}
Loading...
{# Canvas Area #}
{# Find Rack Search #}
{% if canManage %}
{% endif %}
{% if canManage %} {# Autosave Toggle #}
{% endif %} {# Dirty State Indicator #}
Unsaved
Press Esc or F11 to exit fullscreen
{% if floorPlan %}
{% if floorPlan.widthFeet and floorPlan.depthFeet %} {{ floorPlan.widthFeet|round }}' × {{ floorPlan.depthFeet|round }}' ({{ floorPlan.squareFootage|default(floorPlan.widthFeet * floorPlan.depthFeet)|number_format }} sq ft) {% else %} Not configured {% endif %}
{{ floorPlan.canvasWidth }} × {{ floorPlan.canvasHeight }} px
100%
{{ racks | length }} racks
{% else %}

No Floor Plan Yet

Create your first floor plan to start designing your store layout with racks and category assignments.

{% if canManage %} {% endif %}
{% endif %}
{# Right Sidebar - Properties #}
{# Print Container - Hidden until print is triggered #} {# Background Image Modal #} {# Create Rack Type Modal #} {# Store Dimensions Dialog (SyncFusion) #}
{# Current Dimensions Display #}
{{ floorPlan.widthFeet|default('--') }}'
Width
{{ floorPlan.depthFeet|default('--') }}'
Depth
{{ floorPlan.squareFootage|default('--')|number_format }}
Sq Ft
{# Preset Sizes #}
{% for key, preset in storeSizePresets %} {% endfor %}
{# Custom Dimensions #}
{# Scale Settings #}
Canvas: -- × -- px
{# Warning for existing content #}
{# Floor Plan Designer JavaScript #} {% include 'components/footer.html' %}