<!-- ROW START -->
<div class="row">

    <div class="col-lg-12 col-md-12 mb-4 mb-xl-0 mb-lg-4">
        <!-- Add Task Export Buttons Start -->
        <div class="d-flex" id="table-actions"></div>
        <!-- Add Task Export Buttons End -->
    </div>

    <div class="col-lg-8 col-md-8 mb-4 mb-xl-0 mb-lg-4">
        <!-- Task Box Start -->
        <div class="d-flex flex-column w-tables rounded mt-3 bg-white">
            {!! $dataTable->table(['class' => 'table table-hover border-0']) !!}
        </div>
        <!-- Task Box End -->
    </div>

    <div class="col-lg-4 col-md-4 mb-4 mb-xl-0 mb-lg-4">

        <h4 class="heading-h4">@lang('modules.gdpr.consent')</h4>

        <ul class="list-group">
            @forelse($consents as $consent)
                <li class="list-group-item border-grey">
                    <a class="d-block f-15 text-dark-grey  consent-details"
                        href="javascript:;" data-consent-id="{{ $consent->id }}">{{ $consent->name }}</a>
                </li>
            @empty
                <li class="list-group-item border-grey">
                    <x-cards.no-record :message="__('messages.noRecordFound')" icon="list" />
                </li>
            @endforelse
        </ul>

    </div>


</div>
<!-- ROW END -->
@include('sections.datatable_js')

<script>
    $('#client-gdpr-table').on('preXhr.dt', function(e, settings, data) {
        var clientID = "{{ $client->id }}";

        data['clientID'] = clientID;
    });

    const showTable = () => {
        window.LaravelDataTables["client-gdpr-table"].draw(true);
    }

    $(document).on('click', '.consent-details', function() {
        let consentId = $(this).data('consent-id');
        let clientId = "{{ $client->id }}";
        let url = `{{ route('clients.gdpr_consent') }}?consentId=${consentId}&clientId=${clientId}`;

        $(MODAL_LG + ' ' + MODAL_HEADING).html('...');
        $.ajaxModal(MODAL_LG, url);
    })
</script>
