<?php $__env->startSection('styles'); ?>
    <link href="<?php echo e(asset('css/icheck/skins/all.css')); ?>" rel="stylesheet" type="text/css"/>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
    <h1 class="page-title">
        Anuncios
    </h1>

    <div class="portlet light bordered">
        <div class="portlet-title col-12">
            <div class="caption col-md-9">
                <h1 class="caption-subject font-green sbold uppercase"> Listar por:
                </h1>
                <div class="col-md-4">
                    <h4><i class="glyphicon glyphicon-user"></i>  Rol </h4>
                    <select class="form-control form-filter input-md" id="lstType" name="lstType">
                        <option value="0">Todos</option>
                        <?php $__currentLoopData = $roles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $rol): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option value="<?php echo e($rol->id); ?>"><?php echo e($rol->name); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </select>

                </div>
            </div>

            <div class="actions">
                <div class="btn-group">
                    <button id="registrar_anuncio" class="btn blue btn-outline sbold">
                        <i class="fa fa-plus"></i>
                        <span class="hidden-xs"> Registrar anuncio </span>

                    </button>
                </div>
            </div>

        </div>
        <div class="portlet-body">

            <table class="table table-hover nowrap dataTable dtr-inline" id="tbPersonal">
                <thead>
                <tr>
                    <th>Nombre del Anuncio</th>
                    <th>Descripción</th>
                    <th>Tienen acceso</th>
                    <th>Estado</th>
                    <th>Opciones</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>

        </div>

    </div>
    <div id="editar"></div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('scripts'); ?>
    <script>

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        var oTable = $('#tbPersonal').DataTable({
            "language": {
                "sProcessing":     "Procesando...",
                "sLengthMenu":     "Mostrar _MENU_ registros",
                "sZeroRecords":    "No se encontraron resultados",
                "sEmptyTable":     "Ningún dato disponible en esta tabla",
                "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
                "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
                "sInfoPostFix":    "",
                "sSearch":         "Buscar:",
                "sUrl":            "",
                "sInfoThousands":  ",",
                "sLoadingRecords": "Cargando...",
                "oPaginate": {
                    "sFirst":    "Primero",
                    "sLast":     "Último",
                    "sNext":     "Siguiente",
                    "sPrevious": "Anterior"
                },
                "oAria": {
                    "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                    "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                }
            },
            processing: true,
            serverSide: true,
            destroy: true,
            responsive:true,
            ajax:{
                url: '<?php echo e(route('gestion.anuncios.post')); ?>',
                method: 'POST',
                data: function(d){
                    d.id = $('select[name=lstType]').val();
                },
                error: function(error){
                    console.log(error);
                }
            },
            columns:[
                {
                    data:'anuncio_nombre',
                    name:'anuncio_nombre'
                },
                {
                    data:'anuncio_descripcion',
                    name:'anuncio_descripcion'
                },
                {
                    data:'roles',
                    name:'roles'
                },
                {
                    data:'activo',
                    name:'activo',
                    render: function(data,type,row){
                        var aux = "Inactivo";
                        if(data==1){
                            aux = "Activo";
                        }
                        return '<td>'+aux+'</td>'
                    }
                },
                {
                    data:'anuncio_id',
                    name:'anuncio_id',
                    render: function(data,type,row){
                        return '<td>'
                            +'<button style="max-width: 250px;" ' +
                            ' class="btn btn-outline btn-circle btn-sm purple editar" data-toggle="modal"  data-id="'+data+'"  >'+
                            '<i class="fa fa-pencil"></i> Editar  </button>'
                            +'<button style="max-width: 250px;" ' +
                            ' class="btn btn-outline btn-circle btn-sm dark eliminar" data-toggle="modal" data-id="'+data+'" >'+
                            '<i class="fa fa-trash"></i> Eliminar  </button>'
                            +'</td>'
                    }

                }
            ]
        });

        $('#lstType').change(function () {
            oTable.draw();
        });

        $('#registrar_anuncio').on('click',function(){
            var aux = $(this);
            $(this).prop('disabled', true);
            $(this).blur();
            $.ajax({
                url: "<?php echo e(url('anuncio/crear')); ?>",
                type: 'GET',
                cache: false,
                success: function (result) {
                    $('#editar').html(result).find('.modal').modal({
                        show: true
                    });
                },
                complete: function () {
                    aux.removeAttr("disabled");
                    aux.prop('disabled', false);
                }
            });
            return false;
        });

        $('#tbPersonal').on('click','.editar', function () {
            var aux = $(this);
            var id = aux.data('id');
            aux.prop('disabled', true);
            aux.blur();
            $.ajax({
                url: "<?php echo e(url('anuncio/editar')); ?>"+"/"+id,
                type: 'GET',
                cache: false,
                success: function (result) {
                    $('#editar').html(result).find('.modal').modal({
                        show: true
                    });
                },
                complete: function () {
                    aux.removeAttr("disabled");
                    aux.prop('disabled', false);
                }
            });
            return false;
        });

        $('#tbPersonal').on('click','.eliminar', function () {
            var id = $(this).data('id');
            swal({
                    title: '¿Está seguro de eliminar este registro?',
                    text: "Una vez borrada no se podrá recuperar",
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Sí',
                    cancelButtonText: 'Cancelar'
                },
                function (isConfirm) {
                    if (isConfirm) {
                        EliminarResult(id);
                    }
                })
        });

        function EliminarResult(id) {
            $.ajax({
                url: "<?php echo e(url('anuncio/eliminar')); ?>",
                type: "POST",
                data: {
                    id: id
                },
                success: function (result) {
                    if (result) {
                        swal({
                            title: 'Anuncio eliminado!',
                            text: "El registro se eliminó exitosamente!",
                            type: 'success',
                            showCancelButton: false,
                            showConfirmButton: true,
                            showLoaderOnConfirm: true,
                        })
                        oTable.draw();
                    }
                    else {
                        swal("El anuncio ya ha sido enviado!", "No se puede eliminar el anuncio!", "error");
                    }
                }
            });
        }



    </script>

    <!-- App scripts -->
<?php $__env->stopSection(); ?>


<?php echo $__env->make('template.layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>