@extends('layouts.app')
@section('content')
    <div class="m-2">

        <h1 style="text-align: center;">Article Sections, Articles, and Press Releases</h1>
        <div class="d-flex align-items-start mt-3">
            <div class="nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                {{-- provider services --}}
                <button class="nav-link active" id="v-pills-provider_svcs-tab" data-bs-toggle="pill"
                    data-bs-target="#v-pills-provider_svcs" type="button" role="tab"
                    aria-controls="v-pills-provider_svcs" aria-selected="true">Article Sections</button>

                {{-- prices --}}
                <button class="nav-link" id="v-pills-prices-tab" data-bs-toggle="pill" data-bs-target="#v-pills-prices"
                    type="button" role="tab" aria-controls="v-pills-prices" aria-selected="true">Articles</button>

                {{-- categories --}}
                <button class="nav-link" id="v-pills-categories-tab" data-bs-toggle="pill"
                    data-bs-target="#v-pills-categories" type="button" role="tab" aria-controls="v-pills-categories"
                    aria-selected="true">Press Releases</button>
            </div>

            {{-- tab content --}}
            <div class="tab-content" id="v-pills-tabContent" style="width: 100%;">
                {{-- Article sections --}}
                <div class="tab-pane fade show active" id="v-pills-provider_svcs" role="tabpanel"
                    aria-labelledby="v-pills-provider_svcs-tab">
                    <div style="text-align: right;">
                        <a class="btn knowmad_btn_blue knowmad_btn" style="width: fit-content"
                        href="{{ URL::route('admin.article.sections.add') }}"><i class="fa fa-pencil"></i> Add</a>
                    </div>

                    <div class="table-responsive-sm mt-3" style="width: 100%;">
                        <table class="table table-striped tableStyle sortable dt-responsive" >
                            <thead>
                                <tr>
                                    <th>
                                        Section
                                    </th>
                                    <th>
                                        Date
                                    </th>
                                    <th class="hide_on_mobile">
                                        Option
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- articles --}}
                <div class="tab-pane fade" id="v-pills-prices" role="tabpanel" aria-labelledby="v-pills-prices-tab">
                    <div style="text-align: right;">
                        <a class="btn knowmad_btn_blue knowmad_btn" style="width: fit-content"
                        href="{{ URL::route('admin.contentPage.add', [12]) }}"><i class="fa fa-pencil"></i> Add</a>
                    </div>

                    <div class="table-responsive-sm mt-3" style="width: 100%;">
                        <table class="table table-striped tableStyle sortable dt-responsive" >
                            <thead>
                                <tr>
                                    <th>
                                        Section
                                    </th>
                                    <th>
                                        Page
                                    </th>
                                    <th>
                                        Date
                                    </th>
                                    <th>
                                        Content
                                    </th>
                                    <th class="hide_on_mobile">
                                        Option
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
        
                                                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- press releases --}}
                <div class="tab-pane fade" id="v-pills-categories" role="tabpanel" aria-labelledby="v-pills-categories-tab">

                    <div style="text-align: right;">
                        <a class="btn knowmad_btn_blue knowmad_btn" style="width: fit-content"
                        href="{{ URL::route('admin.contentPage.add', [7]) }}"><i class="fa fa-pencil"></i> Add</a>
                    </div>
                    <div class="table-responsive-sm mt-3" style="width: 100%;">
                        <table class="table table-striped tableStyle sortable datatables dt-responsive" >
                            <thead>
                                <tr>
                                    <th>
                                        Page
                                    </th>
                                    <th>
                                        Date
                                    </th>
                                    <th>
                                        Content
                                    </th>
                                    <th class="hide_on_mobile">
                                        Option
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>





    </div>
@endsection