@extends('layouts.dashboard')

@section('content')

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

  .box-body
    .table-responsive
      %table#posts.table.table-striped.b-t.b-b.table-hover
        %thead
          %tr
            %th Id
            %th Titúlo
            %th Autor
            %th Estatus
            %th Fecha de registro
            %th URL
            %th

@endsection



@push('scripts')

:javascript
  $(function() {
    $('#posts').DataTable({
      processing: true,
      serverSide: true,
      pageLength: 25,
      ajax: '{{ route("posts.datatable") }}',
      columns: [
            {data: 0, name: 'id'},
            {data: 11, name: 'titulo_imagen'},
            {data: 9, name: 'autor'},
            {data: 6, name: 'status'},
            {data: 4, name: 'created_at'},
            {data: 8, name: 'details_url'},
            {data: 12, name: 'uri_visitar'},
        ]
    });

  });

@endpush