<div id="multiple-picker-<?php echo $id; ?>" class="form-group multiple-picker-wrapper<?php echo (isset($errors) && $errors->has($errorKey) ? ' has-error' : ''); ?><?php echo $parentHidden ? ' parent-hidden' : ''; ?>" style="<?php echo !empty($hide) ? 'display:none' : ''; ?>">
    <input type="hidden" name="<?php echo $name; ?>" id="<?php echo $id; ?>" value="" class="multiple-picker-values" />
    <?php echo Form::label($id, ucfirst($label), array('class' => 'control-label')); ?>

    <?php if($allowInsert): ?>
        <button type="button" class="btn btn-xs btn-default command-add-content pull-right">
            <span class="icon glyphicon glyphicon-plus"></span>
        </button>
    <?php endif; ?>
    <div class="row"> 
        <div class="col-sm-6">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <?php echo ucfirst(Lang::get("backend.unselected")); ?>

                </div>
                <div class="panel-body multiple-picker-list multiple-picker-unpicked-list">
                    <div class="panel panel-default picker-panel">
                        <ol class="list-group"></ol>  
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="panel panel-default"<?php echo isset($errors) && $errors->has($errorKey) ? ' data-toggle="tooltip" title="' . $errors->first($errorKey) . '"' : ''; ?>>
                <div class="panel-heading">
                    <?php echo ucfirst(Lang::get("backend.selected")); ?>

                </div>
                <div class="panel-body multiple-picker-list multiple-picker-picked-list">
                    <div class="panel panel-default picker-panel">
                        <ol class="list-group"></ol>
                    </div> 
                </div>
            </div>    
        </div>
       
    </div>
    <?php if(!empty($info)): ?>
        <span id="helpBlock" class="help-block"><?php echo $info; ?></span>
    <?php endif; ?>
</div>

<script>
    $(function(){
        var multiplePicker<?php echo $id; ?> = new Eae.View.BackendMultiplePicker({
            el: $("#multiple-picker-<?php echo $id; ?>"),
            fullList: <?php echo json_encode($fullList); ?>,
            pickedList: <?php echo json_encode($pickedList); ?>,
            order: <?php echo $order ? 'true': 'false'; ?>,
            multipleTypes: <?php echo $multipleTypes ? 'true': 'false'; ?>,
            disabled: <?php echo $enabled ? 'false': 'true'; ?>,
            parent:  <?php echo empty($parent) ? 'false': json_encode($parent); ?>,
            websiteFiltered: <?php echo $websiteFiltered ? 'true': 'false'; ?>,
            editable: <?php echo $allowInsert ? 'true' : 'false'; ?>,
            <?php if($maxSize): ?>
            maxSize: <?php echo $maxSize; ?>

            <?php endif; ?>

        });    
    });
</script>


   