@extends('layouts.app')

@section('content')
<h2 class="text-center">Proveedores</h2>
<div class="container">
    <table class="table table-bordered" id="tbl_eventos">
        <thead>
            <tr>
                <td>Nombre</td>
                <td>Descripcion</td>
                <td>Clave Proveedor</td>
                <td>RFC</td>
                <td>Direccion</td>
                <td>Codigo Postal</td>
                <td>Estatus</td>
                <td>Acciones</td>
            </tr>
        </thead>
    </table>

</div>

@stop
@push('scripts')
<script>
var tblConcept,tblEvents;
$( document ).ready(function() {



    tblSuppliers =  $('#tbl_eventos').DataTable({
        processing: true,
        serverSide: true,
        dom: 'lBfrtip',
        ajax: {
          url: '{!! route('supplierstable') !!}'
        },
        language: {
              "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Spanish.json",
              },
        buttons: [
          'csv', 'excel', 'pdf'
        ],
        columns: [
            { data: 'name', name: 'name' },
            { data: 'description', name: 'description' },
            { data: 'suppliernumber', name: 'suppliernumber' },
            { data: 'rfc', name: 'rfc' },
            { data: 'address', name: 'address' },
            { data: 'zipcode', name: 'zipcode' },
            { data: 'status', name: 'status' },
            { data: 'id', name: 'id' }
        ],
        aoColumnDefs: [
            {
                "targets": [6],
                "mRender": function ( data,type, row ) {
                    var Status = 'Activo'
                    if(data == '0') {
                        Status = 'No Activo'
                    }

                    return Status;
                }
                
            },
            {
                "targets": [7],
                "mRender": function ( data,type, row ) {
                    var info = '{{ route("supplier.edit","id") }}';
                    var del = '{{ route("supplier.destroy","id") }}'
                    info = info.replace('id',row.id);
                    del = del.replace('id',row.id);
                    
                    
                    return '<a href="'+info+'" class="viewEvent" data="'+row.id+'"><i class="fas fa-edit fa-2x " style="color:blue"></i></a>';
                   
                }
                
            }
        ]
    });

    $('#tbl_conceptos tbody').on( 'click', 'a', function () {
        tblConcept
        .row( $(this).parents('tr') )
        .remove()
        .draw();
    } );

    $('.refreshDT').on('change', function() {
        $('#tbl_eventos').DataTable().ajax.reload();
    })

    



     

    
});

function details_in_popup(link, div_id){
    $.ajax({
        url: link,
        success: function(response){
            $('#'+div_id).html(response);
        }
    });
    return '<div id="'+ div_id +'">Loading...</div>';
}

</script>
@endpush