@extends('ctrl.app')

@section('head-script')
@endsection

@section('head-styles')
@endsection

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">

                    <div class="card-header">
                        <div class="row justify-content-between">
                            <div class="mt-2 ml-3">User Activities Details</div>
                            <div>
                                <a class="btn btn-outline-primary mr-3" href="{{back()->getTargetUrl()}}">Back to
                                    Activities</a>
                            </div>
                        </div>
                        <div>
                            <table class="table-fit">
                                <tr>
                                    <td>Name:</td>
                                    <td>{{$audit->user->title}}</td>
                                </tr>
                                <tr>
                                    <td>Email:</td>
                                    <td>{{$audit->user->email}}</td>
                                </tr>
                            </table>
                        </div>
                    </div>


                    <div class="card-body">
                        <div class="row justify-content-around">
                            <div>
                                <div class="card-header">
                                    <div class="mt-2 ml-3">Activity Details</div>
                                </div>

                                <div class="card-body">
                                    @php
                                    $url = parse_url($audit->url);
                                    $url = isset($url['query']) ? $url['path'].'?'.$url['query'] : $url['path'];
                                    @endphp
                                    <table class="table-sm table-borderless">
                                        <tr>
                                            <td>Date & Time:</td>
                                            {{--<td>{{$audit->created_at->setTimezone(new DateTimeZone(session('tz')))->format('l, j F Y - h:i a ( e )')}}</td>--}}
                                            <td id="time_in_utc" data-t="{{$audit->created_at}}">{{$audit->created_at}}</td>
                                        </tr>
                                        <tr>
                                            <td>Time Difference:</td>
                                            <td>{{$audit->created_at->diffForHumans()}}</td>
                                        </tr>
                                        <tr>
                                            <td>Event:</td>
                                            <td>{{$audit->event}} : {{$audit->auditable ? $audit->auditable->getSimpleClassName() : '' }}</td>
                                        </tr>
                                        <tr>
                                            <td>Subject:</td>
                                            <td>{{$audit->auditable ? $audit->auditable->title : ''}}</td>
                                        </tr>
                                        <tr>
                                            <td>Activity URL:</td>
                                            <td>{{$url}}</td>
                                        </tr>
                                        <tr>
                                            <td>Tag:</td>
                                            <td>{{($audit->getTags())[0]}}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div>
                                <div class="card-header">
                                    <div class="mt-2 ml-3">Device Details</div>
                                </div>

                                <div class="card-body">
                                    @php
                                        $audit['user_agent'] = new WhichBrowser\Parser($audit->user_agent);
                                    @endphp
                                    <table class="table table-borderless">
                                        <tr>
                                            <td>Type:</td>
                                            <td>{{$audit->user_agent->device->type}}</td>
                                        </tr>
                                        <tr>
                                            <td>Operating System:</td>
                                            <td>{{$audit->user_agent->os->toString()}}</td>
                                        </tr>
                                        <tr>
                                            <td>Browser:</td>
                                            <td>{{$audit->user_agent->browser->name}}, version: {{$audit->user_agent->browser->version->value}}</td>
                                        </tr>
                                        <tr>
                                            <td>IP address:</td>
                                            <td>{{$audit->ip_address}}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>

                        @if(!empty($modified))
                            <div>
                                <div class="card-header">
                                    <div class="mt-2 ml-3">Difference Details</div>
                                </div>

                                <div class="card-body">

                                    <table class="table">
                                        <thead class="thead-light">
                                       <tr>
                                           <th class="text-center align-middle">Title</th>
                                           <th class="text-center align-middle">Old Value</th>
                                           <th class="text-center align-middle">New Value</th>
                                       </tr>
                                        </thead>
                                        @foreach($modified as $key=>$value)
                                            @php
                                                if($key == 'id') {
                                                    continue;
                                                }elseif ($key == 'title'){
                                                    $key = ($audit->auditable ? $audit->auditable->getSimpleClassName() : '') . '::' . $key;
                                                }
                                            @endphp
                                            <tr>
                                                <th scope="row" class="text-center align-middle">{{ucfirst($key)}}</th>
                                                <td class="text-center align-middle">{{isset($value["old"]) ? json_encode($value["old"]):'---'}}</td>
                                                <td class="text-center align-middle">{{isset($value["new"]) ? json_encode($value["new"]):'---'}}</td>
                                            </tr>
                                        @endforeach
                                    </table>
                                </div>
                            </div>
                        @endif
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection

@section('footer-script')
<script>
    let timeTd = $('#time_in_utc');
    let actionDate = new Date(timeTd.data('t'));
    actionDate.setMinutes(actionDate.getMinutes() + timeZoneOffset);
    timeTd.html(actionDate.toString())
</script>
@endsection