@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">{{__('All Activity Log')}}</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>{{__('Subject')}}</th>
                        <th>{{__('Date & time')}}</th>
                        <th data-breakpoints="sm">{{__('Previous')}}</th>
                        <th data-breakpoints="sm">{{__('Present')}}</th>
                        <th data-breakpoints="sm">{{__('IP')}}</th>
                        <th>{{__('Modify By')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($activities as $key => $user)

                        @if ($user != null)
                            <tr>
                                <td>{{ ($key+1) + ($activities->currentPage() - 1)*$activities->perPage() }}</td>
                                <td>{{$user->subject}}</td>
                                <td>{{date('F d, Y , h:i:s A',strtotime($user->created_at))}}</td>
                                @if($user->previous!=null && $user->present!=null)
                                    @php
                                        // Decode the JSON strings into associative arrays
                                        $oneData = json_decode($user->previous, true);
                                        $twoData = json_decode($user->present, true);

                                        // Find the differing fields
                                    $markedTwoData = [];
                                    foreach ($twoData as $key => $value) {
                                        if (array_key_exists($key, $oneData) && $oneData[$key] !== $value) {
                                            $markedTwoData[$key] = '<span style="color: red;">' . $value . '</span>';
                                        } else {
                                            $markedTwoData[$key] = $value;
                                        }
                                    }
                                    @endphp
                                @endif
                                <td>{{$user->previous}}</td>
                                <td>
                                    @if($user->previous!=null && $user->present!=null)
                                        @php
                                            foreach ($markedTwoData as $key => $value) {
                                                 echo $key . ': ' . $value . '<br>';
                                             }

                                        @endphp
                                    @else
                                        {{$user->present}}
                                    @endif
                                </td>
                                <td>{{$user->ip}}</td>


                                <td><a href="{{ route('users.show.modal', $user->user_id) }}" data-toggle="modal"
                                       data-target="#userModal">
                                        {{  \App\Models\User::where('id',$user->user_id)->value('name')}}
                                    </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