@include('partials.dashboard.head')
@include('partials.dashboard.sidebar', ['page' => 'profile'])
@include('partials.dashboard.header')
                <!-- content @s -->
                <div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block-head nk-block-head-sm">
                                    <div class="nk-block-between g-3">
                                        <div class="nk-block-head-content">
                                            <h3 class="nk-block-title page-title">Profile</h3>
                                            <div class="nk-block-des text-soft">
                                                <ul class="list-inline">
                                                    <li>Lihat informasi pribadi Anda di sini.</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="nk-block-head-content">
                                            <a href="{{route('dashboard.overview')}}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Kembali</span></a>
                                            <a href="{{route('dashboard.overview')}}" class="btn btn-icon btn-outline-light bg-white d-inline-flex d-sm-none"><em class="icon ni ni-arrow-left"></em></a>
                                        </div>
                                    </div>
                                </div><!-- .nk-block-head -->
                                <div class="nk-block">
                                    <div class="card">
                                        <div class="card-aside-wrap">
                                            <div class="card-content">
                                                @include('dashboard.users.profiles.tabs')
                                                <div class="card-inner">
                                                    <div class="nk-block">
                                                        <div class="nk-block-head">
                                                            <h5 class="title">Informasi Aktivitas Login</h5>
                                                            <p>Informasi umum terkait aktivitas/histori login akun Anda.</p>
                                                        </div><!-- .nk-block-head -->
                                                        <div class="nk-block card">
                                                            <table class="table table-ulogs">
                                                                <thead class="table-light">
                                                                    <tr>
                                                                        <th class="tb-col-os"><span class="overline-title">Browser <span class="d-sm-none">/ IP</span></span></th>
                                                                        <th class="tb-col-ip"><span class="overline-title">IP</span></th>
                                                                        <th class="tb-col-time"><span class="overline-title">Waktu</span></th>
                                                                        <th class="tb-col-action"><span class="overline-title">&nbsp;</span></th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @foreach ($loginActivities as $item)
                                                                    <tr>
                                                                        <td class="tb-col-os">{{get_user_agent($item->user_agent)['browser']}} on {{get_user_agent($item->user_agent)['os']}}</td>
                                                                        <td class="tb-col-ip"><span class="sub-text">{{$item->ip_address}}</span></td>
                                                                        <td class="tb-col-time"><span class="sub-text">{{idn_date($item->logged_in_at, 'H:i d F Y')}}</span></td>
                                                                        <td class="tb-col-action"></td>
                                                                    </tr>
                                                                    @endforeach
                                                                </tbody>
                                                            </table>
                                                        </div><!-- .nk-block-head -->
                                                        <div style="margin-top: 1rem;">
                                                            {{$loginActivities->links()}}
                                                        </div>
                                                    </div><!-- .nk-block -->
                                                </div><!-- .card-inner -->
                                            </div><!-- .card-content -->
                                        </div><!-- .card-aside-wrap -->
                                    </div><!-- .card -->
                                </div><!-- .nk-block -->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
@include('partials.dashboard.footer', ['rich_editor' => false, 'datatable' => 'login_activity'])