@extends('layouts.app', ['activePage' => 'document', 'titlePage' => __('Documents')])
@include('layouts.datatable.header')
@section('content')
  <div class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
            <div class="card">
              <div class="card-header card-header-primary">
                <h4 class="card-title ">{{ __('Document') }}</h4>
                <p class="card-category"> {{ __('Here you can manage documents') }}</p>
              </div>
              <div class="card-body">
                @if (session('status'))
                  <div class="row">
                    <div class="col-sm-12">
                      <div class="alert alert-success">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                          <i class="material-icons">close</i>
                        </button>
                        <span>{{ session('status') }}</span>
                      </div>
                    </div>
                  </div>
                @endif
                <div class="row">
                  <div class="col-12 text-right">
                    <a href="{{ route('document.create') }}" class="btn btn-sm btn-primary">{{ __('Add Document') }}</a>
                  </div>
                </div>
                <div class="table-responsive">

                  <table class="table table-bordered table-striped" id="laravel_datatable">
                     <thead>
                        <tr>
                           <th>ID</th>
                           <th>Docs Type</th>
                           <th>Company Name</th>
                           <th>Description</th>
                           <th>Action</th>
                        </tr>
                     </thead>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
@endsection

<script>
var SITEURL = '{{URL::to('')}}';
 $(document).ready( function () {
   $.ajaxSetup({
      headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
  });
  $('#laravel_datatable').DataTable({
         processing: true,
         serverSide: true,
         ajax: {
          url: SITEURL + "/document",
          type: 'GET',
         },
         columns: [
                  {data: 'id', name: 'id', 'visible': false},
                  {data: 'title', name: 'document_types.title' },
                  {data: 'company_name', name: 'companies.company_name' },
                  {data: 'description', name: 'description' },
                  {data: 'action', name: 'action', orderable: false,searchable: false},
               ],
        order: [[0, 'desc']]
      });
   });
</script>
</html>