@extends('layouts.dashboard')

@section('content')

.box
  .box-header.dark
    %center
      %h2 
        Posts
        %span
          %a.btn.info.btn-xs{:href=>"{{route('product.create')}}"}
            Agregar producto

  .box-body
    .table-responsive
      %table#posts.table.table-striped.b-t.b-b.table-hover
        %thead
          %tr
            %th Id
            %th Nombre
            %th Descripción
            %th Categoria
            %th

@endsection



@push('scripts')

:javascript
  $(function() {
    $('#posts').DataTable({
      processing: true,
      serverSide: true,
      pageLength: 25,
      ajax: '{{ route("datatable.product") }}',
      columns: [
            {data: 0, name: 'id'},
            {data: 1, name: 'name'},
            {data: 2, name: 'description'},
            {data: 6, name: 'categoria'},
            {data: 7, name: 'url_editar'},
        ]
    });

  });

@endpush