@extends('template.coin.layouts.base')

@section('title', __('Support'))

@section('css')
<link href="{{getTemplateFiles('coin')}}/assets/user/css/app.css?ver=132" type="text/css" rel="stylesheet"> 
<style>
 .dark-mode .overline-title{
    color: #8094ae;
 }
</style>
@endsection

@section('content')
<div class="nk-content nk-content-fluid">
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head">
                <div class="nk-block-head-content">
                    <h2 class="nk-block-title fw-normal">Profile Info</h2>
                    <div class="nk-block-des">
                        <p>You have full control to manage your own account setting.</p>
                    </div>
                </div>
            </div>
            <ul class="nk-nav nav nav-tabs">
                <li class="nav-item ">
                    <a class="nav-link " href="{{secure_url('profile')}}">Profile</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{secure_url('profile/accounts')}}">Accounts</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{secure_url('profile/security')}}">Security</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link active" href="{{secure_url('profile/activity')}}">Activity</a>
                </li>
            </ul>
 
            
            <div class="nk-block">
                <div class="nk-block">
             
                    @if(Session::has('errmessage'))
                    <div class="alert alert-danger alert-thick alert-plain">
                        <div class="alert-cta flex-wrap flex-md-nowrap g-2">
                            <div class="alert-text has-icon">
                                <em class="icon ni ni-info-fill text-danger"></em>
                                <p>{{Session::get('errmessage')}}</p>
                            </div>
                            <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
    <span aria-hidden="true" style="color:#000">&times;</span>
  </button> 
                        </div>
                    </div>
                    @endif
                    
                    @if(Session::has('sucmessage'))
                    <div class="alert alert-success alert-thick alert-plain">
                        <div class="alert-cta flex-wrap flex-md-nowrap g-2">
                            <div class="alert-text has-icon">
                                <em class="icon ni ni-info-fill text-success"></em>
                                <p>{{Session::get('sucmessage')}}</p>
                            </div>
                            <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
    <span aria-hidden="true" style="color:#000">&times;</span>
  </button> 
                        </div>
                    </div>
                    @endif
                </div>
    <div class="nk-block-head">
        <div class="nk-block-between-md g-3">
            <div class="nk-block-head-content">
                <h5 class="nk-block-title">Activity on your account</h5>
                <div class="nk-block-des">
                    <p>
                        Here is your last 20 login activities log. <span class="text-soft"><em class="icon ni ni-info tipinfo" title="" data-original-title="Stored activities whenever you login into account."></em></span>
                    </p>
                </div>
            </div>
            <div class="nk-block-head-content">
                 @if($u_logins->isNotEmpty())
                <a href="#" class="link link-danger clear-profile-log">Clear log</a>
                @endif
            </div>
        </div>
    </div>
    <div class="card card-bordered">
        <table class="table table-ulogs">
            <thead class="thead-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">Time</span></th>
                    <th class="tb-col-action"><span class="overline-title">&nbsp;</span></th>
                </tr>
            </thead>
            <tbody>
                @if($u_logins->isNotEmpty())
                @foreach($u_logins as $u_login)
                <tr>
                    <td class="tb-col-os">{{$u_login->getBrowserWithPlatformAttribute()}}</td>
                    <td class="tb-col-ip"><span class="sub-text">{{$u_login->Ip}}</span></td>
                    <td class="tb-col-time">
                        <span class="sub-text">{{__date_parse($u_login->session)}}</span>
                    </td>
                    <td class="tb-col-action"><a href="{{secure_url('profile/activity/delete')."/".$u_login->lid}}" class="link-cross mr-sm-n1"><em class="icon ni ni-cross"></em></a></td>
                </tr>
                @endforeach
               @else
               <tr>
                    <td class="tb-col-os" colspan="4">No data</td>
                    
                </tr>
               @endif
            </tbody>
        </table>
    </div>
</div>

        </div>
    </div>
</div>



@endsection

@section('js')

<script>
    $('.clear-profile-log').on('click', function(){
          
            if(confirm('Do you want to clear logs')){
                location.href = "{{secure_url('profile/activity/clear')}}";
            }
        })
</script>
@endsection