@extends('layouts.admin')
@section('content')
@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
@can('access_card_create')
    <div style="margin-bottom: 10px;" class="row"><div class="col-lg-12">
        <a class="btn btn-success" href="{{ route('admin.access-cards.create') }}">{{ trans('global.add') }} Access Card</a>
    </div></div>
@endcan
<div class="card">
    <div class="card-header">Access Cards</div>
    <div class="card-body">
        <table class="table table-bordered table-striped datatable datatable-AccessCard">
            <thead><tr><th>Id</th><th>Card #</th><th>Unit</th><th>Tenant</th><th>Status</th><th>&nbsp;</th></tr></thead>
        </table>
    </div>
</div>
@endsection
@section('scripts')
@parent
<script>
    $(function () {
        $('.datatable-AccessCard').DataTable({
            processing: true, serverSide: true, retrieve: true, aaSorting: [],
            ajax: "{{ route('admin.access-cards.index') }}",
            columns: [
                { data: 'id', name: 'id' },
                { data: 'card_number', name: 'card_number' },
                { data: 'unit', name: 'unit', orderable: false, searchable: false },
                { data: 'user', name: 'user', orderable: false, searchable: false },
                { data: 'status', name: 'status' },
                { data: 'actions', name: '{{ trans('global.actions') }}', orderable: false, searchable: false }
            ],
            order: [[0, 'desc']], pageLength: 100,
        });
    });
</script>
@endsection