@extends('admin.layouts.layout')

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

        <div class="d-flex justify-content-between align-items-center mb-4">
            <h2 class="m-0">Articles</h2>

            <div class="d-flex gap-2">
                <a href="{{ route('admin.articles.create') }}" class="btn btn-primary">
                    <i class="bi bi-plus-lg"></i> New Article
                </a>

                <input id="searchBox" type="search" class="form-control" placeholder="Search articles..." style="width: 220px;">
            </div>
        </div>

        <div class="card shadow-sm">
            <div class="card-body p-0">

                <table class="table table-hover table-striped m-0 align-middle">
                    <thead class="table-dark">
                    <tr>
                        <th>ID</th>
                        <th>Title</th>
                        <th>Content</th>
                        <th>Status</th>
                        <th>Created At</th>
                        <th style="width: 150px;">Actions</th>
                    </tr>
                    </thead>

                    <tbody>