<div class="thimbles table constructor-prize">
    <table class="adm-list-table">
        <thead>
        <tr class="adm-list-table-header">
            <td class="adm-list-table-cell"></td>
            <td class="adm-list-table-cell">
                <div class="adm-list-table-cell-inner">
                    <?= GetMessage("SKYWEB24_POPUPPRO_TABLE_HEAD_SORT") ?>
                </div>
            </td>
            <td class="adm-list-table-cell">
                <div class="adm-list-table-cell-inner">
                    <?= GetMessage("SKYWEB24_POPUPPRO_TABLE_HEAD_TEXT") ?>
                </div>
            </td>
            <td class="adm-list-table-cell">
                <div class="adm-list-table-cell-inner">
                    <?= GetMessage("SKYWEB24_POPUPPRO_TABLE_HEAD_RESULT") ?>
                    <span class="skwb24-item-hint" id="thimbles_hint_rules">?</span>
                    <script>
                        new top.BX.CHint({
                            parent: top.BX("thimbles_hint_rules"),
                            show_timeout: 10,
                            hide_timeout: 200,
                            dx: 2,
                            preventHide: true,
                            min_width: 400,
                            hint: '<?echo GetMessage("skyweb24.popuppro_ROULETTE_RULE_INFO_BASIC"); echo (\Bitrix\Main\Loader::IncludeModule('sale')) ? GetMessage("skyweb24.popuppro_ROULETTE_RULE_INFO_SALE") : ''?>'
                        });
                    </script>
                </div>
            </td>
            <td class="adm-list-table-cell">
                <div class="adm-list-table-cell-inner">
                    <?= GetMessage("SKYWEB24_POPUPPRO_TABLE_HEAD_CHANCE") ?>
                    <span class="skwb24-item-hint" id="thimbles_hint_chance">?</span>
                    <script>
                        new top.BX.CHint({
                            parent: top.BX("thimbles_hint_chance"),
                            show_timeout: 10,
                            hide_timeout: 200,
                            dx: 2,
                            preventHide: true,
                            min_width: 400,
                            hint: '<?echo GetMessage("skyweb24.popuppro_ROULETTE_CHANCE_HINT");?>'
                        });
                    </script>
                </div>
            </td>
            <td class="adm-list-table-cell">
                <div class="adm-list-table-cell-inner">
                    <?= GetMessage("SKYWEB24_POPUPPRO_TABLE_HEAD_MANAGER") ?>
                </div>
            </td>
        </tr>
        </thead>
        <tbody class="table-drag-drop-container">
        <template id="template-constructor-prize-row">
            <tr class="adm-list-table-row tddc_item">
                <td class="adm-list-table-cell">
                    <div class="adm-list-table-popup drag_key"></div>
                </td>
                <td class="adm-list-table-cell sort"></td>
                <td class="adm-list-table-cell text">
                    <!--render input-->
                </td>
                <td class="adm-list-table-cell rules">
                    <!--render select-->
                </td>
                <td class="adm-list-table-cell chance">
                    <!--render select-->
                    <!--render input-->
                </td>
                <td class="adm-list-table-cell">
                    <a href="javascript:void(0);" class="remove-item" style="display: inline-block">
                        <img style="pointer-events: none" width="20px" height="25px" src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzNzguMzAzIDM3OC4zMDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3OC4zMDMgMzc4LjMwMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNGRjM1MDE7IiBwb2ludHM9IjM3OC4zMDMsMjguMjg1IDM1MC4wMTgsMCAxODkuMTUxLDE2MC44NjcgMjguMjg1LDAgMCwyOC4yODUgMTYwLjg2NywxODkuMTUxIDAsMzUwLjAxOCAgIDI4LjI4NSwzNzguMzAyIDE4OS4xNTEsMjE3LjQzNiAzNTAuMDE4LDM3OC4zMDIgMzc4LjMwMywzNTAuMDE4IDIxNy40MzYsMTg5LjE1MSAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==">
                    </a>
                </td>
            </tr>
        </template>
        </tbody>
    </table>

    <a href="javascript:void(0);" class="adm-btn-save adm-btn-add adm-btn add-item">
        <?=GetMessage("SKYWEB24_POPUPPRO_TABLE_THIMBLES_BUTTON_ADD");?>
    </a>
</div>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        new BX.PopupproAdminConstructorPrize({
            items: '<?=\Bitrix\Main\Web\Json::encode($editArr['thimbles']['list_wins']);?>',
            prizes: '<?=\Bitrix\Main\Web\Json::encode(\Skyweb24\Popuppro\Reward::getPrizeList());?>'
        });
    })
</script>
<style>

</style>