@extends('layouts.app')

@section('content')
<div class="card">
  <div class="card-datatable table-responsive pt-0">
    <table class="datatables-expenses table">
      <thead>
        <tr>
          <th></th> {{-- icono de responsive --}}
          <th></th> {{-- checkbox --}}
          <th>{{ __('fields.expenses.th_folio') }}</th>
          <th>{{ __('fields.expenses.th_date') }}</th>
          <th>{{ __('fields.expenses.th_provider') }}</th>
          <th>{{ __('fields.expenses.th_amount') }}</th>
          <th>{{ __('fields.expenses.th_status') }}</th>
          <th>{{ __('fields.expenses.th_actions') }}</th>
        </tr>
      </thead>
    </table>
  </div>
</div>
@endsection

@push('scripts')

@include('components.datatables.translations', [
    'tableTitle' => __('fields.expenses.table_title')
  ])

<script src="{{ asset('vuexy-assets/js/pages/expenses-table.js') }}"></script>
@endpush