@extends('layouts.site_layout')
@section('content')
<!-- <section class="py-5">
    <div class="container">
        <h1 class="fs-42">Member Dashboard</h1>
    </div>
</section> -->
<section class="py-5">
    <div class="container">
        <h2 class="mb-4 fs-40 mt-2">Member Articles</h2>
        <div id="response_message"></div>
        <div class="text-end mb-4">
            <a href="{{url('/member/manage-articles/create')}}"
                class="fs-18 btn bg-orange ms-auto text-white mb-2 shadow-none ">+ Add New</a>
        </div>
        <div class="d-flex flex-column flex-md-row justify-content-between my-3">
            <div class="d-block d-lg-inline mb-3 mb-md-0 me-3">
                <div class="input-group filters search-input ">
                    <input type="search" class="form-control border-end-0 py-2 fs-14 search_inp"
                        placeholder="Search Organisation">
                    <span class="input-group-text bg-white pointer">
                        <i class="fa fa-search text-maroon fs-12"></i>
                    </span>
                </div>
            </div>
            <div class="d-flex justify-content-start overflow-auto justify-content-md-end">
                <span class="align-self-center me-2 text-nowrap">Filter by :</span>
                <select class="form-select w-auto me-3" aria-label="Default select example">
                    <option selected>Item Status</option>
                    <option value="1">Saved</option>
                    <option value="2">Draft</option>
                    <option value="3">Three</option>
                </select>
                <select class="form-select w-auto me-3" aria-label="Default select example">
                    <option selected>Vertical</option>
                    <option value="1">One</option>
                    <option value="2">Two</option>
                    <option value="3">Three</option>
                </select>
                <select class="form-select w-auto" aria-label="Default select example">
                    <option selected>Category</option>
                    <option value="1">One</option>
                    <option value="2">Two</option>
                    <option value="3">Three</option>
                </select>
            </div>
        </div>
        <div class="overflow-auto">
            <input type="hidden" value="{{Auth::user()->id}}" name="auth_id" id="auth_id">
            <table class="table">
                <thead class="text-nowrap">
                    <td class="fs-14 px-2">Article Title</td>
                    <td class="fs-14 px-2">Article Sub title</td>
                    <td class="fs-14 px-2">Article Image</td>
                    <td class="fs-14 px-2">Description</td>
                    <td class="fs-14 px-2">SEO title</td>
                    <td class="fs-14 px-2">Meta desc</td>
                    <td class="fs-14 px-2">Publishing Date</td>
                    <td class="fs-14 px-2">Publish status</td>
                    <td class="fs-14 px-2">Actions</td>
                </thead>
                <tbody id="memberArticles">
                    <!-- Display td -->
                </tbody>
            </table>
        </div>
    </div>
</section>
<script src="{{'/js/site-api/member_articles.js'}}"></script>
@endsection