@include('kms.attributes.dynamicBlockStatus', ['translations' => $translations])
<div class="row no-margin-bottom @if(! \Auth::user()->role->id >= 3) hidden @endif">
    <label class="text-label">{{$translations['code_name']}}</label>
    <input type="text" placeholder="{{$translations['code_name']}}"  ng-model="block.code_name"/>
</div>
<div class="row no-margin-bottom @if(! \Auth::user()->role->id >= 3) hidden @endif">
    <label class="text-label">{{$translations['view']}}</label>
    <input type="text" placeholder="{{$translations['view']}}"  ng-model="block.view"/>
</div>
<div class="row @if(! \Auth::user()->role->id >= 3) hidden @endif">
    <label class="text-label">{{$translations['block_name']}}</label>
    <input type="text" placeholder="{{$translations['block_name']}}"  ng-model="block.typeName"/>
</div>

<div class="row">
    <label>{{$translations['mainImageLocation']}}</label>

    {{--<data dynblock="@{{block}}"></data>--}}

    <div class="radio-wrapper">
        <div class="radio">
            <label for="@{{block_key}}-left">{{$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">{{$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 }}">
        @include('kms.attributes.dynamicimages')
    </div>
</div>


<div class="row">
        <label>{{$translations['mainImageWidth']}}</label>

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

                <label for="@{{block_key}}-location1"> <img alt="33-width" src="/img/kms/icons/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="/img/kms/icons/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="/img/kms/icons/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>