@extends('template.coin.layouts.admin-base')
@section('title', __('Activity'))
@section('content')

<div class="tabs-content">
    <div class="tab-content">
        <div>
            <h5>Last Activity on the System</h5>
            <div class="table-control auth-3">
                <div class="row">
                    <span>Download as</span>
                    <div class="actions-container">
                        <div class="dropdown bootstrap-select form-control">
                            <select class="selectpicker form-control" id="download-filetype" data-name="download" title="File format">
                                <option class="bs-title-option" value=""></option>
                                <option value="xls">Excel</option>
                                <option value="csv">CSV</option>
                            </select>
                            <button
                                type="button"
                                tabindex="-1"
                                class="btn dropdown-toggle btn-light bs-placeholder"
                                data-toggle="dropdown"
                                role="combobox"
                                aria-owns="bs-select-4"
                                aria-haspopup="listbox"
                                aria-expanded="false"
                                id="downloadDropMenu"
                                data-bs-toggle="dropdown"
                                aria-expanded="false"
                                data-id="download-filetype"
                                title="File format"
                            >
                                <div class="filter-option">
                                    <div class="filter-option-inner"><div class="filter-option-inner-inner" id="downloadSelected" data-id="download-manager_logs">File format</div></div>
                                </div>
                            </button>
                            <div class="dropdown-menu" aria-labelledby="downloadDropMenu">
                                <div class="inner show" role="listbox" id="bs-select-4" tabindex="-1"><ul class="dropdown-menu inner show" role="presentation" data-id="downloadSelected"></ul></div>
                            </div>
                        </div>
                    </div>
                    <div class="action-helper">
                        <button class="btn btn-primary dropdown-buttonx" data-action="download" id="download-manager_logs">Download</button>
                    </div>
                </div>
                <div class="row">
                    <span>Filter</span>
                    <div class="actions-container">
                        <div class="dropdown bootstrap-select form-control">
                            <select class="selectpicker form-control" id="filters-list-manager_logs" title="Choose...">
                                <option class="bs-title-option" value=""></option>
                                <option value="+add">Add...</option>
                            </select>
                            <button
                                type="button"
                                tabindex="-1"
                                class="btn dropdown-toggle bs-placeholder btn-light"
                                data-toggle="dropdown"
                                role="combobox"
                                aria-owns="bs-select-5"
                                aria-haspopup="listbox"
                                id="filterDropMenu" data-bs-toggle="dropdown" aria-expanded="false"
                                title="Choose..."
                            >
                                <div class="filter-option">
                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Choose...</div></div>
                                </div>
                            </button>
                            <div class="dropdown-menu" aria-labelledby="filterDropMenu" style="max-height: 94px; overflow: hidden; min-height: 0px;">
                                <div class="inner show" role="listbox" id="bs-select-5" tabindex="-1" style="max-height: 80px; overflow-y: auto; min-height: 0px;">
                                    <ul class="dropdown-menu inner show" role="presentation" style="margin-top: 0px; margin-bottom: 0px;">
                                        <li>
                                            <a role="option" class="dropdown-item" id="bs-select-5-0" tabindex="0"><span class="bs-ok-default check-mark"></span><span class="text">Add...</span></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="action-helper">
                        <button class="btn btn-primary" data-action="save-filter" id="save-filter-manager_logs">Save</button>
                        <button class="btn btn-red" data-action="delete-filter" id="delete-filter-manager_logs">Delete</button>
                    </div>
                </div>
                <div class="row">
                    <button class="btn btn-primary" data-action="clear" id="clear-filters-manager_logs">Clear Filters</button>
                </div>
            </div>
            <div id="table-manager_logs_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
                <div class="row">
                    <div class="col-sm-2 col-md-2">
                        <div class="dataTables_length" id="table-manager_logs_length">
                            <label>
                                Show
                                <select name="table-manager_logs_length" aria-controls="table-manager_logs" class="custom-select custom-select-sm form-control form-control-sm select-paginator">
                                    <option value="10" {{ getSelected('10' , $lx) }}>10</option>
                                    <option value="25" {{ getSelected('25' , $lx) }}>25</option>
                                    <option value="50" {{ getSelected('50' , $lx) }}>50</option>
                                    <option value="100" {{ getSelected('100' , $lx) }}>100</option>
                                    <option value="250" {{ getSelected('250' , $lx) }}>250</option>
                                    <option value="500" {{ getSelected('500' , $lx) }}>500</option>
                                </select>
                                entries
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-9 col-md-9 invisible"></div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <table id="table-manager_logs" class="dataTable no-footer" role="grid" style="width: 1142px;">
                            <thead>
                                <tr role="row">
                                    <th class="sorting_desc" tabindex="0" aria-controls="table-manager_logs" rowspan="1" colspan="1" style="width: 131px;" aria-label="Time: activate to sort column ascending" aria-sort="descending">Time</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-manager_logs" rowspan="1" colspan="1" style="width: 137px;" aria-label="Manager: activate to sort column ascending">Manager</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-manager_logs" rowspan="1" colspan="1" style="width: 196px;" aria-label="Client: activate to sort column ascending">Client</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-manager_logs" rowspan="1" colspan="1" style="width: 150px;" aria-label="Activity: activate to sort column ascending">Activity</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-manager_logs" rowspan="1" colspan="1" style="width: 461px;" aria-label="Information: activate to sort column ascending">Information</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-manager_logs" rowspan="1" colspan="1" style="width: 3px;" aria-label=": activate to sort column ascending"></th>
                                    <th class="sorting" tabindex="0" aria-controls="table-manager_logs" rowspan="1" colspan="1" style="width: 3px;" aria-label=": activate to sort column ascending"></th>
                                </tr>
                                <tr class="search-tab">
                                    <th>
                                        <div class="dropdown bootstrap-select show-tick form-control">
                                            <select class="form-control selectpicker" id="timeSelectMenu" data-name="time" multiple="">
                                                <option value="$gte=1641772801">Today</option>
                                                <option value="$gte=1641686401&amp;$lte=1641772801">Yesterday</option>
                                                <option value="$gte=1641772800">This Week</option>
                                                <option value="$gte=1641168000&amp;$lte=1641772800">Past Week</option>
                                                <option value="$gte=1640995200">This Month</option>
                                                <option value="$gte=1638316800&amp;$lte=1640995200">Past Month</option>
                                                <option value="$gte=1641168001">Last 7 days</option>
                                                <option value="$gte=1639180801">Last 30 days</option>
                                                <option value="_custom" class="time-filter-custom">Custom...</option>
                                            </select>
                                            <button
                                                type="button"
                                                tabindex="-1"
                                                class="btn dropdown-toggle btn-light bs-placeholder"
                                                data-toggle="dropdown"
                                                role="combobox"
                                                aria-owns="bs-select-10"
                                                aria-haspopup="listbox"
                                                aria-expanded="false"
                                                data-bs-toggle="dropdown"
                                                aria-expanded="false"
                                                title="Nothing selected"
                                                id="timeDropMenu"
                                                data-id="timeSelectMenu"
                                            >
                                                <div class="filter-option">
                                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Nothing selected</div></div>
                                                </div>
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="timeDropMenu">
                                                <div class="bs-searchbox">
                                                    <input type="search" class="form-control" autocomplete="off" placeholder="Filter" role="combobox" aria-label="Search" aria-controls="bs-select-10" aria-autocomplete="list" />
                                                </div>
                                                <div class="bs-actionsbox">
                                                    <div class="btn-group btn-group-sm btn-block">
                                                        <button type="button" class="actions-btn bs-select-all btn btn-light">Check&nbsp;all</button>
                                                        <button type="button" class="actions-btn bs-deselect-all btn btn-light">Uncheck&nbsp;all</button>
                                                    </div>
                                                </div>
                                                <div class="inner show" role="listbox" id="bs-select-10" tabindex="-1" aria-multiselectable="true"><ul class="dropdown-menu inner show" role="presentation"></ul></div>
                                            </div>
                                        </div>
                                    </th>
                                    <th>
                                        <div class="dropdown bootstrap-select show-tick form-control">
                                            <select class="form-control selectpicker" id="selectManager" data-name="manager.id" multiple="">
                                                <option value="0">None</option>
                                                <optgroup label="None"><option value="6">Morning Star</option></optgroup>
                                            </select>
                                            <button
                                                type="button"
                                                tabindex="-1"
                                                class="btn dropdown-toggle btn-light bs-placeholder"
                                                data-toggle="dropdown"
                                                role="combobox"
                                                aria-owns="bs-select-11"
                                                aria-haspopup="listbox"
                                                aria-expanded="false"
                                                data-bs-toggle="dropdown"
                                                aria-expanded="false"
                                                id="managerDropDown"
                                                data-id="selectManager"
                                                title="Nothing selected"
                                            >
                                                <div class="filter-option">
                                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Nothing selected</div></div>
                                                </div>
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="managerDropDown">
                                                <div class="bs-searchbox">
                                                    <input type="search" class="form-control" autocomplete="off" placeholder="Filter"  role="combobox" aria-label="Search" aria-controls="bs-select-11" aria-autocomplete="list" />
                                                </div>
                                                <div class="bs-actionsbox">
                                                    <div class="btn-group btn-group-sm btn-block">
                                                        <button type="button" class="actions-btn bs-select-all btn btn-light">Check&nbsp;all</button>
                                                        <button type="button" class="actions-btn bs-deselect-all btn btn-light">Uncheck&nbsp;all</button>
                                                    </div>
                                                </div>
                                                <div class="inner show" role="listbox" id="bs-select-11" tabindex="-1" aria-multiselectable="true"><ul class="dropdown-menu inner show" role="presentation"></ul></div>
                                            </div>
                                        </div>
                                    </th>
                                    <th><input type="text" class="form-control" placeholder="Search" data-name="user.fullname" value="" id="myInput" data-id="classxx"></th>
                                    <th>
                                        <div class="dropdown bootstrap-select show-tick form-control">
                                            <select class="form-control selectpicker" id="activitySelect" data-name="action" multiple="">
                                                <option value="UPDATE_STATUS">Status Update</option>
                                                <option value="UPDATE_ROLE">Role Update</option>
                                                <option value="UPDATE_MANAGER">Manager Assign</option>
                                                <option value="UPDATE_PERSONAL">Personal Details Update</option>
                                                <option value="DELETE_USER">User Delete</option>
                                                <option value="UPDATE_CFD_ACCOUNT">CFD Account Update</option>
                                                <option value="DELETE_CFD_ACCOUNT">CFD Account Delete</option>
                                                <option value="CHANGE_PASSWORD">Password Change</option>
                                                <option value="ADD_COMMENT">Comment Add</option>
                                                <option value="DELETE_COMMENT">Comment Delete</option>
                                                <option value="ADD_EVENT">Event Add</option>
                                                <option value="UPDATE_EVENT">Event Update</option>
                                                <option value="DELETE_EVENT">Event Delete</option>
                                                <option value="UPLOAD_LEADS">Leads Upload</option>
                                                <option value="ADD_SYMBOL">Symbol Add</option>
                                                <option value="UPDATE_SYMBOL">Symbol Update</option>
                                                <option value="ADD_DEPOSIT">Deposit Add</option>
                                                <option value="APPROVE_DEPOSIT">Deposit Approve</option>
                                                <option value="DECLINE_DEPOSIT">Deposit Decline</option>
                                                <option value="UPDATE_DEPOSIT">Deposit Update</option>
                                                <option value="DELETE_DEPOSIT">Deposit Delete</option>
                                                <option value="REVERT_DEPOSIT">Deposit Revert</option>
                                                <option value="APPROVE_WITHDRAWAL">Withdrawal Approve</option>
                                                <option value="DECLINE_WITHDRAWAL">Withdrawal Decline</option>
                                                <option value="UPDATE_WITHDRAWAL">Withdrawal Update</option>
                                                <option value="APPROVE_DOCUMENT">Document Approve</option>
                                                <option value="DECLINE_DOCUMENT">Document Decline</option>
                                                <option value="DELETE_DOCUMENT">Document Delete</option>
                                                <option value="ADD_AFFILIATE">Affiliate Add</option>
                                                <option value="UPDATE_AFFILIATE">Affiliate Update</option>
                                                <option value="DELETE_AFFILIATE">Affiliate Delete</option>
                                                <option value="GENERATE_AFFILIATE_TOKEN">Affiliate Token Created</option>
                                                <option value="ADD_AFFILIATE_ROUTING">Affiliate Routing Add</option>
                                                <option value="DELETE_AFFILIATE_ROUTING">Affiliate Routing Delete</option>
                                                <option value="ADD_CFD_GROUP_SYMBOL">Symbol Config Add</option>
                                                <option value="UPDATE_CFD_GROUP_SYMBOL">Symbol Config Update</option>
                                                <option value="DELETE_CFD_GROUP_SYMBOL">Symbol Config Delete</option>
                                                <option value="UPDATE_CFD_ACCOUNT_GROUP_RELATIONS">Trading Groups Update</option>
                                                <option value="REVERT_CFD_ORDER">CFD Order Revert</option>
                                                <option value="UPDATE_CFD_ORDER">CFD Order Update</option>
                                                <option value="ADD_CFD_GROUP">Symbol Group Add</option>
                                                <option value="UPDATE_CFD_GROUP">Symbol Group Update</option>
                                                <option value="DELETE_CFD_GROUP">Symbol Group Delete</option>
                                                <option value="ADD_CFD_ACCOUNT">CFD Account Add</option>
                                                <option value="MASS_ASSIGN">Mass Assign</option>
                                                <option value="MASS_STATUS">Mass Status Change</option>
                                                <option value="MASS_REMOVE">Mass Remove</option>
                                                <option value="MASS_PROMOTE">Mass promote</option>
                                                <option value="MASS_EDIT">Mass Edit</option>
                                                <option value="ADD_ADMIN">Manager Add</option>
                                                <option value="UPDATE_ADMIN">Manager Update</option>
                                                <option value="UPDATE_ADMIN_PASSWORD">Manager Password Update</option>
                                                <option value="UPDATE_ADMIN_RIGHTS">Manager Rights Update</option>
                                                <option value="DELETE_ADMIN">Manager Delete</option>
                                                <option value="ADD_ADMIN_RIGHTS_TEMPLATE">Manager Rights Template Add</option>
                                                <option value="DELETE_ADMIN_RIGHTS_TEMPLATE">Manager Rights Template Delete</option>
                                                <option value="ADD_PSP">PSP Add</option>
                                                <option value="UPDATE_PSP">PSP Update</option>
                                                <option value="DELETE_PSP">PSP Delete</option>
                                                <option value="ADD_USER_PSP">User PSP Add</option>
                                                <option value="UPDATE_USER_PSP">User PSP Update</option>
                                                <option value="DELETE_USER_PSP">User PSP Delete</option>
                                                <option value="ADD_KYC_QUESTION">KYC Question Add</option>
                                                <option value="DELETE_KYC_QUESTION">KYC Question Delete</option>
                                                <option value="ADD_KYC_ANSWER">KYC Answer Add</option>
                                                <option value="UPDATE_KYC_ANSWER">KYC Answer Update</option>
                                                <option value="DELETE_KYC_ANSWER">KYC Answer Delete</option>
                                                <option value="DELETE_OTP">OTP Delete</option>
                                                <option value="MASS_REMOVE_COMMENTS">Comments Mass Remove</option>
                                                <option value="ADD_SALES_STATUS">Sales Status Add</option>
                                                <option value="UPDATE_SALES_STATUS">Sales Status Update</option>
                                                <option value="DELETE_SALES_STATUS">Sales Status Delete</option>
                                                <option value="CALL_VOIP">VOIP Call</option>
                                                <option value="ADD_VOIP">VOIP Config Add</option>
                                                <option value="UPDATE_VOIP">VOIP Config Update</option>
                                                <option value="DELETE_VOIP">VOIP Config Delete</option>
                                                <option value="DELETE_SYMBOL">Symbol Delete</option>
                                                <option value="MASS_COMMENT_REMOVE">Users' Comments Mass Remove</option>
                                                <option value="INVALID_STAKING_CURRENCY">Invalid Staking Currency</option>
                                                <option value="INVALID_STAKING_PERIOD">Invalid Staking Period</option>
                                                <option value="ADD_STAKING_ACCOUNT">Staking Account Add</option>
                                                <option value="UPDATE_STAKING_ACCOUNT">Staking Account Update</option>
                                                <option value="DELETE_STAKING_ACCOUNT">Staking Account Delete</option>
                                                <option value="ADD_STAKING_CURRENCY">Staking Currency Add</option>
                                                <option value="UPDATE_STAKING_CURRENCY">Staking Account Update</option>
                                                <option value="DELETE_STAKING_CURRENCY">Staking Account delete</option>
                                            </select>
                                            <button
                                                type="button"
                                                tabindex="-1"
                                                class="btn dropdown-toggle btn-light bs-placeholder"
                                                data-toggle="dropdown"
                                                role="combobox"
                                                aria-owns="bs-select-12"
                                                aria-haspopup="listbox"
                                                data-bs-toggle="dropdown"
                                               aria-expanded="false"
                                                id="activityDropDown"
                                                data-id="activitySelect"
                                                title="Nothing selected"
                                            >
                                                <div class="filter-option">
                                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Nothing selected</div></div>
                                                </div>
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="activityDropDown">
                                                <div class="bs-searchbox">
                                                    <input type="search" class="form-control" autocomplete="off" placeholder="Filter" id="ULInput" role="combobox" aria-label="Search" aria-controls="bs-select-12" data-id="ulinp" aria-autocomplete="list" />
                                                </div>
                                                <div class="bs-actionsbox">
                                                    <div class="btn-group btn-group-sm btn-block">
                                                        <button type="button" class="actions-btn bs-select-all btn btn-light">Check&nbsp;all</button>
                                                        <button type="button" class="actions-btn bs-deselect-all btn btn-light">Uncheck&nbsp;all</button>
                                                    </div>
                                                </div>
                                                <div class="inner show" role="listbox" id="bs-select-12" tabindex="-1" aria-multiselectable="true"><ul class="dropdown-menu dropdown-ul inner show" data-id="ulinp" role="presentation"></ul></div>
                                            </div>
                                        </div>
                                    </th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody id="myTableData">
                                @if(!empty($activities))
                                @foreach($activities as $activity)
                                <tr role="row" class="odd">
                                    <td class="sorting_1">{{$activity->created_at}}</td>
                                    <td class="pointer bold text-left">
                                        <a href="{{secure_url('/admin/manager/'.$activity->manager_id)}}" class="name-container">{{$activity->manager()->fname}} {{$activity->manager()->lname}}<i class="material-icons">open_in_new</i></a>
                                    </td>
                                    <td class="pointer bold text-left" data-name="classxx">
                                        @if(!empty($activity->client()))
                                        <a class="name-container" href="{{secure_url('/admin/manager/'.$activity->client_id)}}">
                                            <span class="">{{$activity->client()->fname}} {{$activity->client()->lname}}</span><i class="material-icons">open_in_new</i><i class="material-icons pointer" data-toggle="tooltip">speaker_notes</i><i class="material-icons">paid</i>
                                        </a> @endif
                                    </td>
                                    <td>{{$activity->activity}}</td>
                                    <td><strong>{{$activity->manager()->fname}} {{$activity->manager()->lname}}</strong> {{$activity->information}}  @if(!empty($activity->client())) <strong>{{$activity->client()->fname}} {{$activity->client()->lname}}</strong> 
                                        @endif                                    
                                    </td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                @endforeach
                              @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2 col-md-2">
                        <div class="dataTables_length">
                            <label>
                                Show
                                <select name="table-manager_logs_length" aria-controls="table-manager_logs" class="custom-select custom-select-sm form-control form-control-sm">
                                    <option value="10">10</option>
                                    <option value="25">25</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                    <option value="250">250</option>
                                    <option value="500">500</option>
                                </select>
                                entries
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-9 col-md-9"><div class="d-flex justify-content-center">
                        {{$activities->appends(request()->input())->links('vendor.pagination.custom')}}
   
</div></div>
                    <div class="col-sm-1 col-md-1">
                        <div class="dataTables_paginate paging_input" id="table-manager_logs_paginate" style="display: none;">
                            <span class="first paginate_button page-item" id="table-manager_logs_first">First</span><span class="previous paginate_button page-item" id="table-manager_logs_previous">Previous</span><span>Page </span>
                            <input class="paginate_input" type="text" /><span> of </span><span class="paginate_total"></span><span></span><span class="next paginate_button page-item" id="table-manager_logs_next">Next</span>
                            <span class="last paginate_button page-item" id="table-manager_logs_last">Last</span>
                        </div>
                    </div>
                </div>
            </div>

            <h5>Users Logins</h5>
            <div class="table-control auth-3">
                <div class="row">
                    <span>Download as</span>
                    <div class="actions-container">
                        <div class="dropdown bootstrap-select form-control">
                            <select class="selectpicker form-control" id="download-filetype-logins" title="File format">
                                <option class="bs-title-option" value=""></option>
                                <option value="xls">Excel</option>
                                <option value="csv">CSV</option>
                            </select>
                            <button
                                type="button"
                                tabindex="-1"
                                class="btn dropdown-toggle btn-light bs-placeholder"
                                data-toggle="dropdown"
                                role="combobox"
                                aria-owns="bs-select-7"
                                aria-haspopup="listbox"
                                aria-expanded="false"
                                data-id="download-filetype-logins"
                                title="File format"
                            >
                                <div class="filter-option">
                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">File format</div></div>
                                </div>
                            </button>
                            <div class="dropdown-menu">
                                <div class="inner show" role="listbox" id="bs-select-7" tabindex="-1"><ul class="dropdown-menu inner show" role="presentation"></ul></div>
                            </div>
                        </div>
                    </div>
                    <div class="action-helper">
                        <button class="btn btn-primary" data-action="download" id="download-logins">Download</button>
                    </div>
                </div>
                <div class="row">
                    <span>Filter</span>
                    <div class="actions-container">
                        <div class="dropdown bootstrap-select form-control dropup">
                            <select class="selectpicker form-control" id="filters-list-logins" title="Choose...">
                                <option class="bs-title-option" value=""></option>
                                <option value="+add">Add...</option>
                            </select>
                            <button
                                type="button"
                                tabindex="-1"
                                class="btn dropdown-toggle bs-placeholder btn-light"
                                data-toggle="dropdown"
                                role="combobox"
                                aria-owns="bs-select-8"
                                aria-haspopup="listbox"
                                aria-expanded="false"
                                data-id="filters-list-logins"
                                title="Choose..."
                            >
                                <div class="filter-option">
                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Choose...</div></div>
                                </div>
                            </button>
                            <div class="dropdown-menu" style="max-height: 688.641px; overflow: hidden; min-height: 0px;">
                                <div class="inner show" role="listbox" id="bs-select-8" tabindex="-1" style="max-height: 674.641px; overflow-y: auto; min-height: 0px;">
                                    <ul class="dropdown-menu inner show" role="presentation" style="margin-top: 0px; margin-bottom: 0px;">
                                        <li>
                                            <a role="option" class="dropdown-item" id="bs-select-8-0" tabindex="0"><span class="bs-ok-default check-mark"></span><span class="text">Add...</span></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="action-helper">
                        <button class="btn btn-primary" data-action="save-filter" id="save-filter-logins">Save</button>
                        <button class="btn btn-red" data-action="delete-filter" id="delete-filter-logins">Delete</button>
                    </div>
                </div>
                <div class="row">
                    <button class="btn btn-primary" data-action="clear" id="clear-filters-logins">Clear Filters</button>
                </div>
                <div class="row absolute">
                    <div class="row" style="margin-left: auto;">
                        <span>Columns</span>
                        <div class="actions-container">
                            <div class="dropdown bootstrap-select show-tick form-control columns-list dropup">
                                <select class="selectpicker form-control columns-list" multiple="" title="Configure...">
                                    <option value="Time" selected="selected">Time</option>
                                    <option value="Name" selected="selected">Name</option>
                                    <option value="IP" selected="selected">IP</option>
                                    <option value="Browser" selected="selected">Browser</option>
                                </select>
                                <button
                                    type="button"
                                    tabindex="-1"
                                    class="btn dropdown-toggle btn-light"
                                    data-toggle="dropdown"
                                    role="combobox"
                                    aria-owns="bs-select-9"
                                    aria-haspopup="listbox"
                                    aria-expanded="false"
                                    title="Time, Name, IP, Browser"
                                >
                                    <div class="filter-option">
                                        <div class="filter-option-inner"><div class="filter-option-inner-inner">Time, Name, IP, Browser</div></div>
                                    </div>
                                </button>
                                <div class="dropdown-menu" style="max-height: 746.641px; overflow: hidden; min-height: 92px;">
                                    <div class="inner show" role="listbox" id="bs-select-9" tabindex="-1" aria-multiselectable="true" style="max-height: 732.641px; overflow-y: auto; min-height: 78px;">
                                        <ul class="dropdown-menu inner show" role="presentation" style="margin-top: 0px; margin-bottom: 0px;">
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-9-0" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Time</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-9-1" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Name</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-9-2" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">IP</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-9-3" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Browser</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <button class="btn btn-primary" data-action="refresh" id="refresh-table-logins"><i class="material-icons">sync</i></button>
                    </div>
                </div>
            </div>
            <div id="table-logins_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
                <div class="row">
                    <div class="col-sm-2 col-md-2">
                        <div class="dataTables_length" id="table-logins_length">
                            <label>
                                Show
                                <select name="table-logins_length" aria-controls="table-logins" class="custom-select custom-select-sm form-control form-control-sm">
                                    <option value="10">10</option>
                                    <option value="25">25</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                    <option value="250">250</option>
                                    <option value="500">500</option>
                                </select>
                                entries
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-9 col-md-9 invisible"></div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <table id="table-logins" class="dataTable no-footer" role="grid" style="width: 1140px;">
                            <thead>
                                <tr role="row">
                                    <th class="sorting_desc" tabindex="0" aria-controls="table-logins" rowspan="1" colspan="1" style="width: 105px;" aria-label="Time: activate to sort column ascending" aria-sort="descending">Time</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-logins" rowspan="1" colspan="1" style="width: 168px;" aria-label="Name: activate to sort column ascending">Name</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-logins" rowspan="1" colspan="1" style="width: 72px;" aria-label="IP: activate to sort column ascending">IP</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-logins" rowspan="1" colspan="1" style="width: 750px;" aria-label="Browser: activate to sort column ascending">Browser</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-logins" rowspan="1" colspan="1" style="width: 1px;" aria-label=": activate to sort column ascending"></th>
                                </tr>
                                <tr class="search-tab">
                                    <th>
                                        <div class="dropdown bootstrap-select show-tick form-control">
                                            <select class="form-control selectpicker" data-name="time" multiple="">
                                                <option value="$gte=1641772801">Today</option>
                                                <option value="$gte=1641686401&amp;$lte=1641772801">Yesterday</option>
                                                <option value="$gte=1641772800">This Week</option>
                                                <option value="$gte=1641168000&amp;$lte=1641772800">Past Week</option>
                                                <option value="$gte=1640995200">This Month</option>
                                                <option value="$gte=1638316800&amp;$lte=1640995200">Past Month</option>
                                                <option value="$gte=1641168001">Last 7 days</option>
                                                <option value="$gte=1639180801">Last 30 days</option>
                                                <option value="_custom" class="time-filter-custom">Custom...</option>
                                            </select>
                                            <button
                                                type="button"
                                                tabindex="-1"
                                                class="btn dropdown-toggle btn-light bs-placeholder"
                                                data-toggle="dropdown"
                                                role="combobox"
                                                aria-owns="bs-select-13"
                                                aria-haspopup="listbox"
                                                aria-expanded="false"
                                                title="Nothing selected"
                                            >
                                                <div class="filter-option">
                                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Nothing selected</div></div>
                                                </div>
                                            </button>
                                            <div class="dropdown-menu">
                                                <div class="bs-searchbox">
                                                    <input type="search" class="form-control" autocomplete="off" placeholder="Filter" role="combobox" aria-label="Search" aria-controls="bs-select-13" aria-autocomplete="list" />
                                                </div>
                                                <div class="bs-actionsbox">
                                                    <div class="btn-group btn-group-sm btn-block">
                                                        <button type="button" class="actions-btn bs-select-all btn btn-light">Check&nbsp;all</button>
                                                        <button type="button" class="actions-btn bs-deselect-all btn btn-light">Uncheck&nbsp;all</button>
                                                    </div>
                                                </div>
                                                <div class="inner show" role="listbox" id="bs-select-13" tabindex="-1" aria-multiselectable="true"><ul class="dropdown-menu inner show" role="presentation"></ul></div>
                                            </div>
                                        </div>
                                    </th>
                                    <th><input type="text" class="form-control" placeholder="Search" data-name="user.fullname" value="" /></th>
                                    <th><input type="text" class="form-control" placeholder="Search" data-name="ip" value="" /></th>
                                    <th><input type="text" class="form-control" placeholder="Search" data-name="browser" value="" /></th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(!empty('$userlogins'))
                                @for($i = 0; $i < count($userlogins); $i++)
                                <tr role="row" class="@if($i % 2 == 0 ) odd @else even @endif">
                                    <td class="sorting_1">{{$userlogins[$i]->created_at}}</td>
                                    <td class="pointer bold text-left">
                                        <a class="name-container" href="{{secure_url('/admin/user/'.$userlogins[$i]->user_id)}}">
                                            <span class="">{{$userlogins[$i]->account()->fname}} {{$userlogins[$i]->account()->lname}}</span><i class="material-icons">open_in_new</i><i class="material-icons pointer" data-toggle="tooltip">speaker_notes</i><i class="material-icons">paid</i>
                                        </a>
                                     
                                    </td>
                                    <td>{{ $userlogins[$i]->Ip }}</td>
                                    <td>{{ $userlogins[$i]->browser }}</td>
                                    <td></td>
                                </tr>
                                @endfor
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2 col-md-2">
                        <div class="dataTables_length">
                            <label>
                                Show
                                <select name="table-logins_length" aria-controls="table-logins" class="custom-select custom-select-sm form-control form-control-sm">
                                    <option value="10">10</option>
                                    <option value="25">25</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                    <option value="250">250</option>
                                    <option value="500">500</option>
                                </select>
                                entries
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-9 col-md-9 invisible"></div>
                    <div class="col-sm-1 col-md-1">
                        <div class="dataTables_paginate paging_input" id="table-logins_paginate" style="display: none;">
                            <span class="first paginate_button page-item" id="table-logins_first">First</span><span class="previous paginate_button page-item" id="table-logins_previous">Previous</span><span>Page </span>
                            <input class="paginate_input" type="text" /><span> of </span><span class="paginate_total"></span><span></span><span class="next paginate_button page-item" id="table-logins_next">Next</span>
                            <span class="last paginate_button page-item" id="table-logins_last">Last</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <style id="table-style-table-manager_logs"></style><style id="table-style-table-logins"></style>
    </div>
</div>


@endsection

@section('scripts')
<script>
    $(function(){
        $('.dropdown button').on('click' , function(){
            var sel1 = $(this).attr('id');
            //var sel = $(this).parent().find('.selectpicker').attr('id');
            var sel = $(this).attr('data-id');
            var seld = $('#'+ sel).attr('data-name');
           
            var vla = '';
            $('#'+sel+' option').each(function(){
            vla += '<li class="dropdown-li"><a role="option" class="dropdown-item" id="bs-select-41-0" href="#" data-val="'+seld+'" value="' + $(this).val() + '" tabindex="0"><span class="text">'+$(this).text()+'</span></a></li>';
                });
             $('ul.dropdown-menu').html(vla);  
            
        });
        
        $('body').on('click','a.dropdown-item',function() {
           var items = $(this).attr('value');
           var items2 = $(this).text();
           var dname = $(this).attr('data-val');
           var name = $(this).parents('ul').attr('data-id');
           $('#'+ name).text(items2);
           $('#'+ name).attr('data-name', dname);
           $('#'+ name).attr('data-value', items);
            
        });
        
        $('.dropdown-buttonx').on('click' , function(){
           var dataid = $(this).attr('id'); 
           var delement = $('.filter-option-inner-inner[data-id='+dataid+']');
           var durl = delement.attr('data-name');
           var dvalue = delement.attr('data-value');
          
           if(durl == 'download'){
               var url = '{{secure_url('tasks/download')}}' + '/' + durl + '/' +dvalue;
                window.location.href = url;
             /*  $.ajax({
        url: url,
        type: 'GET',
        dataType: 'json', // added data type
        success: function(res) {
            console.log(res);
            alert(res);
        }
    }); */
           }
        });
        
        $('.select-paginator').on('change' , function(){
             var options = this.value;
             var urlx = "{{ \Request::url() }}" + '?lx=' + options;
             if(options > 1){
              window.location.href = urlx; 
             }
            
        });
        
        $("#myInput").on("keyup", function() {
       var value = $(this).val().toLowerCase();
       var dataid = $(this).attr('data-id');
       
       $("#myTableData tr td:nth-child(3)").filter(function() {
      $(this).parent().toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
  });
  
  $("#ULInput").on("keyup", function() {
       var value = $(this).val().toLowerCase();
       var dataid = $(this).attr('data-id');
       $(".dropdown-ul[data-id="+dataid+"] li").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        }); 
  });
  
  
    })
</script>
@endsection