@extends('admin.layouts.app')

@section('content')
    <div class="azp-page">

        <div class="azp-page-header">
            <div class="azp-page-title-wrap">
                <div class="azp-page-title">Notícias</div>
                <div class="azp-page-subtitle">Cria e gere notícias gerais e por clube, com imagens e vídeos.</div>
            </div>

            <div class="azp-actions">
                <a href="{{ route('admin.news.create') }}" class="btn primary">
                    + Nova notícia
                </a>
            </div>
        </div>

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

        <div class="azp-card" style="margin-bottom:14px;">
            <form method="GET" action="{{ route('admin.news.index') }}" class="azp-form-grid" style="grid-template-columns: 1.3fr .6fr .6fr auto; align-items:end;">
                <div class="field">
                    <div class="label">Pesquisa</div>
                    <input name="q" value="{{ $q }}" placeholder="Título ou texto…">
                    <div class="hint">Dica: pesquisa rápida para encontrares uma notícia antiga.</div>
                </div>

                <div class="field">
                    <div class="label">Clube</div>
                    <select name="club">
                        <option value="all" {{ ($clubFilter=='all' || !$clubFilter) ? 'selected' : '' }}>Todos</option>
                        <option value="general" {{ ($clubFilter=='general') ? 'selected' : '' }}>Geral (sem clube)</option>
                        @foreach($clubs as $c)
                            <option value="{{ $c->id }}" {{ ((string)$clubFilter === (string)$c->id) ? 'selected' : '' }}>
                                {{ $c->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="field">
                    <div class="label">Estado</div>
                    <select name="status">
                        <option value="all" {{ ($status=='all' || !$status) ? 'selected' : '' }}>Todos</option>
                        <option value="draft" {{ ($status=='draft') ? 'selected' : '' }}>Rascunho</option>
                        <option value="published" {{ ($status=='published') ? 'selected' : '' }}>Publicado</option>
                    </select>
                </div>

                <div class="field">
                    <button class="btn primary" type="submit">Filtrar</button>
                    <a href="{{ route('admin.news.index') }}" class="btn outline" style="margin-left:8px;">Limpar</a>
                </div>
            </form>
        </div>

        <div class="azp-card" style="padding:0;">
            <div style="padding:14px 14px 0;">
                <div class="azp-section-title" style="margin:0;">Lista</div>
            </div>

            <div style="padding:14px;">
                @if($news->count() === 0)
                    <div class="azp-empty" style="padding:22px; border:1px dashed rgba(11,18,32,.12); border-radius:14px;">
                        <div style="font-weight:700; margin-bottom:6px;">Sem notícias</div>
                        <div style="opacity:.75;">Cria a primeira notícia para começares a comunicar novidades aos utilizadores.</div>
                    </div>
                @else
                    <div style="display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:12px;" class="azp-news-grid">
                        @foreach($news as $n)
                            @php
                                $thumb = optional($n->media->firstWhere('type','image'))->url;
                                if ($thumb && !\Illuminate\Support\Str::startsWith($thumb, ['http://', 'https://', '//', '/'])) {
                                    $thumb = asset('storage/'.ltrim(\Illuminate\Support\Str::after($thumb, 'storage/'), '/'));
                                }
                                $badge = $n->status === 'published' ? 'Publicado' : 'Rascunho';
                            @endphp

                            <a href="{{ route('admin.news.edit', $n->id) }}" class="azp-card" style="display:block; padding:14px; text-decoration:none; border:1px solid rgba(11,18,32,.10);">
                                <div style="display:flex; gap:12px;">
                                    <div style="width:70px; height:70px; border-radius:14px; overflow:hidden; background:rgba(11,18,32,.04); border:1px solid rgba(11,18,32,.08); flex:0 0 70px;">
                                        @if($thumb)
                                            <img src="{{ $thumb }}" alt="" style="width:100%; height:100%; object-fit:cover;">
                                        @else
                                            <div style="width:100%; height:100%; display:flex; align-items:center; justify-content:center; opacity:.5;">
                                                <span style="font-weight:700;">N</span>
                                            </div>
                                        @endif
                                    </div>

                                    <div style="min-width:0; flex:1;">
                                        <div style="display:flex; gap:8px; align-items:center; margin-bottom:6px;">
                                        <span class="azp-badge-pill {{ $n->status==='published' ? '' : 'danger' }}">
                                            {{ $badge }}
                                        </span>

                                            @if($n->club_id)
                                                <span class="azp-tag">{{ optional($n->club)->name }}</span>
                                            @else
                                                <span class="azp-tag">Geral</span>
                                            @endif
                                        </div>

                                        <div style="font-weight:800; line-height:1.2; margin-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
                                            {{ $n->title }}
                                        </div>

                                        <div style="opacity:.75; font-size:13px; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;">
                                            {{ \Illuminate\Support\Str::limit(strip_tags($n->body), 140) }}
                                        </div>

                                        <div style="margin-top:10px; display:flex; justify-content:space-between; align-items:center; opacity:.7; font-size:12px;">
                                        <span>
                                            {{ $n->published_at ? \Carbon\Carbon::parse($n->published_at)->format('d/m/Y H:i') : \Carbon\Carbon::parse($n->created_at)->format('d/m/Y H:i') }}
                                        </span>
                                            <span style="font-weight:700;">Editar →</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        @endforeach
                    </div>

                    <div style="margin-top:14px;">
                        {{ $news->links() }}
                    </div>
                @endif
            </div>
        </div>

    </div>

    <style>
        @media (max-width: 980px){
            .azp-news-grid{ grid-template-columns: 1fr !important; }
        }
    </style>
@endsection