<?php $__env->startSection('title'); ?>
Banners
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content-header'); ?>
Banners
<?php $__env->stopSection(); ?>

<?php $__env->startSection('breadcrumb'); ?>
<li class="active">
    Banners
</li>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<div class="row">
    <div class="col-xs-12">
        <div class="box no-border">
            <div class="box-header">
                <h3 class="box-title">Todos os Banners</h3>
                <div class="box-tools pull-right">
                    <a href="<?php echo route('admin.banners.create'); ?>" class="btn btn-success"><i class="fa fa-file-image-o"></i> Adicionar Banner</a>
                </div>
            </div>
            <div class="box-body">
                <div class="row">
                    <div class="col-xs-12">
                    <?php if($banners->isEmpty()): ?>
                        <h4 class="text-center text-muted">Não existem banners</h4>
                    <?php else: ?>
                        <p class="text-muted">Arraste as imagens para reordenar</p>
                        <ul class="ace-thumbnails sortable">
                        <?php foreach($banners as $image): ?>
                            <?php echo $__env->make('admin.banners.partials.image', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                        <?php endforeach; ?>
                        </ul>
                    <?php endif; ?>
                    </div>
                </div>
            </div>
            <div class="box-footer">
                <?php echo Form::button('Gravar', array('class' => 'btn btn-primary', 
                'id' => 'save-order',
                'data-loading-text' => 'Gravar...',
                'disabled' => true)); ?>

            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('plugins'); ?>
    <?php echo HTML::script('assets/vendor/html.sortable/dist/html.sortable.min.js'); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('modals'); ?>
    <?php echo $__env->make('admin.banners.partials.modal_edit', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
<script type="text/javascript">
    $(document).ready(function () {

        $('.sortable').sortable({
            forcePlaceholderSize: true,
            placeholder: '<li><div class="width-300px"></div></li>'
                
        }).bind('sortupdate', function(e, ui) {
           $('#save-order').removeAttr('disabled');
        });

        //save new banner order
        $('#save-order').on('click', function(e){
            e.preventDefault();

            $button = $(this);
            $button.button('loading');

            //get array of ordered IDs
            var dataList = $(".sortable > li").map(function() {
                    return $(this).data("id");
                }).get();

            $.post("<?php echo route('admin.banners.order.update'); ?>", {'ids[]' : dataList }, function(data) 
            {
                  $.bootstrapGrowl(data.message, {
                      type: data.type
                  });

            }).fail(function() 
            {
                 $.bootstrapGrowl("Ocorreu um erro tente mais tarde", {
                    type: 'danger'
                  });
            })
            .always(function() {
                $button.button('reset');
            });

        });

        $('#modal-edit').on('show.bs.modal', function (event) {

            var button = $(event.relatedTarget); // Button that triggered the modal
            
            var action = button.data('action');

            var caption = button.data('caption'); // Extract info from data-* attributes
            var published = button.data('published');
            var modal = $(this);

            var status = published ? 'check' : 'uncheck';

            modal.find('form').attr('action', action);
            modal.find("input[name='caption']").val(caption);
            modal.find("input[name='published']").iCheck(status);
            modal.find("input[name='published']").prop('checked', published).trigger('change');
        });

    });
</script>
<?php $__env->stopSection(); ?>