@include('kms.attributes.dynamicBlockStatus', ['translations' => $translations])
<div>
    <div class="tab-titles" ng-init="block.active_tab=0">
        <div ng-repeat="(tab_key, value) in block.tab"
             class="tab-title tab-@{{tab_key}}" ng-class="{active: block.active_tab === tab_key}">
            <span class="tab-left move" ng-click="moveTab('left',block_key,tab_key)">&larr;</span>
            <span class="tab-right move" ng-click="moveTab('right',block_key,tab_key)">&rarr;</span>
            <span ng-click="setActiveTab(block_key,tab_key)">

            @{{(value.title==''?'Tab '+(tab_key+1): value.title)}}
            </span>
        </div>
        <div class="tab-title add-tab" ng-click="addImageTab(block_key)">+</div>
    </div>
    <div ng-repeat="(tab_key, value) in block.tab" class="tab-element tab-@{{tab_key}}"
         ng-show="block.active_tab == tab_key">
            <div ng-click="removeImageTab(block_key,tab_key)" class="btn btn-danger btn-trash" type="submit" value=""
                   kms-confirm-message="Are you sure you want to delete this image tab?" kms-confirm="Delete item"></div>
        <label>{{$translations['title']}}</label><input type="text" ng-model="value.title"/>

        <div class="max-images" data-max-images="10" ng-init="value.max_images=10">
            @include('kms::attributes.dynamicimages')
        </div>

    </div>
</div>