<div class="card p-3 shadow rounded">
    <div class="row border-bottom mb-3">
        <h4 class="p-3 mb-0">Users</h4>
    </div>
    <div class="table-responsive overflow-v">
        <table class="table table-striped" id="table2">
            <thead class="table-warning" id="user_theme_table1">
                <tr>
                    <th class="text-black">S.#</th>
                    <th class="text-black">Institution / Organization Name</th>
                    <th class="text-black">Open Access Content</th>
                </tr>
            </thead>
            <tbody>
                @php $a=1; @endphp
                @foreach($open_access_user as $key => $value)
                <tr>
                    <td>{{ $a }}</td>
                    <td>{{ $value->display_name }}</td>
                    <td>
                    <a type="button" class="btn btn-secondary" href="/member/open-access/{{Crypt::encrypt($value->id)}}" id="user_theme_button1">View</a>
                    </td>
                </tr>
                @php $a++ @endphp
                @endforeach
            </tbody>
        </table>
    </div>
</div>
<script>
    $(document).ready(function() {
        $.noConflict();
        $('#table2').DataTable();
    });
</script>