@extends('layouts.admin')
@section('title', $Title)
@section('content')
<div class="content">
    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3>{{ $Title }}</h3>
                    </div>

                    <div class="card-body tblscrollbar">
                        <div class="">
                            @if($message = Session::get('errormsg'))
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                <p>{{ $message }}</p>
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            @endif

                            @if($message = Session::get('msg'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <p>{{ $message }}</p>
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            @endif
                        </div>

                        {{-- Search form --}}
                        <form method="get" action="{{ route('article') }}" class="form-inline mb-3">
                            <input type="text" name="title" class="form-control mr-2" placeholder="Search by title" value="{{ request('title') }}">
                            <select name="status" class="form-control mr-2">
                                <option value="">All Status</option>
                                <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                                <option value="approved" {{ request('status') == 'approved' ? 'selected' : '' }}>Approved</option>
                                <option value="rejected" {{ request('status') == 'rejected' ? 'selected' : '' }}>Rejected</option>
                            </select>
                            <button type="submit" class="btn btn-primary">Search</button>
                        </form>

                        {{-- Articles table --}}
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Title</th>
                                    <th>Category</th>
                                    <th>Image</th>
                                    <th>Author</th>
                                    <th>Journal</th>
                                    <th>DOI</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($articles as $key => $article)
                                <tr>
                                    <td>{{ $articles->firstItem() + $key }}</td>
                                    {{-- Show only first 7 words of title --}}
                                    <td>{{ Str::words($article->title, 7, '...') }}</td>
                                    <td>{{ Str::words($article->categorydata->name ?? 'null', 7, '...') }}</td>
                                    <td><a href="{{ $article->image ?? '' }}" target="_blank"><img src="{{ $article->image ?? '' }}" style="width: 50px;" /></a></td>
                                    <td>{{ $article->prefix }} {{ $article->first_name }} {{ $article->last_name }}</td>
                                    <td>{{ $article->journal }}</td>
                                    <td>{{ $article->doi ?? '—' }}</td>
                                    <td>{{ ucfirst($article->status) }}</td>
                                    <td>
                                        <a href="{{ route('article.view', $article->id) }}" class="btn btn-sm btn-info">View Details</a>
                                        <a href="{{ route('article.edit', $article->id) }}" class="btn btn-sm btn-primary">Edit</a>
                                        <form action="{{ route('article.delete', $article->id) }}" method="POST" style="display:inline-block">
                                            @csrf @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure?')">Delete</button>
                                        </form>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>

                        <div class="mt-3">
                            {{ $articles->links() }}
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection