<!-- Accounts Section -->
<div id="supplierSection" class="admin-section section mt-1" style="display:none;">

    <!-- Skeleton -->
    <div class="skeleton-wrapper">
        <div class="skeleton-box"></div>
        <div class="skeleton-box"></div>
    </div>

    <div id="supplier_HeaderSection" class="section-heading">
        <h3 class="link text-dark">Supplier List</h3>
        <a href="#" data-toggle="modal" 
           data-target="#supplierModalBasic" 
           class="link text-danger">
           Create
        </a>
    </div>

    <!-- Real Content -->
    <div class="content-wrapper" style="display:none;">

        <div class="card">
            <div class="table-responsive" id="supplierScroll" style="max-height:400px; overflow-y:auto;">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Supplier Name</th>
                         
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody id="supplierlist"></tbody>
                </table>
            </div>
        </div>

    </div> <!-- content-wrapper -->

</div> <!-- accountsSection -->