@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? '',
        $subTitle ?? '',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    )
)
@extends('admin.layouts.layout', $headerOption)
@section('content')
<div>
    <div class="col-12 mt-4">
        <div class="back-section">
            <button type="button" class="btn back-btn waves-effect"><i class="'. \Config::get('settings.icon_back') .'"></i> Back to Administration </button>
        </div>
        <div class="project-box">
                        <div class="heading-btn-sec">
                            <h3>Manage Documents</h3>
                            <div class="heading-btn">
                                <button type="button" class="green-btn-inner waves-effect"><i class="bx bx-plus"></i>Add New Document Section</button>
                            </div>
                        </div>
            
             <div class="inner-tab mt-4">

                <ul class="nav nav-tabs project-tab mb-30" id="myTab" role="tablist">

                    <li class="nav-item" role="presentation">

                        <button class="nav-link active waves-effect" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane"

                            type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">Any Group</button>

                    </li>

                    <li class="nav-item" role="presentation">

                        <button class="nav-link waves-effect" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane"

                            type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">ISO <i class="mdi mdi-star-outline gold-colour"></i></button>

                    </li>

                    <li class="nav-item" role="presentation">

                        <button class="nav-link waves-effect" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact-tab-pane"

                            type="button" role="tab" aria-controls="contact-tab-pane" aria-selected="false">Partner</button>

                    </li>

                </ul>



                <div class="tab-content" id="myTabContent">

                    <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab"

                    tabindex="0">

                    <div class="row">

                        <div class="col-12 ">

                            <div class="heading-btn-sec"><h3>Current Status Categories</h3></div>

                            <div class="project-box ">

                                <div class="table-responsive project-table no-border">



                                <table id="datatable" class="table mb-0 dt-responsive nowrap">



                                    <thead class="thead-light ">



                                        <tr>

                                            <th>Hubwallet Retail Sales Materials</th>

                                            <th></th>

                                            <th ></th>
                                            <th></th>
                                        </tr>



                                    </thead>



                                    <tbody>



                                        <tr>
                                            <td><b>Documents :</b> 4</td>
                                            <td><b>Subsections :</b> 4</td>

                                            <td class="d-flex gap-2 justify-content-end"><button type="button" class="action-btn"><i class="bx bx-trash"></i></button><button type="button" class="action-btn"><i class="bx bx-pencil"></i></button></td>

                                            <td class="w-5"><button type="button" class="btn add-btn">Add/Remove Values</button></td>

                                        </tr>

                                       

                                    </tbody>

                                    <thead class="thead-light ">



                                        <tr>


                                            <th>Hubwallet Restaurant Sales Mater</th>

                                            <th></th>

                                            <th ></th>
                                            <th></th>
                                        </tr>



                                    </thead>



                                    <tbody>



                                        <tr>
                                            <td><b>Documents :</b> 4</td>
                                            <td><b>Statuses :</b> 2</td>

                                            <td class="d-flex gap-2 justify-content-end"><button type="button" class="action-btn"><i class="bx bx-trash"></i></button><button type="button" class="action-btn"><i class="bx bx-pencil"></i></button></td>

                                            <td class="w-5"><button type="button" class="btn add-btn">Add/Remove Values</button></td>

                                        </tr>

                                       

                                    </tbody>



                                </table>



                                </div>

                            </div>

                    </div>

                </div>

                    </div>



                    <div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">

                        <div class="row">

                        <div class="col-12 ">

                            <div class="heading-btn-sec"><h3>Current Status Categories</h3></div>

                            <div class="project-box ">

                                <div class="table-responsive project-table no-border">



                                <table id="datatable" class="table mb-0 dt-responsive nowrap">



                                    <thead class="thead-light ">



                                        <tr>

                                            <th>Hubwallet Retail Sales Materials</th>

                                            <th></th>

                                            <th ></th>
                                            <th></th>
                                        </tr>



                                    </thead>



                                    <tbody>



                                        <tr>
                                            <td><b>Documents :</b> 4</td>
                                            <td><b>Subsections :</b> 4</td>

                                            <td class="d-flex gap-2 justify-content-end"><button type="button" class="action-btn"><i class="bx bx-trash"></i></button><button type="button" class="action-btn"><i class="bx bx-pencil"></i></button></td>

                                            <td class="w-5"><button type="button" class="btn add-btn">Add/Remove Values</button></td>

                                        </tr>

                                       

                                    </tbody>

                                    <thead class="thead-light ">



                                        <tr>


                                            <th>Hubwallet Restaurant Sales Mater</th>

                                            <th></th>

                                            <th ></th>
                                            <th></th>
                                        </tr>



                                    </thead>



                                    <tbody>



                                        <tr>
                                            <td><b>Documents :</b> 4</td>
                                            <td><b>Statuses :</b> 2</td>

                                            <td class="d-flex gap-2 justify-content-end"><button type="button" class="action-btn"><i class="bx bx-trash"></i></button><button type="button" class="action-btn"><i class="bx bx-pencil"></i></button></td>

                                            <td class="w-5"><button type="button" class="btn add-btn">Add/Remove Values</button></td>

                                        </tr>

                                       

                                    </tbody>



                                </table>



                                </div>

                            </div>

                    </div>

                </div>

                    </div>



                    <div class="tab-pane fade" id="contact-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0">

                        <div class="row">

                        <div class="col-12 ">

                            <div class="heading-btn-sec"><h3>Current Status Categories</h3></div>

                            <div class="project-box ">

                                <div class="table-responsive project-table no-border">



                                <table id="datatable" class="table mb-0 dt-responsive nowrap">



                                    <thead class="thead-light ">



                                        <tr>

                                            <th>Hubwallet Retail Sales Materials</th>

                                            <th></th>

                                            <th ></th>
                                            <th></th>
                                        </tr>



                                    </thead>



                                    <tbody>



                                        <tr>
                                            <td><b>Documents :</b> 4</td>
                                            <td><b>Subsections :</b> 4</td>

                                            <td class="d-flex gap-2 justify-content-end"><button type="button" class="action-btn"><i class="bx bx-trash"></i></button><button type="button" class="action-btn"><i class="bx bx-pencil"></i></button></td>

                                            <td class="w-5"><button type="button" class="btn add-btn">Add/Remove Values</button></td>

                                        </tr>

                                       

                                    </tbody>

                                    <thead class="thead-light ">



                                        <tr>


                                            <th>Hubwallet Restaurant Sales Mater</th>

                                            <th></th>

                                            <th ></th>
                                            <th></th>
                                        </tr>



                                    </thead>



                                    <tbody>



                                        <tr>
                                            <td><b>Documents :</b> 4</td>
                                            <td><b>Statuses :</b> 2</td>

                                            <td class="d-flex gap-2 justify-content-end"><button type="button" class="action-btn"><i class="bx bx-trash"></i></button><button type="button" class="action-btn"><i class="bx bx-pencil"></i></button></td>

                                            <td class="w-5"><button type="button" class="btn add-btn">Add/Remove Values</button></td>

                                        </tr>

                                       

                                    </tbody>



                                </table>



                                </div>

                            </div>

                    </div>

                </div>

            </div>


            <nav aria-label="Page navigation example " class="mt-3 pagination-two">
                            <span>Showing 0 to 0 of 0 entries</span>
                            <ul>
                                <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                                <li class="page-item active"><a class="page-link" href="#">1</a></li>
                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                <li class="page-item"><a class="page-link" href="#">Next</a></li>
                            </ul>
                        </nav>
        </div>
    </div>
</div>
@endsection
@push('page_script')
@endpush