@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>

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

        <div class="text-editor-wrapper">
            <textarea id="@{{textBoxIds.left}}" ng-model="block.description.left"></textarea>
        </div>
        <div class="clear"></div>
    </div>
    <div class="row">
        <label>{{$translations['rightColumn']}}</label>

        <div class="text-editor-wrapper">
            <textarea id="@{{textBoxIds.right}}" ng-model="block.description.right"></textarea>
        </div>
        <div class="clear"></div>
    </div>
    <div class="row   hidden ">
        <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">
                <input type="radio" name="textWidth-@{{block_key}}" value="66" id="@{{block_key}}-location3"
                       ng-model="block.textWidth"/>
                <label for="@{{block_key}}-location3">
                    <img alt="66-width" src="/img/kms/icons/icon_66.svg"/>
                    66%</label>
            </div>
        </div>
        <div class="clear"></div>
    </div>


</div>