@extends('layout.app')
@section('content')

    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table id="descDatatable" class="table ">
                    <thead class="bg-gray-50">
                        <tr>
                            <th scope="col"
                                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Date
                            </th>
                            <th scope="col"
                                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Email
                            </th>
                            <th scope="col"
                                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Last Login IP
                            </th>
                            <th scope="col"
                                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Device Info
                            </th>


                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">

                        @foreach ($list as $item)


                            <tr>

                                <td>
                                    {{ $item->created_at }}
                                </td>
                                <td>

                                    {{ $item->email }}
                                </td>
                                <td>
                                    {{ $item->last_ip }}

                                </td>
                                <td>
                                    {{ $item->device_info }}

                                </td>





                            </tr>

                        @endforeach

                        <!-- More items... -->
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    


@endsection