@extends('layouts.admin')
@section('title', 'Crop Guide & articles')
@section('actions')<a href="{{ route('admin.articles.create') }}" class="btn btn-sm btn-primary"><i class="bi bi-plus-lg"></i> New article</a>@endsection

@section('content')
<form class="filters row g-2 align-items-end">
    <div class="col-md-3"><input name="q" value="{{ request('q') }}" class="form-control" placeholder="Title"></div>
    <div class="col-md-2"><select name="type" class="form-select"><option value="">All types</option>@foreach ($types as $id => $l)<option value="{{ $id }}" @selected(request('type') == $id)>{{ $l }}</option>@endforeach</select></div>
    <div class="col-md-2"><select name="language" class="form-select"><option value="">All languages</option>@foreach ($languages as $id => $l)<option value="{{ $id }}" @selected(request('language') == $id)>{{ $l }}</option>@endforeach</select></div>
    <div class="col-md-2"><select name="status" class="form-select"><option value="">Any status</option>@foreach ($statuses as $s)<option value="{{ $s->id }}" @selected(request('status') == $s->id)>{{ $s->label() }}</option>@endforeach</select></div>
    <div class="col-auto"><button class="btn btn-outline-primary">Filter</button></div>
</form>

<div class="card">
    <div class="table-responsive">
        <table class="table table-hover">
            <thead><tr><th>Title</th><th>Type</th><th>Language</th><th>Crops</th><th>Author</th><th>Status</th><th>Published</th></tr></thead>
            <tbody>
            @forelse ($articles as $a)
                <tr>
                    <td><a href="{{ route('admin.articles.edit', $a) }}" class="fw-semibold">{{ $a->title }}</a>
                        @if ($a->is_featured)<span class="badge text-bg-warning">Featured</span>@endif
                        <div class="small text-muted-2">{{ $a->contentFormat?->label }} · {{ $a->reading_time_minutes ? $a->reading_time_minutes.' min read' : '' }}{{ $a->video_duration_seconds ? round($a->video_duration_seconds / 60).' min video' : '' }}</div></td>
                    <td>{{ $a->articleType?->label }}</td>
                    <td>{{ $a->language?->native_name }}</td>
                    <td class="small">{{ $a->crops->pluck('name')->join(', ') ?: 'All crops' }}</td>
                    <td class="small">{{ $a->author?->displayName() ?? '—' }}</td>
                    <td>@include('partials.status', ['status' => $a->status_id])</td>
                    <td class="small text-nowrap">{{ ist($a->published_at, 'd M Y') }}</td>
                </tr>
            @empty
                <tr><td colspan="7"><div class="empty-state"><i class="bi bi-journal-text"></i>No articles yet.</div></td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-3">{{ $articles->links() }}</div>
@endsection