@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  hidden  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  hidden  @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 @if(! \Auth::user()->role->id >= 3) hidden @endif">
        <label>{{$translations['textBlockWidth']}}</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>


</div>