<?php echo $__env->make('kms::attributes.dyanmicBlockStatus', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<div class="row no-margin-bottom <?php if(! in_array(\Auth::user()->get()->user_role, [0])): ?> hidden <?php endif; ?>">
    <label class="text-label"><?php echo Config::get('kms::'.$lang.'/translations.code_name'); ?></label>
    <input type="text" placeholder="<?php echo Config::get('kms::'.$lang.'/translations.code_name'); ?>"  ng-model="block.code_name"/>
</div>
<div class="row no-margin-bottom <?php if(! in_array(\Auth::user()->get()->user_role, [0])): ?> hidden <?php endif; ?>">
    <label class="text-label"><?php echo Config::get('kms::'.$lang.'/translations.view'); ?></label>
    <input type="text" placeholder="<?php echo Config::get('kms::'.$lang.'/translations.view'); ?>"  ng-model="block.view"/>
</div>
<div class="row <?php if(! in_array(\Auth::user()->get()->user_role, [0,9])): ?> hidden <?php endif; ?>">
    <label class="text-label"><?php echo Config::get('kms::'.$lang.'/translations.block_name'); ?></label>
    <input type="text" placeholder="<?php echo Config::get('kms::'.$lang.'/translations.block_name'); ?>"  ng-model="block.typeName"/>
</div>

<div>
    <div class="max-images" data-max-images="1" ng-init="label='Afbeelding'">
        <div class="row">
            <label><?php echo Config::get('kms::'.$lang.'/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 <?php if(! in_array(\Auth::user()->get()->user_role, [0,9])): ?> hidden <?php endif; ?>">
            <label><?php echo Config::get('kms::'.$lang.'/translations.textBlockWidth'); ?></label>

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

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

        <?php echo $__env->make('kms::attributes.dynamicimages', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

        <?php /*<?php echo $__env->make('kms::attributes.dynamicVideo', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>*/ ?>
        <p>&nbsp;</p>

        <div class="row <?php if(! in_array(\Auth::user()->get()->user_role, [0,9])): ?> hidden <?php endif; ?>">
            <label><?php echo Config::get('kms::'.$lang.'/translations.imageLocation'); ?></label>

            <div class="radio-wrapper">
                <div class="radio">
                    <label for="{{block_key}}-left"><?php echo Config::get('kms::'.$lang.'/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"><?php echo Config::get('kms::'.$lang.'/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>
</div>

<div class="row no-margin-bottom <?php if(! in_array(\Auth::user()->get()->user_role, [0,9])): ?> hidden <?php endif; ?>">
    <label class="text-label"><?php echo Config::get('kms::'.$lang.'/translations.link'); ?></label>
    <input type="text" placeholder="<?php echo Config::get('kms::'.$lang.'/translations.linkExample'); ?>"  ng-model="block.link"/>
</div>
<div class="row no-margin-bottom <?php if(! in_array(\Auth::user()->get()->user_role, [0,9])): ?> hidden <?php endif; ?>">
    <label class="text-label"><?php echo Config::get('kms::'.$lang.'/translations.textLink'); ?></label>
    <input type="text" placeholder="<?php echo Config::get('kms::'.$lang.'/translations.textLink'); ?>" ng-model="block.link_text"/>
</div>