{% if form_name is not defined %}
    {% set form_name = 'std_pages_form' %}
{% endif %}
{% set blockcomponent = "" %}
{% set release = 0 %}
{% set counter = 0 %}
{% set maxHotspotCounter = 0 %}
{% set now = "now"|date("Y-m-d H:i:s", "Europe/Lisbon") %}
<div class="preloader position-absolute transform50X pl-xs pls-primary {% if pageContent.content["fields"] is not defined %}d-none{% endif %}"><svg class="pl-circular" viewBox="25 25 50 50"><circle class="plc-path" cx="50" cy="50" r="20"></circle></svg></div>
<div class="pagecontent-wrap d-none">
{% if pageContent.content["fields"] is defined  %}
    {% for blocks in pageContent.content["fields"] %}
        {% set blockName = blocks["blockname"]|default %}
        {% set blockuniqueid = blocks["blockuniqueid"]|default %}
        {% set blockMachineName = blocks["block"] %}
        {% set blockLabel = blocks["label"] %}
        {% set blockRepeatable = blocks["isRepeatable"] %}
        {% set blockSkin = blocks["skin"] %}
        {% set blockId = blocks["blockId"] %}
        {% set arrComponents = blocks["components"] %}
        {% set arrComponentsRepeatable = blocks["repeatable"] %}
        {% set arrSettings = blocks["settings"] %}
        {% set disabled = "" %}
        {% if release == 1  %}
            {% set counter = lastCounter %}
            {% set release = 0 %}
        {% endif %}
        {% if blocks["disabled"] is defined  %}
            {% set disabled = blocks["disabled"] %}
        {% endif %}
        {% if blocks["isMaster"] is defined  %}
            {% if blocks["isMaster"] > 0  %}
                {% set disabled = "" %}
            {% endif %}
        {% endif %}
        {% if menuType == "templates"  %}
            {% if (blocks["idTemplateBlock"] is defined)  %}
                {% set lastCounter = counter %}
                {% set counter = "id--" ~ blocks["idTemplateBlock"] %}
                {% set release = 1 %}
            {% else %}
                {% set counter = ( counter | default(0) ) + 1 %}
            {% endif %}
        {% else %}
            {% set counter = ( counter | default(0) ) + 1 %}
        {% endif %}
        {% if forceCounter|default(0) > 0 %}
            {% set counter = forceCounter %}
        {% endif %}
        <div class="card m-b-10 structure-block card-collapsed {% if blocks["block"] == "block_group" %}structure-block-group{% endif %}" data-block-machine="{{ blockMachineName }}">
            <div class="card-header draggable">
                <span class="block-title" data-title="{{ blockLabel|trans({},'blocks') }}">
                    {% if blockName|default %}{{ blockName }} <small>[{{ blockLabel|trans({},'blocks') }}]</small>{% else %}{{ blockLabel|trans({},'blocks') }}{% endif %}<i title="Edit Block Name" class="la la-edit"></i>                    
                </span>
                <input type="text" class="blockname" id="{{ form_name }}_page-content-_-{{ counter }}-_-{{ blockMachineName }}-_-blockname" name="{{ form_name }}[page-content-_-{{ counter }}-_-{{ blockMachineName }}-_-blockname]" value="{{blockName|default}}" style="display: none">
                <input type="text" class="blockuniqueid" id="{{ form_name }}_page-content-_-{{ counter }}-_-{{ blockMachineName }}-_-blockuniqueid" name="{{ form_name }}[page-content-_-{{ counter }}-_-{{ blockMachineName }}-_-blockuniqueid]" value="{{blockuniqueid|default}}" style="display: none">
                <ul class="actions top-right">
                    {% if blocks["block"] != "block_group" %}
                        {% if blockRepeatable %}
                            {% if menuType == "templates"  %}
                                {% if blocks["isMaster"] > 0  %}
                                    <li><a href="javascript:void(0)" data-q-action="card-repeat"><i class="icon dripicons-plus" block-repeat="{{ blockId }}" counter="{{ counter }}"></i></a></li>
                                {% else %}
                                    <li><a href="javascript:void(0)" data-q-action="card-repeat"><i class="icon dripicons-plus" style="display: none" block-repeat="{{ blockId }}" counter="{{ counter }}"></i></a></li>
                                {% endif %}
                            {% else %}
                                {% if blocks["isMaster"] is defined  %}
                                    {% if blocks["isMaster"] == 0  %}
                                        <li><a href="javascript:void(0)" data-q-action="card-repeat"><i class="icon dripicons-plus" block-repeat="{{ blockId }}" counter="{{ counter }}"></i></a></li>
                                    {% else %}
                                        <li><a href="javascript:void(0)" data-q-action="card-repeat"><i class="icon dripicons-plus" style="display: none" block-repeat="{{ blockId }}" counter="{{ counter }}"></i></a></li>
                                    {% endif %}
                                {% else %}
                                    <li><a href="javascript:void(0)" data-q-action="card-repeat"><i class="icon dripicons-plus" block-repeat="{{ blockId }}" counter="{{ counter }}"></i></a></li>
                                {% endif %}
                            {% endif %}
                        {% endif %}
                        {% set publishDate = "" %}
                        {% set expireDate = "" %}
                        {% if blocks['publish_date'] is defined %}
                            {% set publishDate = blocks['publish_date']|replace({"/": "-"})|date("Y-m-d H:i:s") %}
                        {% endif %}
                        {% if blocks['expire_date'] is defined %}
                            {% set expireDate = blocks['expire_date']|replace({"/": "-"})|date("Y-m-d H:i:s") %}
                        {% endif %}
                        {% if publishDate == "" and expireDate == "" %}
                            {% set classColorDate = "" %}
                        {% else %}
                            {% if publishDate and now < publishDate %}
                                {% set classColorDate = "clock-yellow" %}
                            {% else %}
                                {% set classColorDate = "clock-green" %}
                            {% endif %}
                            {% if expireDate and now > expireDate %}
                                {% set classColorDate = "clock-red" %}
                            {% endif %}
                        {% endif %}
                        <li><a href="javascript:void(0)" data-q-action="card-excel"><i class="icon dripicons-upload block-data-icon-upload" block="{{ blockId }}" counter-excel="{{ counter }}"></i></a></li>
                        <li><a href="javascript:void(0)" data-q-action="card-date"><i class="icon dripicons-clock card-clock {{ classColorDate }}" counter="{{ counter }}"></i></a></li>
                        <li><a href="javascript:void(0)" data-q-action="card-copy"><i class="icon dripicons-copy"></i></a></li>
                    {% endif %}
                    {% set displayTrash = "none" %}
                    {% if menuType not in  ["templates", "snippets"]  %}
                        {% if not blocks["isMaster"] and form.template_id.vars.value is empty %}
                            {% set displayTrash = "block" %}
                        {% endif %}
                    {% else %}
                        {% set displayTrash = "block" %}
                    {% endif %}
                    <li><a href="javascript:void(0)" data-q-action="card-configure"><i class="icon dripicons-gear"></i></a></li>
                    <li><a href="javascript:void(0)" data-q-action="card-collapsed"><i class="icon dripicons-chevron-down"></i></a></li>
                    <li><a href="javascript:void(0)" class="card-remove" style="display: {{ displayTrash }};" data-q-action="card-remove"><i class="icon dripicons-trash"></i></a></li>

                </ul>
            </div>
            <div class="card-body block-card-master" style="display: none;">
                {% set habilSettings = "" %}
                {% if blocks["templatesBlocksId"] is defined %}
                    {% if blocks["isMaster"] is defined and blocks["isMaster"] > 0 %}
                        {% set habilSettings = "disabled" %}
                        <input type="hidden" name="page-content[{{ counter }}][{{ blockMachineName }}][isMaster]" id="page-content[{{ counter }}][{{ blockMachineName }}][isMaster]" class="hidden-is-master" value="{{ blocks["templatesBlocksId"] }}">
                    {% endif %}
                    <input type="hidden" name="page-content[{{ counter }}][{{ blockMachineName }}][templatesBlocksId]" id="page-content[{{ counter }}][{{ blockMachineName }}][templatesBlocksId]" class="hidden-is-template" value="{{ blocks["templatesBlocksId"] }}">
                {% endif %}
                <div class="block-config" style="display: none;">
                    <div class="row">

                        <!-- Default Block Config (Skin) -->
                        <div class="col-3">
                            <label for="skin">Skin</label>
                            <select class="form-control" name="page-content[{{ counter }}][skin]" tabindex="-1" aria-hidden="true" {{ habilSettings }}>
                                <option value="">- Select an option -</option>
                                {% for key, skin in blocksSkins %}
                                    {% set selected = "" %}
                                    {%  if skin.machineName == blockSkin %}
                                        {% set selected = "SELECTED" %}
                                    {% endif %}

                                    {%  if skin.blockId == blockId %}
                                        <option value="{{ skin.machineName }}" {{ selected }}>{{ skin.name }}</option>
                                    {% endif %}
                                {% endfor %}
                            </select>
                        </div>
                        <!-- END Default Block Config (Skin) -->

                        <!-- Publish/Expire Date -->
                        <div class="fields-date" style="display: none;">
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="metatitle">Publish Date</label>
                                        <input type="text" class="form-control pull-right datepicker-single js-settings-publishdate" id="page-content_-_{{ counter }}_-_settings_-_publish_date" name="page-content[{{ counter }}][settings][publish_date]" value="{{ blocks['publish_date']|default }}">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="metatitle">Expire Date</label>
                                        <input type="text" class="form-control pull-right datepicker-single js-settings-expiredate"  id="page-content_-_{{ counter }}_-_settings_-_expire_date" name="page-content[{{ counter }}][settings][expire_date]" value="{{ blocks['expire_date']|default }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END Publish/Expire Date -->
                        {% set countInput = 1 %}
                        {% set countNumber = 1 %}
                        {% set countColor = 1 %}
                        {% set countCheck = 1 %}
                        {% set countCombo = 1 %}
                        {% set countImage = 1 %}
                        {% for key, settings in arrSettings %}

                            {% set settingMachineName = settings["machineName"] %}
                            {% if settingMachineName|trans({},'components') != settingMachineName %}
                                {% set label = settingMachineName|trans({},'components') %}
                            {% else %}
                                {% set label = settings["label"]|trans({},'components') %}
                            {% endif %}
                            {% set dados = settings["value"] %}
                            {% set i = ( i | default(1) ) + 1 %}

                            <!-- Text -->
                            {% if settings["type"] == 'INPUT' %}
                                <div class="col">
                                    <div class="form-group">
                                        <label for="metatitle">{{ label }}</label>
                                        <input type="text" class="form-control pull-right js-settings-text js-settings-text-{{countInput}}" id="page-content[{{ counter }}][settings][{{ settingMachineName }}]" name="page-content[{{ counter }}][settings][{{ settingMachineName }}]" value="{{ dados }}" {{ habilSettings }}>
                                    </div>
                                </div>
                            {% set countInput = countInput + 1 %}
                            {% endif %}

                            <!-- Number -->
                            {% if settings["type"] == 'NUMBER' %}
                                <div class="col">
                                    <div class="form-group">
                                        <label for="metatitle">{{ label }}</label>
                                        <input type="number" class="form-control pull-right js-settings-number js-settings-number-{{countNumber}}" id="page-content[{{ counter }}][settings][{{ settingMachineName }}]" name="page-content[{{ counter }}][settings][{{ settingMachineName }}]" value="{{ dados }}" {{ habilSettings }}>
                                    </div>
                                </div>
                            {% set countNumber = countNumber + 1 %}
                            {% endif %}

                            <!-- Colorpicker -->
                            {% if settings["type"] == 'COLORPICKER' %}
                                <div class="col">
                                    <div class="form-group text-center">
                                        <label for="colorpicker">{{ label }}</label>
                                        <input id="page-content[{{ counter }}][settings][{{ settingMachineName }}]" class="colorpicker js-settings-colorpicker js-settings-colorpicker-{{countColor}}" name="page-content[{{ counter }}][settings][{{ settingMachineName }}]" value="{{ dados }}" {{ habilSettings }}>
                                    </div>
                                </div>  
                            {% set countColor = countColor + 1 %}
                            {% endif %}

                            <!-- Checkbox (e.g. Active) -->
                            {% if settings["type"] == 'CHECKBOX' %}
                                {% if dados == 1 %}
                                    {% set checked = "checked" %}
                                {% else %}
                                    {% set checked = " " %}
                                {% endif %}

                                <div class="col">
                                    <div class="form-group text-center">
                                        <label>{{ label }}</label>
                                        <input type="hidden" name="page-content[{{ counter }}][settings][{{ settingMachineName }}]" value="0">
                                        <input type="checkbox" class="tgl tgl-light tgl-primary js-settings-checkbox js-settings-checkbox-{{countCheck}}" id="cb_{{ counter }}_{{ settingMachineName }}" name="page-content[{{ counter }}][settings][{{ settingMachineName }}]" value="1" {{ checked }} {{ habilSettings }}>
                                        <label class="tgl-btn" for="cb_{{ counter }}_{{ settingMachineName }}"></label>
                                    </div>
                                </div>
                            {% set countCheck = countCheck + 1 %}
                            {% endif %}

                            <!-- Date (e.g. Post date / Expire date) -->
                            {# {% if settings["type"] == 'DATE' %}

                                <div class="col">
                                    <div class="form-group">
                                        <label for="metatitle">{{ label }}</label>
                                        <input type="text" class="form-control pull-right datepicker-single" id="page-content[{{ counter }}][settings][{{ settingMachineName }}]" name="page-content[{{ counter }}][settings][{{ settingMachineName }}]" value="{{ dados }}" {{ habilSettings }}>
                                    </div>
                                </div>
                            {% endif %} #}

                            {% if settings["type"] == 'IMAGE' %}
                                <div class="col-12">
                                    <div class="image-component-wrap">
                                        <div class="row align-items-center">
                                            <div class="col no-max-width">
                                                <div class="form-group">
                                                    <label for="{{ form_name }}_page-content[{{ counter }}][settings][{{ settingMachineName }}]">{{ label }}</label>
                                                    <div class="artgris-media container-fluid ">
                                                    <div class="row align-items-center">
                                                        <div class="img-preview text-center  col-auto  pl-0" id="preview-{{ form_name }}_page-content-{{ counter }}-settings-{{ settingMachineName }}" data-id="{{ form_name }}_page-content-{{ counter }}-settings-{{ settingMachineName }}" data-conf="default" data-base-path="/uploads">
                                                            {% if dados|default != "" %}
                                                                {% set preview = fileIcon(dados).html %}
                                                                {{ preview|raw }}
                                                            {% else %}
                                                                <i class="far fa-file" aria-hidden="true"></i>
                                                            {% endif %}
                                                        </div>
                                                        <div class="col no-max-width pr-1 pl-1">
                                                            <input type="text" class="form-control artgris-media-path js-settings-image js-settings-image-{{countImage}}" id="{{ form_name }}_page-content-{{ counter }}-settings-{{ settingMachineName }}" name="page-content[{{ counter }}][settings][{{ settingMachineName }}]" value="{{ dados }}" placeholder="Inserir caminho..." {{ habilSettings }}>
                                                        </div>
                                                        <div class="col-auto pr-0 pl-2 text-center">
                                                            <div class="btn-group artgris-browse-group" role="group">
                                                                <button class="btn btn-light artgris-media-button-erase" type="button">
                                                                    <span class="fas fa-eraser text-danger"></span>
                                                                </button>
                                                                <span class="btn btn-light fileinput-button">
                                                                    <span class="fas fa-plus text-success"></span>
                                                                    <input class="fileupload alone" type="file" data-url="/pt/admin/filemanager/upload/?conf=default&amp;extra=" name="files[]" multiple="">
                                                                </span>
                                                                <button type="button" class="btn btn-light artgris-media-button-upload btn-manager" data-route="" data-bs-toggle="modal" data-toggle="modal" data-bs-target="#artgris-filemanager-modal-{{ form_name }}_page-content-{{ counter }}-settings-{{ settingMachineName }}" data-target="#artgris-filemanager-modal-{{ form_name }}_page-content-{{ counter }}-settings-{{ settingMachineName }}">
                                                                    <span class="far fa-folder-open"></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    </div>
                                                    <!-- Modal -->
                                                    <div class="modal fade artgris-media-modal" id="artgris-filemanager-modal-{{ form_name }}_page-content-{{ counter }}-settings-{{ settingMachineName }}" tabindex="-1" role="dialog">
                                                        <div class="modal-dialog modal-xl" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title">File Manager</h5>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <div id="preloader">
                                                                    <div class="preloader position-absolute transform50XY pl-xs pls-primary">
                                                                        <svg class="pl-circular" viewBox="25 25 50 50">
                                                                            <circle class="plc-path" cx="50" cy="50" r="20"></circle>
                                                                        </svg>
                                                                    </div>
                                                                    </div>
                                                                    <iframe class="iframe" data-src="/pt/admin/filemanager/?module=1&amp;conf=default&amp;tree=0" width="100%" height="500" frameborder="0"></iframe>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal" data-bs-dismiss="modal">Close</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- Modal -->
                                                    <div class="modal fade artgris-media-crop-modal" id="crop-modal-{{ form_name }}_page-content-{{ counter }}-settings-{{ settingMachineName }}" tabindex="-1" role="dialog" aria-labelledby="crop-modal-label">
                                                        <div class="modal-dialog modal-lg" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title">Editor de Imagem</h5>
                                                                </div>
                                                                <div class="modal-body" data-ratio="">
                                                                    <div class="row">
                                                                    <div class="col-md-6">
                                                                        <div class="btn-toolbar pb-3">
                                                                            <div class="btn-group  mr-2">
                                                                                <a href="#" class="btn btn-secondary js-rotate-left"><span class="fas fa-undo"></span></a>
                                                                                <a href="#" class="btn btn-secondary js-rotate-right"><span class="fas fa-redo"></span></a>
                                                                            </div>
                                                                            <div class="btn-group  mr-2">
                                                                                <a href="#" class="btn btn-secondary js-flip-x"><span class="fas fa-exchange-alt"></span></a>
                                                                                <a href="#" class="btn btn-secondary js-flip-y"><span class="fas fa-arrows-alt-v"></span></a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-6">
                                                                        <div class="d-flex justify-content-end align-items-center image-data py-2 ">
                                                                            <span class="label" style="font-size:12px"> Largura:</span>
                                                                            <div style="font-weight:bold"><span class="js-width">0</span>px</div>
                                                                            <span class="label" style="font-size:12px"> Altura:</span>
                                                                            <div style="font-weight:bold"><span class="js-height">0</span>px</div>
                                                                        </div>
                                                                    </div>
                                                                    </div>
                                                                    <div class="modal-crop-container"></div>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal" data-bs-dismiss="modal">Cancelar</button>
                                                                    <button type="button" class="btn btn-primary js-save">Aplicar</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>            
                                    </div>
                                </div>
                                {% set countImage = countImage + 1 %}
                            {% endif %}

                            <!-- Combo -->
                            {% if settings["type"] == 'COMBO' %}
                                {% if settings["settings"] %}
                                    {% if (settings["settings"]["type"] is defined) and (settings["settings"]["type"] == "static") %}
                                        <div class="col">
                                            <div class="form-group">
                                                <label for="metatitle">{{ label }}</label>
                                                <select class="form-control js-settings-combo js-settings-combo-{{countCombo}}" id="page-content[{{ counter }}][settings][{{ settingMachineName }}]" name="page-content[{{ counter }}][settings][{{ settingMachineName }}]" tabindex="-1" aria-hidden="true" {{ habilSettings }}>
                                                    <option value="">- Select an option -</option>
                                                    {% for combo in settings["settings"]["data"] %}
                                                        {% for valueCombo, keyCombo in combo %}
                                                            {% set selected = "" %}
                                                            {% if dados == keyCombo %}
                                                                {% set selected = "SELECTED" %}
                                                            {% endif %}
                                                            <option value="{{ keyCombo }}" {{ selected }}>{{ valueCombo }}</option>
                                                        {% endfor %}
                                                    {% endfor %}
                                                </select>
                                            </div>
                                        </div>
                                    {% set countCombo = countCombo + 1 %}
                                    {% endif %}
                                {% endif %}
                            {% endif %}

                            <!-- Separator -->
                            {% if settings["type"] == 'SEPARATOR' %}

                                <div class="col-12 separator-label">
                                    <div class="form-group">
                                        <label for="metatitle">{{ label }}</label>
                                    </div>
                                </div>
                            {% endif %}

                            {# {% if i is divisible by(3) %}
                                </div>
                                <div class="row">
                            {% endif %} #}

                        {% endfor %}

                    </div>
                </div>
                <div class="block-content" block="{{ blockId }}" counter="{{ counter }}" block-name="{{ blockMachineName }}" block-uniqueid="{{blockuniqueid|default}}">

                    <!-- CONTENT -->
                    <input type="hidden" name="page-content[{{ counter }}][{{ blockMachineName }}][blockId]" value="{{ blockId }}">

                    {% if menuType == "templates"  %}
                        {% if disabled == "disabled" %}
                            {% set masterChecked = "" %}
                        {% else %}
                            {% set masterChecked = "checked" %}
                        {% endif %}
                        <div class="row">
                            <div class="col-10"></div>
                            <div class="col">
                                <div class="form-group">
                                    <label>Master</label>
                                    <input type="hidden" name="page-content[{{ counter }}][{{ blockMachineName }}][isMaster]" value="0">
                                    <input type="checkbox" class="tgl tgl-light tgl-primary disabled-items" id="cb_{{ counter }}_{{ blockId }}" name="page-content[{{ counter }}][{{ blockMachineName }}][isMaster]" value="1" {{ masterChecked }}>
                                    <label class="tgl-btn" for="cb_{{ counter }}_{{ blockId }}"></label>
                                </div>
                            </div>
                        </div>
                    {% endif %}

                    <!-- COMPONENTS -->

                    {% set divcontent = "" %}
                    {% set countInput = 1 %}
                    {% set countChoice  = 1 %}
                    {% set countSubChoice  = 1 %}
                    {% set countColor  = 1 %}
                    {% set countInputRepeatable = 1 %}
                    {% set countChoiceRepeatable  = 1 %}
                    {% set countSubChoiceRepeatable  = 1 %}
                    {% set countColorRepeatable  = 1 %}
                    {% set countImage  = 1 %}
                    {% set countImageRepeatable  = 1 %}
                    {% set countCheckboxRepeatable  = 1 %}
                                
                    {% for key, components in arrComponents %}
                        {% set componentMachineName = key %}
                        {% set type = components.componentType %}
                        {% set componentMachineName = components.machineName %}
                        {% set dados = components.value %}
                        {% set label = components.label %}

                        {% set nameComponent = "page-content-_-" ~ counter ~ "-_-" ~ blockMachineName ~ "-_-components-_-" ~ counter ~ "-_-" ~ componentMachineName %}
                        {#
                        {% if disabled %}
                            <input type="hidden" name="page-content[{{ counter }}][{{ blockMachineName }}][repeatable][{{ counter2 }}][{{ componentMachineName }}]" id="{{ blockMachineName }}[{{ componentMachineName }}][{{ counter }}]">
                        {% endif %}
                        #}
                        {% if type == 'CHECKBOX' %}
                            <div class="div-component">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="{{ nameComponent }}">{{ form[nameComponent].vars.attr.reallabel|trans({},'components') }}</label>
                                            <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "]" }}" value="0">
                                            {{ form_label(form[nameComponent]) }}
                                            {{ form_widget(form[nameComponent]) }}
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {% else %}
                            {% if type == 'IMAGE' %}
                                <div class="image-component-wrap div-component">
                                    {% if 'repeatable' in form[nameComponent].vars.id %}
                                        {% set class = " js-conteudo-repeatable--_--1--_--image js-conteudo-repeatable--_--1--_--image-" ~ countImageRepeatable %}
                                        {% set classAlt = " js-conteudo-repeatable--_--1--_--image-alt js-conteudo-repeatable--_--1--_--image-alt-" ~ countImageRepeatable %}
                                        {% set classTitle = " js-conteudo-repeatable--_--1--_--image-title js-conteudo-repeatable--_--1--_--image-title-" ~ countImageRepeatable %}
                                        {% set countImageRepeatable =  countImageRepeatable + 1 %}
                                    {% else %}
                                        {% set class = " js-conteudo-image js-conteudo-image-" ~ countImage %}
                                        {% set classAlt = " js-conteudo-image-alt js-conteudo-image-alt-" ~ countImage %}
                                        {% set classTitle = " js-conteudo-image-title js-conteudo-image-title-" ~ countImage %}
                                        {% set countImage =  countImage + 1 %}
                                    {% endif %}  
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-group">
                                                {{ form_label(form[nameComponent]) }}
                                                {{ form_widget(form[nameComponent],{"label":"asdas","attr":{"class":class}}) }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row title-alt-row">
                                        <div class="col-6">
                                            <div class="form-group">
                                                {{ form_label(form[nameComponent ~ "_alt"]) }}
                                                {{ form_widget(form[nameComponent ~ "_alt"],{"attr":{"class":classAlt}}) }}
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                {{ form_label(form[nameComponent ~ "_title"]) }}
                                                {{ form_widget(form[nameComponent ~ "_title"],{"attr":{"class":classTitle}}) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            {% else %}
                                {% if type == 'COMBO_TEMPLATE' %}
                                    <div class="div-component">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="form-group">
                                                    <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "][]" }}" value="0">
                                                    {{ form_label(form[nameComponent]) }}
                                                    {{ form_widget(form[nameComponent]) }}
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                {% else %}
                                    {% if type == 'HOTSPOT' %}
                                        {% if components.divcontent is defined %}
                                            {% set divcontent = components.divcontent %}
                                        {% endif %}
                                        <div class="div-component">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="form-group">
                                                        {# <input type="hidden" name="{{ form_name }}[{{ nameComponent ~ "_content" }}]" id="{{ nameComponent ~ "_content" }}" class="hotspots" value="{{ divcontent }}"> #}
                                                        {{ form_widget(form[nameComponent ~ "_content"]) }}
                                                        {{ form_label(form[nameComponent]) }}
                                                        {{ form_widget(form[nameComponent]) }}
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    {% else %}
                                        {% if type == 'ATTRIBUTES' %}
                                            <div class="div-component">
                                                <div class="row">
                                                    <div class="col-12">
                                                        <div class="form-group">
                                                            <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "]" }}">
                                                            {% set class = ""%}
                                                            {% if 'repeatable' in form[nameComponent].vars.id %}
                                                                {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--attributes js-conteudo-repeatable--_--1--_--attributes-" ~ countChoiceRepeatable %}
                                                                {% set countChoiceRepeatable =  countChoiceRepeatable + 1 %} 
                                                            {% else %}
                                                                {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-attributes js-conteudo-attributes-" ~ countChoice %}
                                                                {% set countChoice =  countChoice + 1 %}
                                                            {% endif %}  
                                                            {{ form_label(form[nameComponent]) }}
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="form-group">
                                                                        <div class="row">
                                                                            <div class="col-9">
                                                                                {{ form_widget(form[nameComponent],{"attr":{"class":class}}) }}
                                                                                <div class="selected-attributes-hidden d-none">
                                                                                    {% for choice in form[nameComponent].vars.choices %}
                                                                                        {% set choicename = choice.value %}
                                                                                        {% set class = ""%}
                                                                                        {% if 'repeatable' in form[nameComponent ~ "_" ~ choicename].vars.id %}
                                                                                            {% set class = form[nameComponent ~ "_" ~ choicename].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--attributes-values js-conteudo-repeatable--_--1--_--attributes-values-" ~ countSubChoiceRepeatable %}
                                                                                            {% set countSubChoiceRepeatable =  countSubChoiceRepeatable + 1 %} 
                                                                                        {% else %}
                                                                                            {% set class = form[nameComponent ~ "_" ~ choicename].vars.attr.class ~ " js-conteudo-attributes-values js-conteudo-attributes-values-" ~ countSubChoice %}
                                                                                            {% set countSubChoice =  countSubChoice + 1 %}
                                                                                        {% endif %}  
                                                                                        {{ form_label(form[nameComponent ~ "_" ~ choicename]) }}
                                                                                        {{ form_widget(form[nameComponent ~ "_" ~ choicename],{"attr":{"class":class}}) }}
                                                                                    {% endfor %}
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-3">
                                                                                <button type="button" name="{{ nameComponent }}" class="btn-primary btn" data-toggle="modal" data-target="#attributes-modal">{{ 'Select Attributes'|trans({},'pages')}}</button>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        {% else %}                                    
                                            <div class="div-component">
                                                <div class="row">
                                                    <div class="col-12">
                                                        <div class="form-group">
                                                            <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "]" }}">
                                                            {% set class = ""%}
                                                            {% if components.settings["class"]|default %}
                                                                {% set extraclass = components.settings["class"] %}
                                                            {% else %}
                                                                {% set extraclass = "" %}
                                                            {% endif %}
                                                            {% if form[nameComponent].vars.block_prefixes.1 == "text" %}
                                                                {% if 'repeatable' in form[nameComponent].vars.id %}
                                                                        {% set class = " js-conteudo-repeatable-input js-conteudo-repeatable-input-" ~ countInputRepeatable %}
                                                                        {% set countInputRepeatable =  countInputRepeatable + 1 %}
                                                                {% else %}
                                                                    {% set class = " js-conteudo-input js-conteudo-input-" ~ countInput %}
                                                                    {% set countInput =  countInput + 1 %}
                                                                {% endif %}                                                            
                                                            {% elseif form[nameComponent].vars.block_prefixes.1 == "choice" %}
                                                                {% if 'repeatable' in form[nameComponent].vars.id %}
                                                                    {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable-choice js-conteudo-repeatable-choice-" ~ countChoiceRepeatable %}
                                                                    {% set countChoiceRepeatable =  countChoiceRepeatable + 1 %} 
                                                                {% else %}
                                                                    {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-choice js-conteudo-choice-" ~ countChoice %}
                                                                    {% set countChoice =  countChoice + 1 %}
                                                                {% endif %}    

                                                            {% elseif form[nameComponent].vars.block_prefixes.1 == "hidden" %}
                                                                {% if 'repeatable' in form[nameComponent].vars.id %}
                                                                    {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable-color js-conteudo-repeatable-color-" ~ countColorRepeatable %}
                                                                    {% set countColorRepeatable =  countColorRepeatable + 1 %}  
                                                                {% else %}
                                                                    {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-color js-conteudo-color-" ~ countColor %}
                                                                    {% set countColor =  countColor + 1 %}
                                                                {% endif %}                                                            
                                                            {% endif %}

                                                            {{ form_label(form[nameComponent]) }}
                                                            {{ form_widget(form[nameComponent],{"attr":{"class":class ~ " " ~ extraclass }}) }}
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        {% endif %}
                                    {% endif %}
                                {% endif %}
                            {% endif %}
                        {% endif %}


                    {% endfor %}
                    <!-- END-COMPONENTS -->

                    <!-- HOTSPOT REPEATABLE ELEMENTS -->
                    {% set arrContadorItem = [] %}
                    {% set arrHot = [] %}
                    {% if divcontent %}
                        {% set divarray = divcontent|split('><div type="hotspot"') %}
                        {% for div in divarray %}
                            {% set dataContador = div|split('data-contador="') %}
                            {% set contadorItem = dataContador[1]|split('"')[0] %}
                            {% if contadorItem > maxHotspotCounter %}{% set maxHotspotCounter = contadorItem %}{% endif %}
                            {% set arrContadorItem = arrContadorItem|merge([contadorItem]) %}
                            {% set divValueContador = div|split('class="hotspot-circle"><span>') %}
                            {% set valueItem = divValueContador[1]|split('<')[0] %}
                            {% set arrHot = arrHot|merge({ (contadorItem) : valueItem }) %}
                        {% endfor %}
                    {% endif %}

                    <!-- COMPONENTS REPEATABLE -->
                    <div class="repeatables-wrap">
                    {% if arrComponentsRepeatable is defined and arrComponentsRepeatable|length>0 %}
                            <div class="btn btn-primary float-right btn-sm repeatables-collapse expand" data-q-action="repetables-expand-collapse-all" data-expand="Expand Items" data-collapse="Collapse Items">Collapse Items</div>
                            <div class="clearfix"></div>

                        {% for key2, components2 in arrComponentsRepeatable %}
                            {% set repeatablePublishDate = "" %}
                            {% set repeatableExpireDate = "" %}
                            {% set indexitem = ( indexitem | default(0) ) + 1 %}
                            {% set counter2 = ( counter2 | default(100) ) + 1 %}
                            {% set isHotspot = false %}
                            {% set itIndex = 0 %}
                            {% if "hotspot" in blockMachineName and arrHot|length>0%}
                                {% set isHotspot = true %}
                                {% set bkpIndexItem = indexitem %}
                                {% set indexitem = attribute(arrHot, (indexitem-1)) %}
                                {% if arrContadorItem is defined and arrContadorItem %}
                                    {% if arrContadorItem|length == arrComponentsRepeatable|length %}
                                        {% set itIndex = arrContadorItem[key2] %}
                                    {% endif %}
                                {% endif %}
                            {% endif %}

                            {% set publishDate = "" %}
                            {% set expireDate = "" %}
                            {% for keyTestDate, componentsTestDate in components2 %}
                                {% if "settings_" in componentsTestDate.machineName %}
                                    {% if componentsTestDate.machineName == "settings_publish_date" and componentsTestDate.value != "" %}
                                        {% set publishDate = componentsTestDate.value|replace({"/": "-"})|date("Y-m-d H:i:s") %}
                                    {% endif %}
                                    {% if componentsTestDate.machineName == "settings_expire_date" and componentsTestDate.value != "" %}
                                        {% set expireDate = componentsTestDate.value|replace({"/": "-"})|date("Y-m-d H:i:s") %}
                                    {% endif %}
                                {% endif %}
                            {% endfor %}
                            {% if publishDate == "" and expireDate == "" %}
                                {% set classColorDate = "" %}
                            {% else %}
                                {% if publishDate and now < publishDate %}
                                    {% set classColorDate = "clock-yellow" %}
                                {% else %}
                                    {% set classColorDate = "clock-green" %}
                                {% endif %}
                                {% if expireDate and now > expireDate %}
                                    {% set classColorDate = "clock-red" %}
                                {% endif %}
                            {% endif %}

                            <div class="card m-b-10 item-repeatable" block="{{ blockId }}" counter="{{ counter }}">
                            <div class="item-repeatable-index">{{ indexitem }}</div>
                            <input type="hidden" value="{{ counter }}" class="js-counter">
                            <input type="hidden" value="{{ counter2 }}" class="js-counter2">

                            <ul class="actions top-right">
                                {% if not isHotspot %}
                                    <li><a href="javascript:void(0)" data-q-action="card-date"><i class="icon dripicons-clock clock-item {{ classColorDate }}"></i></a></li>
									{% if indexitem|default > 1 %} <li class="card-move-to-top"><a href="javascript:void(0)"><i class="icon dripicons-arrow-up"></i></a></li>{% endif %}
                                    <li><a href="javascript:void(0)" ><i class="icon dripicons-move move-item"></i></a></li>
                                {% endif %}
                                <li><a href="javascript:void(0)" data-q-action="card-collapsed"><i class="icon dripicons-chevron-up"></i></a></li>
                                {% if not isHotspot %}
                                    <li><a href="javascript:void(0)" data-q-action="card-remove"><i class="icon dripicons-trash"></i></a></li>
                                {% else %}
                                    <li><a href="javascript:void(0)" data-q-action="card-remove-hotspot"><i class="icon dripicons-trash item-hotspot" it-index="{{ itIndex }}"></i></a></li>
                                {% endif %}
                            </ul>
                            <div class="card-body" style="display: none;">

                            {% if isHotspot %}
                                <input type="hidden" id="{{ form_name }}_page-content-_-{{counter}}-_-{{blockMachineName}}-_-repeatable-_-{{counter2}}-_-input_hotspot_id" name="{{ form_name }}[ajax-page-content-_-{{counter}}-_-{{blockMachineName}}-_-repeatable-_-{{counter2}}-_-input_hotspot_id]" value="{{ itIndex }}">
                                {% set indexitem = bkpIndexItem %}
                            {% endif %}
                            
   
                            {% for key, components in components2 %}
                                {% if "settings_" in components.machineName %}
                                    {% if components.machineName == "settings_publish_date" %}
                                        {% set repeatablePublishDate = components.value %}
                                    {% endif %}
                                    {% if components.machineName == "settings_expire_date" %}
                                        {% set repeatableExpireDate = components.value %}
                                    {% endif %}
                                {% else %}
                                    {% set componentType = components.componentType %}
                                    {% set componentMachineName = components.machineName %}
                                    {% set dados = components.value %}
                                    {% set label = components.label %}
                                    {% set nameComponent = "page-content-_-" ~ counter ~ "-_-" ~ blockMachineName ~ "-_-repeatable-_-" ~ counter2 ~ "-_-" ~ componentMachineName %}

                                    {% if disabled %}
                                        <input type="hidden" name="page-content[{{ counter }}][{{ blockMachineName }}][repeatable][{{ counter2 }}][{{ componentMachineName }}]" id="{{ blockMachineName }}[{{ componentMachineName }}][{{ counter }}]">
                                    {% endif %}

                                    {% if componentType == 'CHECKBOX' %}
                                        {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--checkbox js-conteudo-repeatable--_--1--_--checkbox-" ~ countCheckboxRepeatable ~ " tgl tgl-light tgl-primary" %}
                                            <div class="div-component">
                                                <div class="row">
                                                    <div class="col-12">
                                                        <div class="form-group">
                                                            <label for="{{ nameComponent }}">{{ form[nameComponent].vars.attr.reallabel|trans({},'components') }}</label>
                                                            <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "]" }}" value="0">
                                                            {{ form_label(form[nameComponent]) }}
                                                            {{ form_widget(form[nameComponent], { 'attr': {'class': class} }) }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        {% set countCheckboxRepeatable =  countCheckboxRepeatable + 1 %} 
                                    {% else %}
                                        {% if componentType == "IMAGE" %}
                                            <div class="image-component-wrap div-component">
                                                {% if 'repeatable' in form[nameComponent].vars.id %}
                                                    {% set class = " js-conteudo-repeatable--_--1--_--image js-conteudo-repeatable--_--1--_--image-" ~ countImageRepeatable %}
                                                    {% set classAlt = " js-conteudo-repeatable--_--1--_--image-alt js-conteudo-repeatable--_--1--_--image-alt-" ~ countImageRepeatable %}
                                                    {% set classTitle = " js-conteudo-repeatable--_--1--_--image-title js-conteudo-repeatable--_--1--_--image-title-" ~ countImageRepeatable %}
                                                    {% set countImageRepeatable =  countImageRepeatable + 1 %}
                                                {% else %}
                                                    {% set class = " js-conteudo-image js-conteudo-image-" ~ countImage %}
                                                    {% set classAlt = " js-conteudo-image-alt js-conteudo-image-alt-" ~ countImage %}
                                                    {% set classTitle = " js-conteudo-image-title js-conteudo-image-title-" ~ countImage %}
                                                    {% set countImage =  countImage + 1 %}
                                                {% endif %}  
                                                <div class="row">
                                                    <div class="col-12">
                                                        <div class="form-group">
                                                            {{ form_label(form[nameComponent]) }}
                                                            {{ form_widget(form[nameComponent],{"label":"asdas","attr":{"class":class}}) }}
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row title-alt-row">
                                                    <div class="col-6">
                                                        <div class="form-group">
                                                            {{ form_label(form[nameComponent ~ "_alt"]) }}
                                                            {{ form_widget(form[nameComponent ~ "_alt"],{"attr":{"class":classAlt}}) }}
                                                        </div>
                                                    </div>
                                                    <div class="col-6">
                                                        <div class="form-group">
                                                            {{ form_label(form[nameComponent ~ "_title"]) }}
                                                            {{ form_widget(form[nameComponent ~ "_title"],{"attr":{"class":classTitle}}) }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        {% else %}

                                            {% if componentType == 'COMBO_TEMPLATE' %}
                                                <div class="div-component">
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "][]" }}" value="0">
                                                                {{ form_label(form[nameComponent]) }}
                                                                {{ form_widget(form[nameComponent]) }}
                                                                
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            {% else %}
                                                {% if componentType == 'ATTRIBUTES' %}
                                                    <div class="div-component">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="form-group">
                                                                    <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "]" }}">
                                                                    {% set class = ""%}
                                                                    {% if form[nameComponent].vars.block_prefixes.1 == "choice" %}
                                                                        {% if 'repeatable' in form[nameComponent].vars.id %}
                                                                            {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--attributes js-conteudo-repeatable--_--1--_--attributes-" ~ countChoiceRepeatable %}
                                                                            {% set countChoiceRepeatable =  countChoiceRepeatable + 1 %} 
                                                                        {% else %}
                                                                            {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-attributes js-conteudo-attributes-" ~ countChoice %}
                                                                            {% set countChoice =  countChoice + 1 %}
                                                                        {% endif %}  
                                                                    {% endif %}  
                                                                    {{ form_label(form[nameComponent]) }}
                                                                    <div class="row">
                                                                        <div class="col">
                                                                            <div class="form-group">
                                                                                <div class="row">
                                                                                    <div class="col-9">
                                                                                        {{ form_widget(form[nameComponent],{"attr":{"class":class}}) }}
                                                                                        <div class="selected-attributes-hidden d-none">
                                                                                            {% for choice in form[nameComponent].vars.choices %}
                                                                                                {% set choicename = choice.value %}
                                                                                                {% set class = ""%}
                                                                                                {% if 'repeatable' in form[nameComponent ~ "_" ~ choicename].vars.id %}
                                                                                                    {% set class = form[nameComponent ~ "_" ~ choicename].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--attributes-values js-conteudo-repeatable--_--1--_--attributes-values-" ~ countSubChoiceRepeatable %}
                                                                                                    {% set countSubChoiceRepeatable =  countSubChoiceRepeatable + 1 %} 
                                                                                                {% else %}
                                                                                                    {% set class = form[nameComponent ~ "_" ~ choicename].vars.attr.class ~ " js-conteudo-attributes-values js-conteudo-attributes-values-" ~ countSubChoice %}
                                                                                                    {% set countSubChoice =  countSubChoice + 1 %}
                                                                                                {% endif %}  
                                                                                                {{ form_label(form[nameComponent ~ "_" ~ choicename]) }}
                                                                                                {{ form_widget(form[nameComponent ~ "_" ~ choicename],{"attr":{"class":class}}) }}
                                                                                            {% endfor %}
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-3">
                                                                                        <button type="button" name="{{ nameComponent }}" class="btn-primary btn" data-toggle="modal" data-target="#attributes-modal">{{ 'Select Attributes'|trans({},'pages')}}</button>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                {% else %}                                             
                                                    <div class="div-component">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="form-group">
                                                                    {# {% if disabled %} #}
                                                                        <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "]" }}">
                                                                    {# {% endif %} #}
                                                                    {% set class = ""%}
                                                                    {% if form[nameComponent].vars.block_prefixes.1 == "text" %}
                                                                        {% if 'repeatable' in form[nameComponent].vars.id %}
                                                                                {% set class = " js-conteudo-repeatable--_--1--_--input js-conteudo-repeatable--_--1--_--input-" ~ countInputRepeatable %}
                                                                                {% set countInputRepeatable =  countInputRepeatable + 1 %}
                                                                        {% else %}
                                                                            {% set class = " js-conteudo-input js-conteudo-input-" ~ countInput %}
                                                                            {% set countInput =  countInput + 1 %}
                                                                        {% endif %}                                                            
                                                                    {% elseif form[nameComponent].vars.block_prefixes.1 == "choice" %}
                                                                        {% if 'repeatable' in form[nameComponent].vars.id %}
                                                                            {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--choice js-conteudo-repeatable--_--1--_--choice-" ~ countChoiceRepeatable %}
                                                                            {% set countChoiceRepeatable =  countChoiceRepeatable + 1 %} 
                                                                        {% else %}
                                                                            {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-choice js-conteudo-choice-" ~ countChoice %}
                                                                            {% set countChoice =  countChoice + 1 %}
                                                                        {% endif %}    

                                                                    {% elseif form[nameComponent].vars.block_prefixes.1 == "hidden" %}
                                                                        {% if 'repeatable' in form[nameComponent].vars.id %}
                                                                            {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--color js-conteudo-repeatable--_--1--_--color-" ~ countColorRepeatable %}
                                                                            {% set countColorRepeatable =  countColorRepeatable + 1 %}  
                                                                        {% else %}
                                                                            {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-color js-conteudo-color-" ~ countColor %}
                                                                            {% set countColor =  countColor + 1 %}
                                                                        {% endif %}                                                            
                                                                    {% endif %}
                                                                    {{ form_label(form[nameComponent]) }}
                                                                    {{ form_widget(form[nameComponent],{"attr":{"class":class}}) }}
                                                                
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                {% endif %}
                                            {% endif %}
                                        {% endif %}
                                    {% endif %}
                                {% endif %}

                            {% endfor %}

                            <!-- Item Publish/Expire Date -->
                            <div class="fields-date-item" style="display: none;">
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="metatitle">{{'publish_date'|trans({},'components') }}</label>
                                            <input type="text" class="form-control pull-right datepicker-single js-publish_date" id="page-content-_-{{ counter }}-_-{{ blockMachineName }}-_-repeatable-_-{{ counter2 }}-_-settings_publish_date" name="{{ form.vars.name }}[page-content-_-{{ counter }}-_-{{ blockMachineName }}-_-repeatable-_-{{ counter2 }}-_-settings_publish_date]" value="{{repeatablePublishDate}}">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="metatitle">{{'expire_date'|trans({},'components') }}</label>
                                            <input type="text" class="form-control pull-right datepicker-single js-expire_date" id="page-content-_-{{ counter }}-_-{{ blockMachineName }}-_-repeatable-_-{{ counter2 }}-_-settings_expire_date" name="{{ form.vars.name }}[page-content-_-{{ counter }}-_-{{ blockMachineName }}-_-repeatable-_-{{ counter2 }}-_-settings_expire_date]" value="{{repeatableExpireDate}}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END Item Publish/Expire Date -->

                                </div>
                            </div>

                        {% endfor %}
                    {% endif %}
                               
                    </div>
                    
                    <!-- END-COMPONENTS-REPEATABLE -->
                    <!-- END-CONTENT -->
                </div>
                {% if blocks.isRepeatable %}
                        {% if menuType == "templates"  %}
                            {% if blocks["isMaster"] > 0  %}
                                <button class="btn btn-primary btn-block font-weight-bold js-add-repeatable">+</button>
                            {% else %}
                                <button style="display: none;" class="btn btn-primary btn-block font-weight-bold js-add-repeatable">+</button>
                            {% endif %}
                        {% else %}
                            {% if blocks["isMaster"] is defined  %}
                                {% if blocks["isMaster"] == 0  %}
                                    <button class="btn btn-primary btn-block font-weight-bold js-add-repeatable">+</button>
                                {% else %}
                                    <button style="display: none;" class="btn btn-primary btn-block font-weight-bold js-add-repeatable">+</button>
                                {% endif %}
                            {% else %}
                                <button style="display: none;" class="btn btn-primary btn-block font-weight-bold js-add-repeatable">+</button>
                            {% endif %}
                        {% endif %}
                    {% endif %}
                {% if blocks["block"] == "block_group" %}
                    <div class="block-group-dropzone"></div>
                {% endif %}
            </div>
        </div>
    {% endfor %}
{% endif %}
</div>

{% if ajaxFields.components is defined %}
    <div class="ajax-content">

    {% set control = 0 %}
    {% set control2 = 0 %}
    {% set indexitem = 0 %}
    {% set j = ajaxFields.randonCounter %}
    {% set counter = ajaxFields.counter %}
    {% set countInput = 1 %}
    {% set countChoice  = 1 %}
    {% set countSubChoice  = 1 %}
    {% set countColor  = 1 %}
    {% set countImage  = 1 %}
    {% set countImageRepeatable  = 1 %}
    {% set countInputRepeatable = 1 %}
    {% set countChoiceRepeatable  = 1 %}
    {% set countSubChoiceRepeatable  = 1 %}
    {% set countCheckboxRepeatable  = 1 %}
    {% set countColorRepeatable  = 1 %}

    {% for component in ajaxFields.components %}
        {% set blockMachineName = component.blockId.machineName %}
        {% set blockId = component.blockId.id %}
        {% set componentMachineName = component.machineName %}
        {% set componentLabel = component.name %}
        {% set tipoComp = component.isRepeatable == 1 ? "repeatable" : "components" %}
        {% set nameComponent = 'ajax-page-content-_-' ~ counter ~ '-_-' ~ blockMachineName ~ '-_-' ~ tipoComp ~ '-_-' ~ j ~ '-_-' ~ componentMachineName %}
        {% set type = component.componentType %}
        {% set settings = component.settings %}
        {% set divcontent = "" %}

        {% set render = true %}
        {% if settings.render is defined %}
            {% set render = settings.render %}
        {% endif %}

        {% if render or ajaxFields.templateFields is defined  %}
            {% if control == 0 and control2 == 0 %}
                <input type="hidden" name="page-content[{{ counter }}][{{ blockMachineName }}][blockId]" value="{{ blockId }}">
                {% if tipoComp == "repeatable" %}
                    <div class="btn btn-primary float-right btn-sm repeatables-collapse expand" data-q-action="repetables-expand-collapse-all" data-expand="Expand Items" data-collapse="Collapse Items">Collapse Items</div>
                    <div class="clearfix"></div>
                    <div class="repeatables-wrap">
                    {% set control2 = 1 %}
                {% endif %}
            {% endif %}

            {% if (tipoComp == "components") or (ajaxFields.templateFields is not defined) %}

                {% if (tipoComp == "repeatable") and (control == 0) %}
                    {% set control = 1 %}
                    {% set indexitem = ( indexitem | default(0) ) + 1 %}
                    <div class="card m-b-10 item-repeatable" block="{{ component.blockId.id }}" counter="{{ counter }}" block-uniqueid="{{blockuniqueid|default}}">
                        <div class="item-repeatable-index">{{ indexitem }}</div>
                        <input type="hidden" value="{{ counter }}" class="js-counter">
                        <input type="hidden" value="{{ j }}" class="js-counter2">

                        <ul class="actions top-right">
                            <li><a href="javascript:void(0)" data-q-action="card-date"><i class="icon dripicons-clock clock-item"></i></a></li>
                            <li><a href="javascript:void(0)" ><i class="icon dripicons-move move-item"></i></a></li>
                            <li><a href="javascript:void(0)" data-q-action="card-collapsed"><i class="icon dripicons-chevron-up"></i></a></li>
                            <li><a href="javascript:void(0)" data-q-action="card-remove"><i class="icon dripicons-trash"></i></a></li>
                        </ul>
                        <div class="card-body ">
                            <!-- Item Publish/Expire Date -->
                            <div class="fields-date-item div-component" style="display: none;">
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="metatitle">Publish Date</label>
                                            <input type="text" class="form-control pull-right datepicker-single" id="{{ form_name }}_ajax-page-content-_-{{ counter }}-_-{{ blockMachineName }}-_-repeatable-_-{{ j }}-_-settings_publish_date" name="{{ form.vars.name }}[ajax-page-content-_-{{ counter }}-_-{{ blockMachineName }}-_-repeatable-_-{{ j }}-_-settings_publish_date]" value="">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="metatitle">Expire Date</label>
                                            <input type="text" class="form-control pull-right datepicker-single" id="{{ form_name }}_ajax-page-content-_-{{ counter }}-_-{{ blockMachineName }}-_-repeatable-_-{{ j }}-_-settings_expire_date" name="{{ form.vars.name }}[ajax-page-content-_-{{ counter }}-_-{{ blockMachineName }}-_-repeatable-_-{{ j }}-_-settings_expire_date]" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END Item Publish/Expire Date -->
                {% endif %}

                {% if type == 'CHECKBOX' %}
                    {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--checkbox js-conteudo-repeatable--_--1--_--checkbox-" ~ countCheckboxRepeatable ~ " tgl tgl-light tgl-primary" %}
                        <div class="div-component">
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group">
                                        <label for="{{ nameComponent }}">{{ form[nameComponent].vars.attr.reallabel|trans({},'components') }}</label>
                                        <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "]" }}" value="0">
                                        {{ form_label(form[nameComponent]) }}
                                        {{ form_widget(form[nameComponent], { 'attr': {'class': class} }) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% set countCheckboxRepeatable =  countCheckboxRepeatable + 1 %} 
                {% else %}

                    {% if type == 'IMAGE' %}
                        <div class="image-component-wrap div-component">
                            {% if 'repeatable' in form[nameComponent].vars.id %}
                                {% set class = " js-conteudo-repeatable--_--1--_--image js-conteudo-repeatable--_--1--_--image-" ~ countImageRepeatable %}
                                {% set classAlt = " js-conteudo-repeatable--_--1--_--image-alt js-conteudo-repeatable--_--1--_--image-alt-" ~ countImageRepeatable %}
                                {% set classTitle = " js-conteudo-repeatable--_--1--_--image-title js-conteudo-repeatable--_--1--_--image-title-" ~ countImageRepeatable %}
                                {% set countImageRepeatable =  countImageRepeatable + 1 %}
                            {% else %}
                                {% set class = " js-conteudo-image js-conteudo-image-" ~ countImage %}
                                {% set classAlt = " js-conteudo-image-alt js-conteudo-image-alt-" ~ countImage %}
                                {% set classTitle = " js-conteudo-image-title js-conteudo-image-title-" ~ countImage %}
                                {% set countImage =  countImage + 1 %}
                            {% endif %}  
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group">
                                        {{ form_label(form[nameComponent]) }}
                                        {{ form_widget(form[nameComponent],{"label":"asdas","attr":{"class":class}}) }}
                                    </div>
                                </div>
                            </div>
                            <div class="row title-alt-row">
                                <div class="col-6">
                                    <div class="form-group">
                                        {{ form_label(form[nameComponent ~ "_alt"]) }}
                                        {{ form_widget(form[nameComponent ~ "_alt"],{"attr":{"class":classAlt}}) }}
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        {{ form_label(form[nameComponent ~ "_title"]) }}
                                        {{ form_widget(form[nameComponent ~ "_title"],{"attr":{"class":classTitle}}) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% else %}
                        {% if type == 'COMBO_TEMPLATE' %}
                            <div class="div-component">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                            <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "][]" }}" value="0">
                                            {{ form_label(form[nameComponent]) }}
                                            {{ form_widget(form[nameComponent]) }}
                                           
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {% else %}
                            {% if type == 'HOTSPOT' %}
                                {% set divcontent = form[nameComponent ~ "_content"].vars.data %}

                                <!-- HOTSPOT REPEATABLE ELEMENTS -->
                                {% set arrContadorItem = [] %}
                                {% if divcontent %}
                                    {% set divarray = divcontent|split("><") %}
                                    {% for div in divarray %}
                                        {% set dataContador = div|split('data-contador="') %}
                                        {% set contadorItem = dataContador[1]|split('"')[0] %}
                                        {% if contadorItem > maxHotspotCounter %}{% set maxHotspotCounter = contadorItem %}{% endif %}
                                        {% set arrContadorItem = arrContadorItem|merge([contadorItem]) %}
                                    {% endfor %}
                                {% endif %}

                                <div class="div-component">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-group">
                                                {{ form_widget(form[nameComponent ~ "_content"]) }}
                                                {{ form_label(form[nameComponent]) }}
                                                {{ form_widget(form[nameComponent]) }}
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            {% else %}
                                {% if type == 'ATTRIBUTES' %}
                                    <div class="div-component">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="form-group">
                                                    <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "]" }}">
                                                    {% set class = ""%}
                                                    {% if 'repeatable' in form[nameComponent].vars.id %}
                                                        {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--attributes js-conteudo-repeatable--_--1--_--attributes-" ~ countChoiceRepeatable %}
                                                        {% set countChoiceRepeatable =  countChoiceRepeatable + 1 %} 
                                                    {% else %}
                                                        {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-attributes js-conteudo-attributes-" ~ countChoice %}
                                                        {% set countChoice =  countChoice + 1 %}
                                                    {% endif %}  
                                                    {{ form_label(form[nameComponent]) }}
                                                    <div class="row">
                                                        <div class="col">
                                                            <div class="form-group">
                                                                <div class="row">
                                                                    <div class="col-9">                                                                
                                                                        {{ form_widget(form[nameComponent],{"attr":{"class":class}}) }}
                                                                        <div class="selected-attributes-hidden d-none">
                                                                            {% for choice in form[nameComponent].vars.choices %}
                                                                                {% set choicename = choice.value %}
                                                                                {% set class = ""%}
                                                                                {% if 'repeatable' in form[nameComponent ~ "_" ~ choicename].vars.id %}
                                                                                    {% set class = form[nameComponent ~ "_" ~ choicename].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--attributes-values js-conteudo-repeatable--_--1--_--attributes-values-" ~ countSubChoiceRepeatable %}
                                                                                    {% set countSubChoiceRepeatable =  countSubChoiceRepeatable + 1 %} 
                                                                                {% else %}
                                                                                    {% set class = form[nameComponent ~ "_" ~ choicename].vars.attr.class ~ " js-conteudo-attributes-values js-conteudo-attributes-values-" ~ countSubChoice %}
                                                                                    {% set countSubChoice =  countSubChoice + 1 %}
                                                                                {% endif %}  
                                                                                {{ form_label(form[nameComponent ~ "_" ~ choicename]) }}
                                                                                {{ form_widget(form[nameComponent ~ "_" ~ choicename],{"attr":{"class":class}}) }}
                                                                            {% endfor %}
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-3">
                                                                        <button type="button" name="{{ nameComponent }}" class="btn-primary btn" data-toggle="modal" data-target="#attributes-modal">{{ 'Select Attributes'|trans({},'pages')}}</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                {% else %}
                                <div class="div-component">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-group">
                                                <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "]" }}">
                                                {# do ajax #}
                                                 {% set class = ""%}
                                                {% if settings["class"]|default %}
                                                    {% set extraclass = settings["class"] %}
                                                {% else %}
                                                    {% set extraclass = "" %}
                                                {% endif %}                                                
                                                {% if form[nameComponent].vars.block_prefixes.1 == "text" %}
                                                    {% if 'repeatable' in form[nameComponent].vars.id %}
                                                            {% set class = " js-conteudo-repeatable--_--1--_--input js-conteudo-repeatable--_--1--_--input-" ~ countInputRepeatable %}
                                                            {% set countInputRepeatable =  countInputRepeatable + 1 %}
                                                    {% else %}
                                                        {% set class = " js-conteudo-input js-conteudo-input-" ~ countInput %}
                                                        {% set countInput =  countInput + 1 %}
                                                    {% endif %}                                                            
                                                {% elseif form[nameComponent].vars.block_prefixes.1 == "choice" %}
                                                    {% if 'repeatable' in form[nameComponent].vars.id %}
                                                        {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--choice js-conteudo-repeatable--_--1--_--choice-" ~ countChoiceRepeatable %}
                                                        {% set countChoiceRepeatable =  countChoiceRepeatable + 1 %} 
                                                    {% else %}
                                                        {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-choice js-conteudo-choice-" ~ countChoice %}
                                                        {% set countChoice =  countChoice + 1 %}
                                                    {% endif %}    

                                                {% elseif form[nameComponent].vars.block_prefixes.1 == "hidden" %}
                                                    {% if 'repeatable' in form[nameComponent].vars.id %}
                                                        {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--color js-conteudo-repeatable--_--1--_--color-" ~ countColorRepeatable %}
                                                        {% set countColorRepeatable =  countColorRepeatable + 1 %}  
                                                    {% else %}
                                                        {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-color js-conteudo-color-" ~ countColor %}
                                                        {% set countColor =  countColor + 1 %}
                                                    {% endif %}                                                            
                                                {% endif %}
                                                {{ form_label(form[nameComponent]) }}
                                                {{ form_widget(form[nameComponent],{"attr":{"class":class ~ " " ~ extraclass}}) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {% endif %}
                            {% endif %}
                        {% endif %}
                    {% endif %}
                {% endif %}

            {% endif %}
            {% if loop.last and blockMachineName == "block_group" %}
                <div class="block-group-dropzone"></div>
            {% endif %}
        {% else %}
            {% if tipoComp == "repeatable" and control == 0 and control2 == 0 %}
                <div class="repeatables-wrap"></div>
                {% set control = 1 %}
                {% set control2 = 1 %}
            {% endif %}
        {% endif %}
    {% endfor %}

    {% if ajaxFields.templateFields is defined %}
        {% set countInput = 1 %}
        {% set countChoice  = 1 %}
        {% set countSubChoice  = 1 %}
        {% set countColor  = 1 %}
        {% set countImage  = 1 %}
        {% set countImageRepeatable  = 1 %}
        {% set countInputRepeatable = 1 %}
        {% set countChoiceRepeatable  = 1 %}
        {% set countSubChoiceRepeatable  = 1 %}
        {% set countColorRepeatable  = 1 %}
        {% for repeatables in ajaxFields.templateFields %}
            {% for template in repeatables %}
                {% set blockId = template.blockId %}
                {% set blockMachineName = template.block %}

                {% if template["blockId"] == blockId %}
                    {% if template["repeatable"] %}
                        {% if template["idTemplateBlock"] == ajaxFields["blockComponent"] %}
                            {% set tipoComp = "repeatable" %}
                            {% for dados in template["repeatable"] %}
                                {% set j = j + 1 %}
                                {% set indexitem = ( indexitem | default(0) ) + 1 %}
                                {% if (tipoComp == "repeatable") and (control == 0) %}
                                    {% set control = 1 %}
                                    <div class="card m-b-10 item-repeatable" block="{{ blockId }}" counter="{{ counter }}">
                                        <div class="item-repeatable-index">{{ indexitem }}</div>
                                        <input type="hidden" value="{{ counter }}" class="js-counter">
                                        <input type="hidden" value="{{ j }}" class="js-counter2">
                                        <ul class="actions top-right">
                                            <li><a href="javascript:void(0)" data-q-action="card-date"><i class="icon dripicons-clock clock-item"></i></a></li>
                                            <li><a href="javascript:void(0)" ><i class="icon dripicons-move move-item"></i></a></li>
                                            <li><a href="javascript:void(0)" data-q-action="card-collapsed"><i class="icon dripicons-chevron-up"></i></a></li>
                                            <li><a href="javascript:void(0)" data-q-action="card-remove"><i class="icon dripicons-trash"></i></a></li>
                                        </ul>
                                        <div class="card-body">
                                {% endif %}
                                {% for repeatableBlock in dados %}
                                    {% set componentMachineName = repeatableBlock["machineName"] %}
                                    {% set rComponentValue = repeatableBlock['value'] %}
                                    {% set nameComponent = 'ajax-page-content-_-' ~ counter ~ '-_-' ~ blockMachineName ~ '-_-repeatable-_-' ~ j ~ '-_-' ~ componentMachineName %}
                                    {% set type = repeatableBlock['componentType'] %}

                                    {% if type == 'CHECKBOX' %}
                                        <div class="div-component">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="form-group">
                                                        <label for="{{ nameComponent }}">{{ form[nameComponent].vars.attr.reallabel|trans({},'components') }}</label>
                                                        <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "]" }}" value="0">
                                                        {{ form_label(form[nameComponent]) }}
                                                        {{ form_widget(form[nameComponent]) }}
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    {% else %}
                                        {% if type == 'IMAGE' %}
                                            {% if 'repeatable' in form[nameComponent].vars.id %}
                                                {% set class = " js-teste__" ~ indexitem ~ " js-conteudo-repeatable-image js-conteudo-repeatable--_--3--_--image-" ~ countImageRepeatable %}
                                                {% set classAlt = " js-teste__" ~ indexitem ~ " js-conteudo-repeatable-image-alt js-conteudo-repeatable--_--3--_--image-alt-" ~ countImageRepeatable %}
                                                {% set classTitle = " js-teste__" ~ indexitem ~ " js-conteudo-repeatable-image-title js-conteudo-repeatable--_--3--_--image-title-" ~ countImageRepeatable %}
                                                {% set countImageRepeatable =  countImageRepeatable + 1 %}
                                            {% else %}
                                                {% set class = " js-conteudo-image js-conteudo-image-" ~ countImage %}
                                                {% set classAlt = " js-conteudo-image-alt js-conteudo-image-alt-" ~ countImage %}
                                                {% set classTitle = " js-conteudo-image-title js-conteudo-image-title-" ~ countImage %}
                                                {% set countImage =  countImage + 1 %}
                                            {% endif %}
                                            <div class="image-component-wrap div-component">
                                                <div class="row">
                                                    <div class="col-12">
                                                        <div class="form-group">
                                                            {{ form_label(form[nameComponent]) }}
                                                            {{ form_widget(form[nameComponent],{"label":"asdas","attr":{"class":class}}) }}
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row title-alt-row">
                                                    <div class="col-6">
                                                        <div class="form-group">
                                                            {{ form_label(form[nameComponent ~ "_alt"]) }}
                                                            {{ form_widget(form[nameComponent ~ "_alt"],{"attr":{"class":classAlt}}) }}
                                                        </div>
                                                    </div>
                                                    <div class="col-6">
                                                        <div class="form-group">
                                                            {{ form_label(form[nameComponent ~ "_title"]) }}
                                                            {{ form_widget(form[nameComponent ~ "_title"],{"attr":{"class":classTitle}}) }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        {% else %}
                                            {% if type == 'COMBO_TEMPLATE' %}
                                                <div class="div-component">
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "][]" }}" value="0">
                                                                {{ form_label(form[nameComponent]) }}
                                                                {{ form_widget(form[nameComponent]) }}
                                                               
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>                                                
                                            {% else %}
                                                {% if type == 'ATTRIBUTES' %}
                                                    <div class="div-component">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="form-group">
                                                                    <input type="hidden" name="{{ form.vars.name ~ "[" ~ nameComponent ~ "]" }}">
                                                                    {% set class = ""%}
                                                                    {% if 'repeatable' in form[nameComponent].vars.id %}
                                                                        {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--attributes js-conteudo-repeatable--_--1--_--attributes-" ~ countChoiceRepeatable %}
                                                                        {% set countChoiceRepeatable =  countChoiceRepeatable + 1 %} 
                                                                    {% else %}
                                                                        {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-attributes js-conteudo-attributes-" ~ countChoice %}
                                                                        {% set countChoice =  countChoice + 1 %}
                                                                    {% endif %}  
                                                                    {{ form_label(form[nameComponent]) }}
                                                                    <div class="row">
                                                                        <div class="col">
                                                                            <div class="form-group">
                                                                                <div class="row">
                                                                                    <div class="col-9">
                                                                                        {{ form_widget(form[nameComponent],{"attr":{"class":class}}) }}
                                                                                        <div class="selected-attributes-hidden d-none">
                                                                                            {% for choice in form[nameComponent].vars.choices %}
                                                                                                {% set choicename = choice.value %}
                                                                                                {% set class = ""%}
                                                                                                {% if 'repeatable' in form[nameComponent ~ "_" ~ choicename].vars.id %}
                                                                                                    {% set class = form[nameComponent ~ "_" ~ choicename].vars.attr.class ~ " js-conteudo-repeatable--_--1--_--attributes-values js-conteudo-repeatable--_--1--_--attributes-values-" ~ countSubChoiceRepeatable %}
                                                                                                    {% set countSubChoiceRepeatable =  countSubChoiceRepeatable + 1 %} 
                                                                                                {% else %}
                                                                                                    {% set class = form[nameComponent ~ "_" ~ choicename].vars.attr.class ~ " js-conteudo-attributes-values js-conteudo-attributes-values-" ~ countSubChoice %}
                                                                                                    {% set countSubChoice =  countSubChoice + 1 %}
                                                                                                {% endif %}  
                                                                                                {{ form_label(form[nameComponent ~ "_" ~ choicename]) }}
                                                                                                {{ form_widget(form[nameComponent ~ "_" ~ choicename],{"attr":{"class":class}}) }}
                                                                                            {% endfor %}
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-3">
                                                                                        <button type="button" name="{{ nameComponent }}" class="btn-primary btn" data-toggle="modal" data-target="#attributes-modal">{{ 'Select Attributes'|trans({},'pages')}}</button>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                {% else %}                                            
                                                    <div class="div-component">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="form-group">
                                                                    {% set class = ""%}
                                                                    {% if form[nameComponent].vars.block_prefixes.1 == "text" %}
                                                                        {% if 'repeatable' in form[nameComponent].vars.id %}
                                                                                {% set class = " js-conteudo-repeatable-input js-conteudo-repeatable-input-" ~ countInputRepeatable %}
                                                                                {% set countInputRepeatable =  countInputRepeatable + 1 %}
                                                                        {% else %}
                                                                            {% set class = " js-conteudo-input js-conteudo-input-" ~ countInput %}
                                                                            {% set countInput =  countInput + 1 %}
                                                                        {% endif %}                                                            
                                                                    {% elseif form[nameComponent].vars.block_prefixes.1 == "choice" %}
                                                                        {% if 'repeatable' in form[nameComponent].vars.id %}
                                                                            {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable-choice js-conteudo-repeatable-choice-" ~ countChoiceRepeatable %}
                                                                            {% set countChoiceRepeatable =  countChoiceRepeatable + 1 %} 
                                                                        {% else %}
                                                                            {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-choice js-conteudo-choice-" ~ countChoice %}
                                                                            {% set countChoice =  countChoice + 1 %}
                                                                        {% endif %}    

                                                                    {% elseif form[nameComponent].vars.block_prefixes.1 == "hidden" %}
                                                                        {% if 'repeatable' in form[nameComponent].vars.id %}
                                                                            {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-repeatable-color js-conteudo-repeatable-color-" ~ countColorRepeatable %}
                                                                            {% set countColorRepeatable =  countColorRepeatable + 1 %}  
                                                                        {% else %}
                                                                            {% set class = form[nameComponent].vars.attr.class ~ " js-conteudo-color js-conteudo-color-" ~ countColor %}
                                                                            {% set countColor =  countColor + 1 %}
                                                                        {% endif %}                                                            
                                                                    {% endif %}
                                                                    {{ form_label(form[nameComponent]) }}
                                                                    {{ form_widget(form[nameComponent],{"attr":{"class":class}}) }}
                                                                
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                {% endif %}
                                            {% endif %}
                                        {% endif %}
                                    {% endif %}

                                {% endfor %}
                                {% if (control == 1) %}
                                            </div>
                                        </div>
                                    </div>
                                    {% set control = 0 %}
                                    {% set control2 = 0 %}
                                {% endif %}

                            {% endfor %}
                        {% endif %}
                    {% endif %}
                {% endif %}
            {% endfor %}

        {% endfor %}
    {% endif %}
    </div>
{% endif %}
<input type="hidden" name="maxHotspotCounter" id="maxHotspotCounter" value="{{ maxHotspotCounter }}">