@section('title', __('general.page_activities_title'))

@section('head')
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/siteconfig.css') }}">
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/activities.css') }}">
@endsection

@php
    $breadcrumb = [
        ['label' => __('general.breadcrumb_home'), 'url' => route('dashboard.r')],
        ['label' => __('general.page_activities_h1')],
    ];

    $filtering = $from !== '' || $to !== '' || $who > 0;
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('general.page_activities_h1') }}</h1>
            <p class="page-sub">{{ __('general.page_activities_sub') }}</p>
        </div>
    </header>

    <div class="acts"
         data-url-device="{{ route('activities.device.remove') }}"
         data-msg-device-title="{{ __('general.devices_revoke') }}"
         data-msg-device-text="{{ __('general.devices_revoke_confirm') }}"
         data-msg-confirm="{{ __('site.action_confirm') }}"
         data-msg-fail="{{ __('radio.settings_save_error') }}">

        <nav class="acts__nav">
            <button type="button" class="acts__nav-item is-active" data-go="history">
                <span class="acts__nav-ic"><i class="fa-solid fa-clock-rotate-left"></i></span>
                <span class="acts__nav-txt">
                    <b>{{ __('general.activities_history_title') }}</b>
                    <span>{{ __('general.activities_nav_history_sub') }}</span>
                </span>
            </button>

            <button type="button" class="acts__nav-item" data-go="devices">
                <span class="acts__nav-ic"><i class="fa-solid fa-laptop"></i></span>
                <span class="acts__nav-txt">
                    <b>{{ __('general.devices_title') }}</b>
                    <span>{{ __('general.activities_nav_devices_sub') }}</span>
                </span>
            </button>
        </nav>

        <section class="sec acts__panel" data-pane="history">
            <div class="sec__head">
                <h2 class="sec__title"><i class="fa-solid fa-clock-rotate-left"></i> {{ __('general.activities_history_title') }}</h2>
                <p class="sec__desc">{{ $isOwner ? __('general.activities_history_owner') : __('general.activities_history_guest') }}</p>
            </div>

            <form class="actfilter" method="GET" action="{{ route('activities.r') }}">
                <label class="actfilter__field actfilter__field--day">
                    <span class="actfilter__label">{{ __('general.activities_filter_from') }}</span>
                    <input class="input" type="date" name="from" value="{{ $from }}" max="{{ $today }}">
                </label>

                <label class="actfilter__field actfilter__field--day">
                    <span class="actfilter__label">{{ __('general.activities_filter_to') }}</span>
                    <input class="input" type="date" name="to" value="{{ $to }}" max="{{ $today }}">
                </label>

                @if($isOwner)
                    <label class="actfilter__field">
                        <span class="actfilter__label">{{ __('general.activities_filter_person') }}</span>
                        <select class="input" name="who">
                            <option value="">{{ __('general.activities_filter_all') }}</option>
                            @foreach($people as $person)
                                <option value="{{ $person->user_id }}" @selected($who === (int) $person->user_id)>{{ $person->user_name }}</option>
                            @endforeach
                        </select>
                    </label>
                @endif

                <div class="actfilter__acts">
                    <button class="btn btn--primary" type="submit">
                        <i class="fa-solid fa-filter"></i> {{ __('general.activities_filter_apply') }}
                    </button>

                    @if($filtering)
                        <a class="btn btn--ghost" href="{{ route('activities.r') }}">{{ __('general.activities_filter_clear') }}</a>
                    @endif
                </div>
            </form>

            <div class="sec__body">
                @if(!$logs->count())
                    <p class="acts__empty">{{ $filtering ? __('general.activities_empty_filter') : __('general.activities_empty') }}</p>
                @else
                    <ul class="actlist">
                        @foreach($logs as $log)
                            <li class="actlist__item">
                                <span class="actlist__when">
                                    <b>{{ \Carbon\Carbon::parse($log->created_at)->format('d/m/Y') }}</b>
                                    <span>{{ \Carbon\Carbon::parse($log->created_at)->format('H:i') }}</span>
                                </span>

                                <span class="actlist__text">
                                    <span class="actlist__what">{{ log_action_label($log->action) }}</span>

                                    @if($log->description)
                                        <span class="actlist__desc">{{ $log->description }}</span>
                                    @endif
                                </span>

                                <span class="actlist__who">
                                    <span class="actlist__name">{{ $log->user_name ?? '-' }}</span>
                                    <span class="actlist__ip">{{ __('general.activities_from_ip', ['ip' => $log->ip]) }}</span>
                                </span>
                            </li>
                        @endforeach
                    </ul>

                    <div class="actlist__pages">{{ $logs->links('vendor.pagination.painel') }}</div>
                @endif
            </div>
        </section>

        <section class="sec acts__panel" data-pane="devices" hidden>
            <div class="sec__head">
                <h2 class="sec__title"><i class="fa-solid fa-laptop"></i> {{ __('general.devices_title') }}</h2>
                <p class="sec__desc">{{ __('general.devices_sub') }}</p>
            </div>

            <div class="sec__body">
                @if(config('session.driver') !== 'database')
                    <p class="acts__empty">{{ __('general.devices_off') }}</p>
                @elseif(!$devices->count())
                    <p class="acts__empty">{{ __('general.devices_empty') }}</p>
                @else
                    <ul class="rdev">
                        @foreach($devices as $device)
                            <li class="rdev__item @if($device->current) is-current @endif">
                                <span class="rdev__ic"><i class="{{ $device->icon }}"></i></span>

                                <span class="rdev__info">
                                    <span class="rdev__name">{{ $device->os }} <span class="rdev__dot">&middot;</span> {{ $device->browser }}</span>
                                    <span class="rdev__meta">
                                        {{ $device->ip_address }}
                                        <span class="rdev__dot">&middot;</span>
                                        {{ __('general.devices_last_seen', ['date' => $device->seen->format('d/m/Y H:i')]) }}
                                    </span>
                                </span>

                                @if($device->current)
                                    <span class="rdev__tag"><i class="fa-solid fa-circle"></i> {{ __('general.devices_current') }}</span>
                                @else
                                    <button type="button" class="btn btn--ghost rdev__off" data-device="{{ $device->id }}">
                                        {{ __('general.devices_revoke') }}
                                    </button>
                                @endif
                            </li>
                        @endforeach
                    </ul>
                @endif
            </div>
        </section>

    </div>

</main>

@section('scripts')
    <script src="{{ assetv('/assets/js/pages/activities.js') }}"></script>
@endsection

@include('includes/footer-novo')