@extends('layouts.admin')
@section('content')
@can('owner_agent_create')
    <div style="margin-bottom: 10px;" class="row">
        <div class="col-lg-12">
            <a class="btn btn-success" href="{{ route('admin.owner-agents.create') }}">
                {{ trans('global.add') }} Owner–Agent Link
            </a>
        </div>
    </div>
@endcan
<div class="card">
    <div class="card-header">Owner–Agent Links</div>
    <div class="card-body">
        <table class="table table-bordered table-striped table-hover datatable datatable-OwnerAgent">
            <thead>
                <tr>
                    <th>Id</th>
                    <th>Owner</th>
                    <th>Agent</th>
                    <th>Financials</th>
                    <th>Can Pay</th>
                    <th>Status</th>
                    <th>&nbsp;</th>
                </tr>
            </thead>
        </table>
    </div>
</div>
@endsection
@section('scripts')
@parent
<script>
    $(function () {
        let dtOverrideGlobals = {
            processing: true,
            serverSide: true,
            retrieve: true,
            aaSorting: [],
            ajax: "{{ route('admin.owner-agents.index') }}",
            columns: [
                { data: 'id', name: 'id' },
                { data: 'owner', name: 'owner', orderable: false, searchable: false },
                { data: 'agent', name: 'agent', orderable: false, searchable: false },
                { data: 'can_view_financials', name: 'can_view_financials' },
                { data: 'can_pay', name: 'can_pay' },
                { data: 'status', name: 'status' },
                { data: 'actions', name: '{{ trans('global.actions') }}', orderable: false, searchable: false }
            ],
            order: [[ 0, 'desc' ]],
            pageLength: 100,
        };
        $('.datatable-OwnerAgent').DataTable(dtOverrideGlobals);
    });
</script>
@endsection