@extends('admin.panel.layout')

@section('admin_title', 'Apps')

@php
    $statusColors = [
        'published' => ['#f0fdf4', '#15803d'],
        'draft'     => ['#fefce8', '#a16207'],
        'archived'  => ['#f1f5f9', '#475569'],
    ];
@endphp

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">ProblemRadar</span>
            <h1>App-Katalog</h1>
            <p class="shop-copy" style="margin-top: 12px;">
                Empfehlbare Apps für die dezente Abschluss-Empfehlung. Nur Apps mit Status
                „published" werden überhaupt vorgeschlagen — und auch nur bei hoher Passung.
            </p>
        </div>
        <div class="admin-toolbar">
            <a href="{{ route('admin.problemradar.tags') }}" class="shop-button-light">Tags</a>
            <a href="{{ route('admin.problemradar.apps.create') }}" class="shop-button">+ Neue App</a>
        </div>
    </div>

    @if (session('admin_status'))
        <div class="flash-banner flash-banner-success">{{ session('admin_status') }}</div>
    @endif

    <div class="admin-panel">
        @if ($apps->isEmpty())
            <div class="shop-note">
                Noch keine Apps im Katalog. Lege die erste über „Neue App" an oder führe
                <code>php artisan db:seed --class=Database\\Seeders\\ProblemRadarAppSeeder</code> aus.
            </div>
        @else
            <div class="admin-table-wrap">
                <table class="admin-table">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Status</th>
                            <th>Preis</th>
                            <th>Plattformen</th>
                            <th>Tags</th>
                            <th>Empfohlen</th>
                            <th>Gewicht</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($apps as $app)
                            @php($sc = $statusColors[$app->status] ?? ['#f1f5f9', '#475569'])
                            <tr>
                                <td>
                                    <strong>{{ $app->name }}</strong><br>
                                    <code>{{ $app->slug }}</code>
                                </td>
                                <td>
                                    <span class="admin-badge" style="background:{{ $sc[0] }}; color:{{ $sc[1] }};">{{ $app->status }}</span>
                                </td>
                                <td>{{ $app->price_model }}{{ $app->price_value !== null ? ' · ' . $app->price_value : '' }}</td>
                                <td>
                                    @forelse ($app->platforms->where('supported', true) as $p)
                                        <span class="admin-badge" style="margin:2px;">{{ $p->platform }}</span>
                                    @empty
                                        <span class="shop-note">—</span>
                                    @endforelse
                                </td>
                                <td><span class="admin-badge">{{ $tagCounts[$app->id] ?? 0 }}</span></td>
                                <td><span class="admin-badge">{{ $app->recommendation_items_count }}</span></td>
                                <td>{{ $app->strategic_weight }}</td>
                                <td>
                                    <a href="{{ route('admin.problemradar.apps.edit', $app) }}" class="shop-button-light" style="padding:7px 14px;">Bearbeiten</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
@endsection