@extends('admin.layouts.app')
@section('title',get_setting('site_name').' Activity Log')
@section('content')

    <div class="aiz-titlebar text-left mt-2 mb-3">
        <div class="align-items-center">
            <h1 class="h3">{{__('Login Details')}}</h1>
        </div>
    </div>


    <div class="card">
        <form class="" id="sort_customers" action="" method="GET">
            <div class="card-header">
                <div class="col">
                    <h5 class="mb-0 h6">{{__('Activity')}}</h5>
                </div>
                <div class="col-md-3">
                    {{--                    <div class="form-group mb-0">--}}
                    {{--                        <input type="text" class="form-control" id="search" name="search"--}}
                    {{--                               @isset($sort_search) value="{{ $sort_search }}"--}}
                    {{--                               @endisset placeholder="{{ __('Type invoice & Enter') }}">--}}
                    {{--                    </div>--}}
                </div>
            </div>

            <div class="card-body">
                <table class="table aiz-table mb-0">
                    <thead>
                    <tr>


                        <th>{{__('#')}}</th>
                        <th>{{__('User Name')}}</th>
                        <th>{{__('EMP Code')}}</th>
                        <th>{{__('Date & time')}}</th>
                        <th data-breakpoints="sm">{{__('Country')}}</th>
                        <th data-breakpoints="sm">{{__('Browser')}}</th>
                        <th data-breakpoints="sm">{{__('Device')}}</th>
                        <th data-breakpoints="sm">{{__('OS')}}</th>
                        <th data-breakpoints="sm">{{__('IP')}}</th>
                        <th>{{__('Action')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($activities as $key => $user)

                        @php $details=json_decode($user->details,true) @endphp

                        @if ($user != null)
                            <tr>
                                <td>{{ ($key+1) + ($activities->currentPage() - 1)*$activities->perPage() }}</td>
                                <td>{{!empty($user->user)?$user->user->name:'-'}}</td>
                                <td>{{!empty($user->user)?$user->user->id:'-'}}</td>
                                <td>{{date('F d, Y , h:i:s A',strtotime($user->date))}}</td>
                                <td>
                                    @if($details['status']=='success')
                                        {{$details['country']}}
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>{{$details['browser_name']}}</td>
                                <td>
                                    {{$details['device_type']}}
                                </td>
                                <td>
                                    {{$details['os_name']}}
                                </td>
                                <td>{{$user->ip}}</td>


                                <td><a class="btn btn-info btn-sm" target="_blank"
                                       href="{{ url('http://ip-api.com/#' . $user->ip) }}">
                                        <i class="fas fa-eye"></i>
                                    </a></td>
                            </tr>
                        @endif
                    @endforeach
                    </tbody>
                </table>
                <div class="aiz-pagination">
                    {{ $activities->appends(request()->input())->links() }}
                </div>
            </div>
        </form>
    </div>


    <div class="modal fade" id="userModal" tabindex="-1" role="dialog" aria-labelledby="userModalLabel"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="userModalLabel"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-bodys">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Phone</th>
                            <th>Role</th>
                        </tr>
                        </thead>
                        <tr>
                            <td id="name"></td>
                            <td id="email"></td>
                            <td id="phone"></td>
                            <td id="user_type"></td>
                        </tr>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

@endsection



@section('script')
    <script type="text/javascript">

        $(document).on("change", ".check-all", function () {
            if (this.checked) {
                // Iterate each checkbox
                $('.check-one:checkbox').each(function () {
                    this.checked = true;
                });
            } else {
                $('.check-one:checkbox').each(function () {
                    this.checked = false;
                });
            }

        });

        function sort_customers(el) {
            $('#sort_customers').submit();
        }
    </script>
    <script>
        $(document).ready(function () {
            $('#userModal').on('show.bs.modal', function (event) {
                var link = $(event.relatedTarget);
                var userId = link.attr('href').split('/').pop();
                console.log(userId);

                $.ajax({
                    url: '{{ URL('admin/users/modals/', ['id' => '']) }}/' + userId,
                    type: 'GET',
                    dataType: 'json',
                    success: function (response) {
                        $('#name').text(response.name);
                        $('#email').text(response.email);
                        $('#phone').text(response.phone);
                        $('#user_type').text(response.user_type);
                        $('#userModalLabel').text(response.name + ' Details');
                    },
                    error: function (xhr, status, error) {
                        // Handle the error scenario if needed
                    }
                });
            });
        });
    </script>
@endsection