@extends('layouts.app')
@section('content')

    <div class="container">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <div class="d-flex align-items-center gap-3">
                <a href="{{ route('admin.index') }}" class="btn btn-outline-secondary btn-sm rounded-circle" style="width: 32px; height: 32px; padding: 0; display: flex; align-items: center; justify-content: center;" title="Back to Admin Menu">
                    <i class="bi bi-arrow-left"></i>
                </a>
                <h2 class="fw-bold m-0">Admin Dashboard</h2>
            </div>
        </div>

        <!-- Navigation Tabs -->
        <ul class="nav nav-pills mb-4">
            <li class="nav-item">
                <a class="nav-link" href="{{ route('admin.users.index') }}">Manage Users</a>
            </li>
            <li class="nav-item">
                <a class="nav-link active" href="{{ route('admin.news.index') }}">Manage News</a>
            </li>
        </ul>

        @if(session('success'))
            <div class="alert alert-success bg-success text-white border-0">{{ session('success') }}</div>
        @endif

        <div class="card bg-white border-0 shadow-sm">
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table mb-0 table-hover">
                        <thead>
                            <tr>
                                <th>Country</th>
                                <th>Article Title</th>
                                <th>Published At</th>
                                <th class="text-end">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($news as $article)
                                <tr>
                                    <td>
                                        <span class="badge bg-secondary">{{ $article->negara ? $article->negara->nama : 'Global' }}</span>
                                    </td>
                                    <td>
                                        <div class="news-title">
                                            <a href="{{ $article->url }}" target="_blank" style="color: var(--bs-primary); text-decoration: none;">
                                                {{ $article->title }}
                                            </a>
                                        </div>
                                        <div class="news-desc">{{ $article->description }}</div>
                                    </td>
                                    <td style="font-size: 0.8rem;">
                                        {{ \Carbon\Carbon::parse($article->published_at)->format('d M Y, H:i') }}
                                    </td>
                                    <td class="text-end">
                                        <form action="{{ route('admin.news.destroy', $article->id) }}" method="POST" class="d-inline">
                                            @csrf @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Hapus berita ini dari sistem?')">Delete</button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            @if($news->hasPages())
                <div class="card-footer border-0" style="background: transparent;">
                    {{ $news->links() }}
                </div>
            @endif
        </div>
    </div>
@endsection