@extends('layouts.panel')
@section('content')
    <div>
        <h2 class="text-3xl sm:text-4xl text-[#041627]">Admin Article Workflow</h2>
        <p class="text-[#44474c]">Assign editor, then reviewer(s), and monitor status.</p>
    </div>
    <form method="GET" id="adminWorkflowArticlesFilter"
        class="bg-white border border-[#aeb6bf] p-4 flex flex-col gap-3 sm:flex-row sm:items-center">
        <input name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Search by title..."
            class="flex-1 border border-[#aeb6bf] p-2 bg-[#f7fafc]">
        <select name="status" class="border border-[#aeb6bf] p-2 bg-[#f7fafc]">
            <option value="">All Statuses</option>
            @foreach (['submitted', 'assigned_to_editor', 'under_review', 'revision_requested', 'resubmitted', 'accepted', 'published', 'withdrawn'] as $status)
                <option value="{{ $status }}" @selected(($filters['status'] ?? '') === $status)>
                    {{ str_replace('_', ' ', ucfirst($status)) }}
                </option>
            @endforeach
        </select>
        <button class="bg-[#041627] text-white px-4 py-2 text-sm font-semibold">Filter</button>
    </form>

    <section class="bg-white border border-[#aeb6bf] overflow-hidden">
        <div class="overflow-x-auto">
            <table id="adminWorkflowArticlesTable" class="w-full min-w-[780px]">
                <thead>
                    <tr class="bg-[#041627] text-white text-xs uppercase">
                        <th class="p-4 text-left">ID/Title</th>
                        <th class="p-4 text-left">Author</th>
                        <th class="p-4 text-left">Editor</th>
                        <th class="p-4 text-left">Status</th>
                        <th class="p-4 text-right">Action</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-[#aeb6bf]"></tbody>
            </table>
        </div>
    </section>
@endsection
@push('scripts')
    <script>
        NerosaDataTables.init('#adminWorkflowArticlesTable', {
            filterForm: '#adminWorkflowArticlesFilter',
            columns: [
                { data: 'identity', name: 'identity', orderable: false, className: 'p-4' },
                { data: 'author_name', name: 'author_name', orderable: false, className: 'p-4' },
                { data: 'editor_name', name: 'editor_name', orderable: false, className: 'p-4' },
                { data: 'status_text', name: 'status', className: 'p-4' },
                { data: 'actions', name: 'actions', orderable: false, searchable: false, className: 'p-4 text-right' },
            ],
        });
    </script>
@endpush