@extends('layouts.vispa-auth')

@section('title', vtr('Dashboard VisPa', 'VisPa Dashboard'))
@section('badge', 'Dashboard')

@section('heading')
    @if ($mode === 'admin' && ! empty($isSuperAdmin) && ! $isSuperAdmin)
        Dashboard {{ $adminMunicipality?->name ?? 'Comune' }}
    @else
        {{ vtr('Dashboard VisPa', 'VisPa Dashboard') }}
    @endif
@endsection

@section('subtitle')
    @if ($mode === 'admin')
        @if (! empty($isSuperAdmin) && $isSuperAdmin)
            Panoramica amministrativa della piattaforma sosta.
        @else
            Panoramica delle soste del Comune e andamento degli ultimi giorni.
        @endif
    @elseif ($mode === 'checker')
        {{ vtr('Area operativa per controllo e verifica soste.', 'Operational area for parking checks and verification.') }}
    @else
        {{ vtr('Panoramica delle tue soste e del tuo wallet.', 'Overview of your parking sessions and wallet.') }}
    @endif
@endsection

@section('content')
    @if ($mode === 'admin')
        @if (! empty($isSuperAdmin) && $isSuperAdmin)
            <section class="grid three">
                <div class="metric">
                    <div class="metric-label">Comuni</div>
                    <div class="metric-value">{{ $municipalitiesCount }}</div>
                </div>

                <div class="metric">
                    <div class="metric-label">Aree sosta</div>
                    <div class="metric-value">{{ $parkingAreasCount }}</div>
                </div>

                <div class="metric">
                    <div class="metric-label">Tariffe</div>
                    <div class="metric-value">{{ $tariffsCount }}</div>
                </div>

                <div class="metric">
                    <div class="metric-label">Soste attive</div>
                    <div class="metric-value">{{ $activeSessionsCount }}</div>
                </div>

                <div class="metric">
                    <div class="metric-label">Soste programmate</div>
                    <div class="metric-value">{{ $scheduledSessionsCount }}</div>
                </div>

                <div class="metric">
                    <div class="metric-label">Importo sosta oggi</div>
                    <div class="metric-value">€ {{ number_format((float) $todayAmount, 2, ',', '.') }}</div>
                </div>
            </section>
        @else
            <section class="grid three">
                <div class="metric">
                    <div class="metric-label">Soste attive</div>
                    <div class="metric-value">{{ $activeSessionsCount }}</div>
                </div>

                <div class="metric">
                    <div class="metric-label">Soste programmate</div>
                    <div class="metric-value">{{ $scheduledSessionsCount }}</div>
                </div>

                <div class="metric">
                    <div class="metric-label">Importo sosta oggi</div>
                    <div class="metric-value">€ {{ number_format((float) $todayAmount, 2, ',', '.') }}</div>
                </div>
            </section>
        @endif

        @if (! empty($isSuperAdmin) && $isSuperAdmin)
            <section class="grid three" style="margin-top: 22px;">
                <div class="metric">
                    <div class="metric-label">Pagamenti in attesa</div>
                    <div class="metric-value">{{ $pendingPaymentsCount ?? 0 }}</div>
                </div>

                <div class="metric">
                    <div class="metric-label">Pagamenti falliti/errori</div>
                    <div class="metric-value">{{ $errorPaymentsCount ?? 0 }}</div>
                </div>

                <div class="metric">
                    <div class="metric-label">Return senza S2S</div>
                    <div class="metric-value">{{ $s2sMissingCount ?? 0 }}</div>
                </div>
            </section>
        @endif

        <section class="card" style="margin-top: 22px;">
            <div style="display:flex; justify-content:space-between; gap:16px; align-items:flex-start; flex-wrap:wrap;">
                <div>
                    <h2 class="section-title" style="margin-bottom:4px;">Ultimi 14 giorni</h2>
                    <p class="muted" style="margin:0;">
                        Andamento giornaliero delle soste e dell’importo sosta di competenza Comune.
                    </p>
                </div>

                @if (Route::has('admin.sessions.index'))
                    <a class="button secondary no-print" href="{{ route('admin.sessions.index') }}">
                        Vai al report soste
                    </a>
                @endif
            </div>

            <style>
                .dashboard-chart {
                    margin-top: 22px;
                    display: grid;
                    grid-template-columns: repeat(14, minmax(34px, 1fr));
                    gap: 10px;
                    align-items: end;
                    min-height: 220px;
                    border-bottom: 1px solid var(--border);
                    padding-bottom: 10px;
                }

                .dashboard-chart-item {
                    display: grid;
                    grid-template-rows: 1fr auto;
                    gap: 8px;
                    min-width: 0;
                }

                .dashboard-bar-wrap {
                    height: 170px;
                    display: flex;
                    align-items: end;
                    justify-content: center;
                    background: #f8fafc;
                    border: 1px solid var(--border);
                    border-radius: 14px;
                    padding: 6px;
                }

                .dashboard-bar {
                    width: 100%;
                    min-height: 6px;
                    border-radius: 10px 10px 6px 6px;
                    background: linear-gradient(180deg, var(--blue), var(--blue-dark));
                }

                .dashboard-chart-label {
                    text-align: center;
                    font-size: 12px;
                    color: var(--muted);
                    white-space: nowrap;
                }

                .dashboard-chart-value {
                    text-align: center;
                    font-size: 12px;
                    font-weight: 900;
                    margin-bottom: 6px;
                }

                @media (max-width: 900px) {
                    .dashboard-chart {
                        overflow-x: auto;
                        grid-template-columns: repeat(14, 58px);
                        padding-bottom: 14px;
                    }
                }
            </style>

            <div class="dashboard-chart">
                @foreach ($dailyRows as $row)
                    @php
                        $height = $dailyMaxSessions > 0
                            ? max(5, round(($row['sessions_count'] / $dailyMaxSessions) * 100))
                            : 5;
                    @endphp

                    <div class="dashboard-chart-item">
                        <div>
                            <div class="dashboard-chart-value">
                                {{ $row['sessions_count'] }}
                            </div>

                            <div class="dashboard-bar-wrap" title="{{ $row['sessions_count'] }} soste - € {{ number_format((float) $row['parking_amount'], 2, ',', '.') }}">
                                <div class="dashboard-bar" style="height: {{ $height }}%;"></div>
                            </div>
                        </div>

                        <div class="dashboard-chart-label">
                            {{ $row['label'] }}
                            <br>
                            € {{ number_format((float) $row['parking_amount'], 0, ',', '.') }}
                        </div>
                    </div>
                @endforeach
            </div>
        </section>

        <section class="card">
            <h2 class="section-title">Ultime soste</h2>

            @if ($latestAdminSessions->count())
                <div class="table-wrap">
                    <table>
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Targa</th>
                                @if (! empty($isSuperAdmin) && $isSuperAdmin)
                                    <th>Comune</th>
                                @endif
                                <th>Area</th>
                                <th>Inizio</th>
                                <th>Fine</th>
                                <th>Stato</th>
                                <th>Importo Comune</th>
                                <th></th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($latestAdminSessions as $session)
                                @php
                                    $snapshot = $session->calculation_snapshot ?? [];
                                    $municipalityAmount = (float) $session->parking_amount;

                                    if (
                                        $session->status === 'stopped'
                                        && ! empty($snapshot['stop'])
                                        && is_array($snapshot['stop'])
                                    ) {
                                        $municipalityAmount = (float) ($snapshot['stop']['parking_amount'] ?? $municipalityAmount);
                                    }
                                @endphp

                                <tr>
                                    <td>#{{ $session->id }}</td>
                                    <td><strong>{{ $session->plate }}</strong></td>

                                    @if (! empty($isSuperAdmin) && $isSuperAdmin)
                                        <td>{{ $session->municipality?->name }}</td>
                                    @endif

                                    <td>{{ $session->parkingArea?->name }}</td>
                                    <td>{{ $session->start_at?->format('d/m/Y H:i') }}</td>
                                    <td>{{ $session->end_at?->format('d/m/Y H:i') }}</td>
                                    <td><span class="pill {{ $session->status }}">{{ $session->status }}</span></td>
                                    <td>€ {{ number_format($municipalityAmount, 2, ',', '.') }}</td>
                                    <td>
                                        <a class="button secondary" href="{{ route('admin.sessions.show', $session) }}">
                                            Dettaglio
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <p class="muted">Nessuna sosta recente.</p>
            @endif
        </section>
    @elseif ($mode === 'checker')
        <section class="grid two">
            <div class="metric">
                <div class="metric-label">{{ vtr('Soste attive', 'Active parking sessions') }}</div>
                <div class="metric-value">{{ $activeSessionsCount }}</div>
            </div>

            <div class="metric">
                <div class="metric-label">{{ vtr('Soste create oggi', 'Parking sessions created today') }}</div>
                <div class="metric-value">{{ $todaySessionsCount }}</div>
            </div>
        </section>

        <section class="card" style="margin-top: 22px;">
            <h2 class="section-title">{{ vtr('Controlli', 'Checks') }}</h2>
            <p class="muted">
                {{ vtr(
                    'La ricerca targa dedicata sarà il prossimo modulo verificatori.',
                    'The dedicated plate search will be the next checker module.'
                ) }}
            </p>

            <div class="actions">
                @if (Route::has('admin.sessions.index'))
                    <a class="button" href="{{ route('admin.sessions.index') }}">
                        {{ vtr('Vai al report soste', 'Go to parking report') }}
                    </a>
                @endif
            </div>
        </section>
    @else
        @php
            $sessionStatusLabels = [
                'scheduled' => vtr('Programmata', 'Scheduled'),
                'active' => vtr('Attiva', 'Active'),
                'expired' => vtr('Scaduta', 'Expired'),
                'stopped' => vtr('Interrotta', 'Stopped'),
                'cancelled' => vtr('Annullata', 'Cancelled'),
                'failed' => vtr('Fallita', 'Failed'),
                'pending_payment' => vtr('In pagamento', 'Pending payment'),
            ];

            $passStatusLabels = [
                'pending_payment' => vtr('In pagamento', 'Pending payment'),
                'scheduled' => vtr('Programmato', 'Scheduled'),
                'active' => vtr('Attivo', 'Active'),
                'expired' => vtr('Scaduto', 'Expired'),
                'cancelled' => vtr('Annullato', 'Cancelled'),
                'revoked' => vtr('Revocato', 'Revoked'),
                'failed' => vtr('Fallito', 'Failed'),
            ];
        @endphp

        <section class="grid three">
            <div class="metric">
                <div class="metric-label">{{ vtr('Validità attive', 'Active parking rights') }}</div>
                <div class="metric-value">{{ $activeParkingCount }}</div>
                <div class="muted" style="font-size:13px; margin-top:4px;">
                    {{ $activeSessionsCount }} {{ vtr('soste', 'sessions') }} ·
                    {{ $activePassesCount }} {{ vtr('titoli', 'passes') }}
                </div>
            </div>

            <div class="metric">
                <div class="metric-label">{{ vtr('Validità programmate', 'Scheduled parking rights') }}</div>
                <div class="metric-value">{{ $scheduledParkingCount }}</div>
                <div class="muted" style="font-size:13px; margin-top:4px;">
                    {{ $scheduledSessionsCount }} {{ vtr('soste', 'sessions') }} ·
                    {{ $scheduledPassesCount }} {{ vtr('titoli', 'passes') }}
                </div>
            </div>

            <div class="metric">
                <div class="metric-label">{{ vtr('Saldo wallet', 'Wallet balance') }}</div>
                <div class="metric-value">€ {{ number_format($wallet->total_balance ?? 0, 2, ',', '.') }}</div>
            </div>
        </section>

        <section class="card" style="margin-top: 22px;">
            <div style="display:flex; justify-content:space-between; gap:16px; align-items:center; flex-wrap: wrap;">
                <div>
                    <h2 class="section-title" style="margin-bottom:4px;">
                        {{ vtr('Ultime soste e titoli', 'Latest parking sessions and passes') }}
                    </h2>

                    <p class="muted" style="margin:0;">
                        {{ vtr(
                            'Qui trovi insieme le soste orarie e i titoli giornalieri o periodici acquistati più di recente.',
                            'This area combines your most recent hourly sessions and daily or periodic passes.'
                        ) }}
                    </p>
                </div>

                @if (Route::has('parking.quote'))
                    <a class="button" href="{{ route('parking.quote') }}">
                        {{ vtr('Nuova sosta o titolo', 'New session or pass') }}
                    </a>
                @endif
            </div>
        </section>

        @if ($latestParkingActivities->count())
            <section class="grid two">
                @foreach ($latestParkingActivities as $activity)
                    @php
                        $isPass = $activity['type'] === 'pass';
                        $record = $activity['record'];
                        $status = $isPass ? $record->effectiveStatus() : $record->status;
                        $statusLabel = $isPass
                            ? ($passStatusLabels[$status] ?? $status)
                            : ($sessionStatusLabels[$status] ?? $status);
                        $startsAt = $isPass ? $record->starts_at : $record->start_at;
                        $endsAt = $isPass ? $record->ends_at : $record->end_at;
                        $netAmount = max(0, (float) $record->amount - (float) $record->refunded_amount);
                    @endphp

                    <article class="card">
                        <div style="display:flex; justify-content:space-between; gap:16px; align-items:flex-start;">
                            <div>
                                <div class="muted" style="font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.05em;">
                                    {{ $isPass ? vtr('Titolo di sosta', 'Parking pass') : vtr('Sosta oraria', 'Hourly session') }}
                                </div>

                                <div style="font-size:24px; font-weight:950; letter-spacing:.04em; margin-top:4px;">
                                    {{ $record->plate }}
                                </div>

                                <div class="muted" style="margin-top:4px;">
                                    {{ $record->parkingArea?->name }}
                                    @if ($record->municipality)
                                        · {{ $record->municipality->name }}
                                    @endif
                                </div>

                                @if ($isPass && $record->parkingTariff)
                                    <div class="muted" style="font-size:13px; margin-top:3px;">
                                        {{ $record->parkingTariff->name }}
                                    </div>
                                @endif

                                <div style="margin-top:10px;">
                                    <span class="pill {{ $status }}">{{ $statusLabel }}</span>
                                </div>
                            </div>

                            <div style="text-align:right;">
                                <div style="font-size:26px; font-weight:950;">
                                    € {{ number_format($netAmount, 2, ',', '.') }}
                                </div>
                            </div>
                        </div>

                        <div style="border-top:1px solid var(--border); margin-top:16px; padding-top:14px;">
                            <div class="grid two">
                                <div>
                                    <div class="muted">{{ $isPass ? vtr('Inizio validità', 'Validity starts') : vtr('Inizio', 'Start') }}</div>
                                    <strong>{{ $startsAt?->format('d/m/Y H:i') }}</strong>
                                </div>

                                <div>
                                    <div class="muted">{{ $isPass ? vtr('Scadenza', 'Expiry') : vtr('Fine', 'End') }}</div>
                                    <strong>{{ $endsAt?->format('d/m/Y H:i') }}</strong>
                                </div>
                            </div>
                        </div>

                        <div class="actions">
                            @if ($isPass)
                                <a class="button secondary" href="{{ route('user.passes.show', $record) }}">
                                    {{ vtr('Dettaglio titolo', 'Pass details') }}
                                </a>
                            @else
                                <a class="button secondary" href="{{ route('parking.sessions.show', $record) }}">
                                    {{ vtr('Dettaglio sosta', 'Session details') }}
                                </a>

                                @if ($status === 'active')
                                    <a class="button" href="{{ route('parking.sessions.extend', $record) }}">
                                        {{ vtr('Estendi', 'Extend') }}
                                    </a>
                                @endif
                            @endif
                        </div>
                    </article>
                @endforeach
            </section>

            <div class="actions">
                <a class="button secondary" href="{{ route('user.sessions.index') }}">
                    {{ vtr('Soste e titoli', 'Sessions and passes') }}
                </a>

                <a class="button secondary" href="{{ route('user.passes.index') }}">
                    {{ vtr('Tutti i titoli', 'All passes') }}
                </a>
            </div>
        @else
            <section class="card">
                <p class="muted">
                    {{ vtr(
                        'Non hai ancora soste o titoli collegati al tuo account.',
                        'You do not have any parking sessions or passes linked to your account yet.'
                    ) }}
                </p>

                <div class="actions">
                    @if (Route::has('parking.quote'))
                        <a class="button" href="{{ route('parking.quote') }}">
                            {{ vtr('Nuova sosta o titolo', 'New session or pass') }}
                        </a>
                    @endif

                    @if (Route::has('user.vehicles.index'))
                        <a class="button secondary" href="{{ route('user.vehicles.index') }}">
                            {{ vtr('Le mie targhe', 'My plates') }}
                        </a>
                    @endif
                </div>
            </section>
        @endif

        <section class="grid two" style="margin-top: 22px;">
            @php
                $supportPhone = config('vispa.support.phone', '+39 376 0622272');
                $supportWhatsapp = config('vispa.support.whatsapp', '393760622272');
            @endphp

            <article class="card">
                <h2 class="section-title" style="margin-bottom: 6px;">
                    {{ vtr('Assistenza telefonica', 'Phone support') }}
                </h2>

                <p class="muted">
                    {{ vtr(
                        'Per difficoltà su sosta, wallet o pagamenti puoi contattare l’assistenza.',
                        'For help with parking, wallet or payments, you can contact support.'
                    ) }}
                </p>

                <div class="actions">
                    <a class="button secondary" href="tel:{{ preg_replace('/\s+/', '', $supportPhone) }}">
                        {{ vtr('Chiama', 'Call') }} {{ $supportPhone }}
                    </a>
                </div>
            </article>

            <article class="card">
                <h2 class="section-title" style="margin-bottom: 6px;">
                    WhatsApp
                </h2>

                <p class="muted">
                    {{ vtr(
                        'Puoi scriverci anche su WhatsApp indicando email, targa e problema riscontrato.',
                        'You can also write to us on WhatsApp, including your email, plate and issue.'
                    ) }}
                </p>

                <div class="actions">
                    <a class="button" href="https://wa.me/{{ $supportWhatsapp }}" target="_blank" rel="noopener">
                        {{ vtr('Apri WhatsApp', 'Open WhatsApp') }}
                    </a>
                </div>
            </article>
        </section>
    @endif
@endsection