<?php

declare(strict_types=1);

?>

<div class="col-xl-3 col-lg-3">

    <div class="designer-column-sticky">

        <div class="designer-panel">

            <div class="designer-panel-header">

                <h6 class="designer-panel-title">

                    Properties

                </h6>

                <div class="designer-panel-subtitle">

                    Select a field to edit

                </div>

            </div>

            <div
                id="propertyPanel">

                <div
                    class="text-center
                           py-5
                           text-muted">

                    <i
                        class="bi bi-ui-checks-grid"
                        style="font-size:42px"></i>

                    <p class="mt-3 mb-0">

                        No field selected.

                    </p>

                    <small>

                        Click any field on the canvas
                        to edit its properties.

                    </small>

                </div>

            </div>

        </div>

        <div
            class="designer-panel mt-3">

            <div class="designer-panel-header">

                <h6 class="designer-panel-title">

                    Form Statistics

                </h6>

            </div>

            <div class="designer-stats">

                <div class="designer-stat">

                    <span>

                        Sections

                    </span>

                    <strong>

                        <?= count($sections) ?>

                    </strong>

                </div>

                <div class="designer-stat">

                    <span>

                        Fields

                    </span>

                    <strong>

                        <?= count($fields) ?>

                    </strong>

                </div>

                <div class="designer-stat">

                    <span>

                        Status

                    </span>

                    <strong>

                        <?= htmlspecialchars(
                            ucfirst($formStatus)
                        ) ?>

                    </strong>

                </div>

            </div>

        </div>

    </div>

</div>