@extends('layouts.dashboard')

@section('title', 'Activiteitenlog | Genkai')
@section('eyebrow', 'Genkai Grill & Sushi')
@section('page-title', 'Activiteitenlog')

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/pages/activity-logs.css') }}">
@endpush

@section('content')

<section class="activity-log-page">

    <div class="activity-log-heading">
        <div>
            <span class="activity-log-eyebrow">
                <i class="ri-history-line"></i>
                ACTIVITEITENLOG
            </span>
            <h2>Activiteitenlog</h2>
            <p>Bekijk wie welke actie heeft uitgevoerd, op welk moment en aan welke tafel.</p>
        </div>
    </div>

    <div class="activity-log-stats">
        <article class="activity-log-stat">
            <div class="activity-log-stat__icon activity-log-stat__icon--red">
                <i class="ri-pulse-line"></i>
            </div>
            <div>
                <span>Acties vandaag</span>
                <strong>{{ $todayCount }}</strong>
                <small>Gelogde acties vandaag</small>
            </div>
        </article>

        <article class="activity-log-stat">
            <div class="activity-log-stat__icon activity-log-stat__icon--blue">
                <i class="ri-team-line"></i>
            </div>
            <div>
                <span>Actieve medewerkers</span>
                <strong>{{ $todayStaff }}</strong>
                <small>Met geregistreerde activiteit vandaag</small>
            </div>
        </article>

        <article class="activity-log-stat">
            <div class="activity-log-stat__icon activity-log-stat__icon--green">
                <i class="ri-restaurant-line"></i>
            </div>
            <div>
                <span>Tafels gestart</span>
                <strong>{{ $sessionStartsToday }}</strong>
                <small>Vandaag door personeel</small>
            </div>
        </article>

        <article class="activity-log-stat">
            <div class="activity-log-stat__icon activity-log-stat__icon--gold">
                <i class="ri-file-list-3-line"></i>
            </div>
            <div>
                <span>Gevonden logs</span>
                <strong>{{ $logs->total() }}</strong>
                <small>Met huidige filters</small>
            </div>
        </article>
    </div>

    <section class="activity-log-card">
        <div class="activity-log-card__header">
            <div>
                <span>FILTERS</span>
                <h3>Activiteit zoeken</h3>
                <p>Filter op medewerker, datum of type actie.</p>
            </div>

            @if (request('staff') || request('date') || request('action'))
                <a href="{{ route('owner.logs.index') }}" class="activity-log-clear">
                    <i class="ri-close-circle-line"></i>
                    Filters wissen
                </a>
            @endif
        </div>

        <form method="GET" action="{{ route('owner.logs.index') }}" class="activity-log-filters">
            <label>
                <span>Medewerker</span>
                <select name="staff">
                    <option value="">Alle medewerkers</option>
                    @foreach ($staffMembers as $staffMember)
                        <option value="{{ $staffMember->id }}" @selected((string) request('staff') === (string) $staffMember->id)>
                            {{ $staffMember->displayName() }}
                        </option>
                    @endforeach
                </select>
            </label>

            <label>
                <span>Datum</span>
                <input type="date" name="date" value="{{ request('date') }}">
            </label>

            <label>
                <span>Actie</span>
                <select name="action">
                    <option value="">Alle acties</option>
                    @foreach ($actionOptions as $action => $label)
                        <option value="{{ $action }}" @selected(request('action') === $action)>
                            {{ $label }}
                        </option>
                    @endforeach
                </select>
            </label>

            <button type="submit">
                <i class="ri-search-line"></i>
                Filter toepassen
            </button>
        </form>
    </section>

    <section class="activity-log-card activity-log-list-card">
        <div class="activity-log-card__header">
            <div>
                <span>LOGBOEK</span>
                <h3>Recente activiteiten</h3>
                <p>De nieuwste actie staat bovenaan.</p>
            </div>
        </div>

        @if ($logs->count())
            <div class="activity-log-table-wrap">
                <table class="activity-log-table">
                    <thead>
                        <tr>
                            <th>Datum & tijd</th>
                            <th>Uitgevoerd door</th>
                            <th>Actie</th>
                            <th>Tafel</th>
                            <th>Beschrijving</th>
                            <th>IP-adres</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($logs as $log)
                            <tr>
                                <td>
                                    <div class="activity-log-time">
                                        <strong>{{ $log->created_at->format('d/m/Y') }}</strong>
                                        <span>{{ $log->created_at->format('H:i:s') }}</span>
                                    </div>
                                </td>
                                <td>
                                    @php
                                        $actorName = $log->restaurantUser?->displayName()
                                            ?? $log->restaurantTable?->name
                                            ?? data_get($log->metadata, 'table_name')
                                            ?? 'Systeem';

                                        $actorType = $log->restaurantUser
                                            ? ($log->restaurantUser?->role?->name ?? 'Medewerker')
                                            : (($log->restaurantTable || data_get($log->metadata, 'table_name')) ? 'Tafel' : 'Systeem');
                                    @endphp

                                    <div class="activity-log-staff">
                                        <div class="activity-log-avatar">
                                            {{ strtoupper(substr($actorName, 0, 1)) }}
                                        </div>
                                        <div>
                                            <strong>{{ $actorName }}</strong>
                                            <span>{{ $actorType }}</span>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <span class="activity-log-action activity-log-action--{{ $log->action }}">
                                        {{ $actionOptions[$log->action] ?? str($log->action)->replace('_', ' ')->title() }}
                                    </span>
                                </td>
                                <td>
                                    @if ($log->restaurantTable)
                                        <span class="activity-log-table-badge">
                                            <i class="ri-layout-grid-line"></i>
                                            {{ $log->restaurantTable->name }}
                                        </span>
                                    @elseif (data_get($log->metadata, 'table_name'))
                                        <span class="activity-log-table-badge">
                                            <i class="ri-layout-grid-line"></i>
                                            {{ data_get($log->metadata, 'table_name') }}
                                        </span>
                                    @else
                                        <span class="activity-log-muted">—</span>
                                    @endif
                                </td>
                                <td>
                                    <div class="activity-log-description">
                                        {{ $log->description ?: 'Geen extra omschrijving.' }}

                                        @if ($log->action === 'table_session_started')
                                            <small>
                                                {{ data_get($log->new_values, 'guest_count', 0) }} personen
                                                @if (data_get($log->new_values, 'formula_total') !== null)
                                                    · € {{ number_format((float) data_get($log->new_values, 'formula_total'), 2, ',', '.') }}
                                                @endif
                                            </small>
                                        @endif
                                    </div>
                                </td>
                                <td>
                                    <span class="activity-log-ip">{{ $log->ip_address ?: '—' }}</span>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            @if ($logs->hasPages())
                <div class="activity-log-pagination">
                    {{ $logs->links() }}
                </div>
            @endif
        @else
            <div class="activity-log-empty">
                <i class="ri-history-line"></i>
                <h4>Geen activiteiten gevonden</h4>
                <p>Er zijn nog geen logs die overeenkomen met de gekozen filters.</p>
            </div>
        @endif
    </section>

</section>

@endsection