<!-- Accounts Section -->
<div id="permissionsSection" 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 class="section-heading">
        <h3 class="link text-dark">Permissions List</h3>
        <a href="#" data-toggle="modal" 
           data-target="#permissionActionSheet" 
           class="link text-danger">
           Create
        </a>
    </div>

    <!-- Real Content -->
    <div class="content-wrapper" style="display:none;">
         <div class="input-wrapper mt-1">
                <input style="width: 40%;" type="text" id="pm_user" name="pm_user"  class="form-control" placeholder="Search by user" >
                
                </div>

        <div class="card mt-3">
            <div class="table-responsive" id="permissionScroll" style="max-height:400; overflow-y:auto;">
                <table class="table">
                    <thead>
                        <tr>
                            <th>User</th>
                            <th>Account</th>
                            <th>Category</th>
                            <th>Menu Access</th>
                            <th>Access Level</th>
                        </tr>
                    </thead>
                    <tbody id="permissionslist"></tbody>
                </table>
            </div>
        </div>

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

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