<?php echo $form->label('', t('Additional Images')); ?>
 
<ul class="list-group multi-select-list multi-select-sortable" id="additional-image-list">
    <?php  foreach ($property->getImagesObjects() as $file) {
        if ($file) {
            $thumb = $file->getListingThumbnailImage();
            if ($thumb) {
                echo '<li class="list-group-item">' . $thumb . ' ' . $file->getTitle() . '<a><i class="pull-right fa fa-minus-circle"></i></a><input type="hidden" name="afid[]" value="' . $file->getFileID() . '" /></li>';
            }
        }
    }
    ?>
</ul>
 
<div href="#" id="launch_additional" data-launch="file-manager" class="ccm-file-selector">
    <div class="ccm-file-selector-choose-new"><?php echo t('Choose Images'); ?></div>
</div>
 
<script type="text/javascript">
$(function() {
    $('#launch_additional').on('click', function(e) {
        e.preventDefault();
 
        var options = {
            multipleSelection: true,
            filters : [{ field : 'type', type: '<?php echo \Concrete\Core\File\Type\Type::T_IMAGE; ?>'}]
        };
 
        ConcreteFileManager.launchDialog(function (data) {
            ConcreteFileManager.getFileDetails(data.fID, function(r) {
                for(var i in r.files) {
                    var file = r.files[i];
                    $('#additional-image-list').append('<li class="list-group-item">'+ file.resultsThumbnailImg +' ' +  file.title +'<a><i class="pull-right fa fa-minus-circle"></i></a><input type="hidden" name="afid[]" value="' + file.fID + '" /></li>');
                }
 
            });
        },options);
    });
 
    $('#additional-image-list').sortable({axis: 'y'});
 
    $('#additional-image-list').on('click', 'a', function(){
        $(this).parent().remove();
    });
});
</script>