<div class="entity-attribute entity-attribute-images"
     ng-init="key = (tab_key >=0  ? block_key+'#'+tab_key : block_key)"
     title="">

    <?php echo Form::label('images', $images['label']); ?>

    <div id="image-list-images-{{key}}" class="image-list">
        <input type="hidden" id="images" name="images" value="<?php echo $images['json']; ?>"/>
        <ul class="thumbs" id="preview-{{ key }}">
            <li class="new-image">
                <input type="file" class="image-field" onchange="handleFiles(this.files, this.id)"
                       id="image-upload-images-{{key}}-0" multiple="multiple" name="image-upload-images-{{key}}[]"
                       accept="image/*"/>
            </li>
            <?php if($images['images']): ?>
                <?php foreach($images['images'] as $image): ?>
                    <li class="image-thumb-li" id="image-thumb-<?php echo e($image->id); ?>">
                        <span class="left">&larr;</span>
                        <span class="right">&rarr;</span>
                        <span class="image-thumb-span tab">
                        <img class="image-thumb image-thumb-existing" data-image-id="<?php echo e($image->id); ?>"
                             src="<?php echo e($image->thumb); ?>"/>
                        </span>
                    </li>
                <?php endforeach; ?>
            <?php endif; ?>
            <?php /*This is used when there are no tabs*/ ?>
            <li class="image-thumb-li" ng-repeat="(key,value) in block.images" id="">
                <span class="left" ng-click="changeOrder('left',block_key,key)">&larr;</span>
                <span class="right" ng-click="changeOrder('right',block_key,key)">&rarr;</span>
                <span class="image-thumb-span tab">
                    <img class="image-thumb image-thumb-existing" src="{{ value.thumb }}"  ng-click="deleteImage('right',block_key,key)"/>
                </span>
            </li>
            <?php /*This is used when there are tabs*/ ?>
            <li class="image-thumb-li tab" ng-repeat="(key,value) in block.tab[tab_key].images" >
                <span class="left" ng-click="changeOrder('left',block_key,key,tab_key)">&larr;</span>
                <span class="right" ng-click="changeOrder('right',block_key,key,tab_key)">&rarr;</span>
                <span class="image-thumb-span tab" >
                    <img class="image-thumb image-thumb-existing" src="{{ value.thumb }}"  ng-click="deleteImage('right',block_key,key,tab_key)" />
                </span>
            </li>
        </ul>

        <div class="uploads"></div>
    </div>

</div>