@include('kms.attributes.dynamicBlockStatus', ['translations' => $translations])
<div class="row no-margin-bottom @if( \Auth::user()->role->id != 1) 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 != 1) 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>

<data deepvalue="@{{dataElement}}"></data>
<div>
    <div class="max-images" data-max-images="1" ng-init="label='Afbeelding'">
        <div class="row no-margin-bottom">
            <label>{{$translations['text']}}</label>

            <div class="text-editor-wrapper">
                <textarea id="@{{textBoxId}}" ng-model="block.description"></textarea>
            </div>
            <div class="clear"></div>
        </div>
        <div class="row @if(! \Auth::user()->role->id <3) hidden @endif">
            <label>{{$translations['textBlockWidth']}}</label>

            <div class="radio-wrapper">
                <div class="radio">
                    <input type="radio" name="textWidth-@{{block_key}}" value="33" id="@{{block_key}}-location1"
                           ng-model="block.textWidth"/>
                    <label for="@{{block_key}}-location1"><img alt="33-width" src="/img/kms/icons/icon_33.svg"/>
                        33%</label>
                </div>

                <div class="radio">
                    <input type="radio" name="textWidth-@{{block_key}}" value="50" id="@{{block_key}}-location2"
                           ng-model="block.textWidth"/>
                    <label for="@{{block_key}}-location2"><img alt="50-width" src="/img/kms/icons/icon_50.svg"/>
                        50%</label>
                </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>
        {{--<data debugs="@{{ getBlocksData() }}"></data> <!--NOTE FOR DEBUGGING PURPOSES. COMES FROM kms.dynamic-attribute.ng.js-->--}}

        @include('kms.attributes.dynamicimages', ['translations' => $translations])
        {{--@include('kms::attributes.dynamicVideo')--}}

        <div style="padding-top: 20px;" class="row hidden @if(! \Auth::user()->role->id >= 3) hidden @endif">
            <label>{{$translations['imageLocation']}}</label>

            <div class="radio-wrapper">
                <div class="radio">
                    <input type="radio" name="location-@{{block_key}}" value="left" id="@{{block_key}}-left"
                           ng-model="block.location"/>
                    <label for="@{{block_key}}-left">{{$translations['left']}}</label>
                </div>

                <div class="radio">
                    <input type="radio" name="location-@{{block_key}}" value="right" id="@{{block_key}}-right"
                           ng-model="block.location"/>
                    <label for="@{{block_key}}-right">{{$translations['right']}}</label>
                </div>

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

<div class="row no-margin-bottom @if(! \Auth::user()->role->id >= 3) hidden @endif">
    <label class="text-label">{{$translations['link']}}</label>
    <input type="text" placeholder="{{$translations['linkExample']}}"  ng-model="block.link"/>
</div>
<div class="row no-margin-bottom @if(! \Auth::user()->role->id >= 3) hidden @endif">
    <label class="text-label">{{$translations['textLink']}}</label>
    <input type="text" placeholder="{{$translations['textLink']}}" ng-model="block.link_text"/>
</div>