@extends('admin.panel.layout')

@section('admin_title', 'App-Links')

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

    <div class="admin-header">
        <div>
            <span class="shop-muted-label">Apps</span>
            <h1>App-Smart-Links</h1>
            <p class="shop-copy">Eine teilbare URL <code>kotsch.tech/apps/&lt;slug&gt;</code> leitet jeden Besucher
                automatisch in den richtigen Store (App&nbsp;Store / Play&nbsp;Store / Windows). Fehlt die App für
                eine Plattform, wird Interesse abgefragt und hier gezählt.</p>
        </div>
        <div class="admin-toolbar">
            <a class="shop-button" href="{{ route('admin.applinks.create') }}"><i class="fas fa-plus"></i> App anlegen</a>
        </div>
    </div>

    <div class="admin-card-grid">
        <div class="admin-metric-card"><span>Apps</span><strong>{{ $apps->count() }}</strong></div>
        <div class="admin-metric-card"><span>Interesse gesamt</span><strong>{{ $apps->sum(fn($a) => $a->interest_ios + $a->interest_android + $a->interest_windows) }}</strong></div>
    </div>

    <div class="admin-panel">
        @if($apps->isEmpty())
            <p class="shop-note">Noch keine App angelegt. Leg deine erste an — z.&nbsp;B. „Convertly" mit App-Store- und Play-Store-Link.</p>
        @else
            <div class="admin-table-wrap">
                <table class="admin-table">
                    <thead>
                        <tr>
                            <th>App</th>
                            <th>Smart-Link</th>
                            <th>Store-Links</th>
                            <th>Interesse (i/a/w)</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($apps as $a)
                            <tr>
                                <td>
                                    <strong style="color:var(--ap-ink)">{{ $a->name }}</strong>
                                    @unless($a->active)<span class="admin-badge" style="background:#fef2f2;color:#b91c1c;margin-left:8px">inaktiv</span>@endunless
                                    <div style="color:var(--ap-faint);font-size:.8rem">/{{ $a->slug }}</div>
                                </td>
                                <td>
                                    <a href="{{ route('applink.show', $a->slug) }}" target="_blank" style="color:var(--ap-brand);font-weight:700">
                                        kotsch.tech/apps/{{ $a->slug }} <i class="fas fa-arrow-up-right-from-square" style="font-size:.7rem"></i>
                                    </a>
                                </td>
                                <td style="white-space:nowrap">
                                    @foreach(['ios'=>'fab fa-apple','android'=>'fab fa-android','windows'=>'fab fa-windows'] as $p => $icon)
                                        <i class="{{ $icon }}" title="{{ \App\Models\AppLink::platformLabel($p) }}"
                                           style="font-size:1.1rem;margin-right:10px;color:{{ $a->urlFor($p) ? 'var(--ap-ok)' : '#cbd5e1' }}"></i>
                                    @endforeach
                                </td>
                                <td style="font-variant-numeric:tabular-nums">
                                    {{ $a->interest_ios }} / {{ $a->interest_android }} / {{ $a->interest_windows }}
                                </td>
                                <td style="text-align:right;white-space:nowrap">
                                    <a class="shop-button-light" href="{{ route('admin.applinks.edit', $a) }}" style="padding:7px 13px"><i class="fas fa-pen"></i></a>
                                    <form method="POST" action="{{ route('admin.applinks.destroy', $a) }}" style="display:inline"
                                          onsubmit="return confirm('App-Link „{{ $a->name }}“ wirklich löschen?')">
                                        @csrf @method('DELETE')
                                        <button class="shop-button-light" style="padding:7px 13px;color:#dc2626;border-color:#fecaca"><i class="fas fa-trash"></i></button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
@endsection