@extends('layouts.app')

@section('content')
    <div class="container">

        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button type="submit">Logout</button>
        </form>

        <h1>Admin Dashboard</h1>

        <a href="{{ route('admin.create') }}" class="btn btn-primary mb-3">Create New Article</a>

        

        <table class="table">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Created At</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($articles as $article)
                    <tr>
                        <td>{{ $article->title }}</td>
                        <td>{{ $article->created_at->toFormattedDateString() }}</td>

                            <td>
                                <a href="{{ route('admin.edit', $article->id) }}" class="btn btn-warning w-25">Edit</a>
                                <form action="{{ route('admin.delete', $article->id) }}" method="POST"
                                    style="display:inline;">
                                    @csrf
                                    <button type="submit" class="btn btn-danger">Delete</button>
                                </form>
                            </td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <!-- Pagination Links -->
        {{-- {{ $articles->links() }} --}}
    </div>
@endsection