<form class="quiqqer-bricks-brickedit">
    <table class="data-table data-table-flexbox">
        <thead>
        <tr>
            <th>
                {locale group="quiqqer/bricks" var="brick.edit.header"}
            </th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>
                <label for="title" class="field-container">
                    <span class="field-container-item">
                        {locale group="quiqqer/bricks" var="brick.edit.backendTitle"}
                    </span>
                    <input type="text" name="title" id="title" class="field-container-field"/>
                </label>
            </td>
        </tr>
        <tr>
            <td>
                <label for="active" class="field-container">
                    <span class="field-container-item">
                        {locale group="quiqqer/bricks" var="brick.edit.status"}
                    </span>
                    <span class="field-container-field">
                        <input type="hidden" name="active" id="active" value="1"/>
                        <span id="activeSwitch"></span>
                    </span>
                </label>
            </td>
        </tr>
        <tr>
            <td>
                <label for="description" class="field-container">
                    <span class="field-container-item">
                        {locale group="quiqqer/bricks" var="brick.edit.description"}
                    </span>
                    <textarea name="description"
                              id="description"
                              class="field-container-field"
                              style="height: 100px"
                    ></textarea>
                </label>
            </td>
        </tr>
        <tr>
            <td>
                <label for="type" class="field-container">
                    <span class="field-container-item">
                        {locale group="quiqqer/bricks" var="brick.edit.type.title"}
                    </span>
                    <input type="text"
                           name="typeTitle"
                           id="typeTitle"
                           disabled="disabled"
                           class="field-container-field"
                    />
                </label>
            </td>
        </tr>
        <tr>
            <td class="quiqqer-bricks-brickedit-showBrickData">
                <label for="type" class="field-container">
                    <span class="field-container-item">
                        {locale group="quiqqer/bricks" var="brick.edit.type"}
                    </span>
                    <input type="text" name="type" id="type" disabled="disabled" class="field-container-field"/>
                </label>
                <button class="qui-button quiqqer-bricks-brickedit-showBrickDataBtn" title="{locale group="quiqqer/bricks" var="brick.edit.showBrickDataBtnTitle"}"><span class="fa fa-code"></span></button>
            </td>
        </tr>
        <tr>
            <td>
                <label for="c_date" class="field-container">
                    <span class="field-container-item">
                        {locale group="quiqqer/core" var="projects.project.site.panel.information.created"}
                    </span>
                    <input type="text" name="c_date" id="c_date" disabled="disabled" class="field-container-field"/>
                </label>
            </td>
        </tr>
        <tr>
            <td>
                <label for="c_user" class="field-container">
                    <span class="field-container-item">
                        {locale group="quiqqer/core" var="from"}
                    </span>
                    <input type="text"
                           name="c_user"
                           id="c_user"
                           disabled="disabled"
                           class="user field-container-field"
                    />
                </label>
            </td>
        </tr>
        <tr>
            <td>
                <label for="e_date" class="field-container">
                    <span class="field-container-item">
                        {locale group="quiqqer/core" var="projects.project.site.panel.information.edited"}
                    </span>
                    <input type="text" name="e_date" id="e_date" disabled="disabled" class="field-container-field"/>
                </label>
            </td>
        </tr>
        <tr>
            <td>
                <label for="e_user" class="field-container">
                    <span class="field-container-item">
                        {locale group="quiqqer/core" var="from"}
                    </span>
                    <input type="text"
                           name="e_user"
                           id="e_user"
                           disabled="disabled"
                           class="user field-container-field"
                    />
                </label>
            </td>
        </tr>
        </tbody>
    </table>

    <div class="deprecated-messages quiqqer-message quiqqer-message-error"
         style="display: none; width: 100%; max-width: 100%; margin-bottom: 1rem;">
        <div class="quiqqer-message-text">
                {locale group="quiqqer/bricks" var="brick.deprecated"}
        </div>
    </div>

    <div class="inactive-messages quiqqer-message quiqqer-message-attention"
         style="display: none; width: 100%; max-width: 100%">
        <div class="quiqqer-message-text">
            {locale group="quiqqer/bricks" var="brick.edit.status.inactive.message"}
        </div>
    </div>
</form>
