<?php echo $__env->make('kms::attributes.dyanmicBlockStatus', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<div class="row">
    <label><?php echo Config::get('kms::'.$lang.'/translations.mainImageLocation'); ?></label>

    <div class="radio-wrapper">
        <div class="radio">
            <label for="{{block_key}}-left"><?php echo Config::get('kms::'.$lang.'/translations.left'); ?></label>
            <input type="radio" name="location-{{block_key}}" value="left" id="{{block_key}}-left"
                   ng-model="block.location"/>
        </div>

        <div class="radio">
            <label for="{{block_key}}-right"><?php echo Config::get('kms::'.$lang.'/translations.right'); ?></label>

            <input type="radio" name="location-{{block_key}}" value="right" id="{{block_key}}-right"
                   ng-model="block.location"/>
        </div>

    </div>
    <div class="clear"></div>
</div>

<div ng-repeat="(tab_key, value) in block.tab" class="tab-element tab-{{tab_key}}">
    <div class="max-images" data-max-images="{{ value.max_images }}"
         ng-init="label=value.title+ ' (max: '+value.max_images+')'">
        <?php echo $__env->make('kms::attributes.dynamicimages', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    </div>

</div>


<p>&nbsp;</p>

<div class="row">

        <label><?php echo Config::get('kms::'.$lang.'/translations.mainImageWidth'); ?></label>

        <div class="radio-wrapper">
            <div class="radio">

                <label for="{{block_key}}-location1"> <img alt="33-width" src="/packages/komma/kms/img/structure/icon_33.svg"/>
                    33%</label>

                <input type="radio" name="textWidth-{{block_key}}" value="33" id="{{block_key}}-location1"
                       ng-model="block.textWidth"/>
            </div>

            <div class="radio">

                <label for="{{block_key}}-location2"><img alt="50-width" src="/packages/komma/kms/img/structure/icon_50.svg"/>
                    50%</label>

                <input type="radio" name="textWidth-{{block_key}}" value="50" id="{{block_key}}-location2"
                       ng-model="block.textWidth"/>
            </div>

            <div class="radio">

                <label for="{{block_key}}-location3"><img alt="66-width" src="/packages/komma/kms/img/structure/icon_66.svg"/>
                    66%</label>

                <input type="radio" name="textWidth-{{block_key}}" value="66" id="{{block_key}}-location3"
                       ng-model="block.textWidth"/>
            </div>

        </div>
    <div class="clear"></div>

</div>