@extends('backoffice.layout.master')
@section('setSectionTitle', __('News'))
@section('setSectionDescription', __('Leggi le news pubblicate dagli esperti'))

@section('setContent')
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="card shadow-sm border-0">
                    <div class="card-header bg-primary bg-opacity-10 py-3">
                        <h5 class="mb-0 fw-semibold">
                            <i class="bi bi-newspaper me-2"></i>{{ __('Tutte le News') }}
                        </h5>
                    </div>
                    <div class="card-body p-4">
                        @if($news->count() > 0)
                            <div class="row g-4">
                                @foreach($news as $newsItem)
                                    <div class="col-12 col-md-6 col-lg-4">
                                        <div class="card h-100 shadow-sm border">
                                            <div class="card-body d-flex flex-column">
                                                <div class="mb-3">
                                                    <h5 class="card-title fw-bold text-primary mb-2">
                                                        {{ $newsItem->title }}
                                                    </h5>
                                                    <small class="text-muted">
                                                        <i class="bi bi-person-circle me-1"></i>
                                                        {{ $newsItem->refExpert->first_name }} {{ $newsItem->refExpert->last_name }}
                                                        <span class="mx-2">•</span>
                                                        <i class="bi bi-calendar3 me-1"></i>
                                                        {{ $newsItem->created_at->format('d/m/Y') }}
                                                    </small>
                                                </div>
                                                <p class="card-text flex-grow-1">
                                                    {{ Str::limit($newsItem->content, 150) }}
                                                </p>
                                                <div class="mt-auto">
                                                    <a href="{{ route('candidate.news.detail', $newsItem->id) }}"
                                                       class="btn btn-primary rounded-pill float-end">
                                                        {{ __('Leggi articolo') }}
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                            <!-- Pagination -->
                            @if($news->hasPages())
                                <div class="mt-4">
                                    {{ $news->links() }}
                                </div>
                            @endif
                        @else
                            <div class="alert alert-info mb-0">
                                <i class="bi bi-info-circle me-2"></i>{{ __('Nessuna news disponibile al momento.') }}
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection