@extends('backend.layouts.app')

@section('content')
    <!--Activity Section Start-->
    <div class="card">
        <div class="row">
            <div class="col-md-9">
                <div class="activityLog-col">
                    <div class="seeAct-txt">
                        <h6>Only you can see your Activity log.</h6>
                        <span>Now you can review and see everything- from today back when you first started using
                            <strong>"Power Cozmo"</strong></span>
                    </div>






                    @php

                        $checkClass = [];

                    @endphp


                    @if (isset($activity) and !empty($activity) and sizeof($activity) > 0)
                        @foreach ($activity as $actval)
                            <div class="activityDate">{{ date('M d, Y', strtotime($actval->date)) }} @if ($actval->date == date('Y-m-d'))
                                    Today
                                @endif
                            </div>
                            @if (!empty($actval->history))
                                @foreach ($actval->history as $hisval)
                                    @php
                                        $img = $hisval->icons->icon ?? 'default.svg';

                                        $ch = false;
                                        if (in_array($hisval->type, $checkClass)) {
                                            $ch = true;
                                        }

                                        $checkClass[] = $hisval->type;
                                    @endphp

                                    <ul class="logsList">


                                        <li
                                            class="{{ $hisval->icons->class_name ?? '' }} @php if($ch==true){ echo 'smallCircle';} @endphp">


                                            <i
                                                @if ($ch == true) @else class="{{ $hisval->icons->icon_class ?? '' }}" @endif>

                                                @if ($hisval->type == 'dashboard')
                                                    <span class="path1"></span>
                                                    <span class="path2"></span>
                                                @endif
                                            </i> {{ $hisval->icons->name ?? '' }}
                                        </li>
                                        @if (!empty($hisval->changes))
                                            <ul class="subLog-list">
                                                @foreach ($hisval->changes as $hisval)
                                                    <li class="blue-act"><i></i><span>{!! $hisval->message !!} </span></li>
                                                @endforeach
                                        @endif
                                    </ul>


                                    </ul>
                                @endforeach
                            @endif
                        @endforeach
                    @endif




                </div>
            </div>

            <div class="col-md-3">
                <div class="activities-Filter">
                    <div class="filterHeading">
                        <h4>Activities Navigation</h4><a href="javascript:void(0);">Select All</a>
                    </div>
                    <ul class="filterListing">
                        <li class="active"><a href="javascript:void(0);"><i class="icons icon-signup"></i> Signup <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-profile"></i> User profile <i
                                    class="icons icon-tick"></i></a></li>
                        <li class="active"><a href="javascript:void(0);"><i class="icons icon-dashboards"><span
                                        class="path1"></span><span class="path2"></span></i> Dashboard <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-informations"></i> Information <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-post"></i> Post <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-publsih"></i> Published Post <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-signup"></i> Seller Tools <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-signup"></i> Seller Sub Accounts <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-signup"></i> Pricing Module <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-signup"></i> Settings <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-signup"></i> Conversations <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-signup"></i> Contact List <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-signup"></i> Published Post view & Actions <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-signup"></i> Actions <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-signup"></i> Sub Account Interaction <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-signup"></i> Subscription <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-signup"></i> Admin User Communication <i
                                    class="icons icon-tick"></i></a></li>
                        <li><a href="javascript:void(0);"><i class="icons icon-signup"></i> User to user Communication <i
                                    class="icons icon-tick"></i></a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!--Activity Section End-->
@endsection