@extends('layouts.admin')

@section('title')Sub Admins @endsection

@section('content')

<div class="table_harder">
    <div class="table_head">
        <h5>List of Sub Admins</h5>
        <p>Total Number of SubAdmin {{$totalRecords}}</p>
    </div>
    <div class="table_details">
        <button type="button" class="add_staff" data-bs-toggle="modal" data-bs-target="#addroleModal"
            data-backdrop="static" data-keyboard="false">
            <a href="javascript:viod(0)" data-bs-toggle="modal" data-bs-target="#addroleModal" data-backdrop="static"
                data-keyboard="false"><i class="fa fa-plus"></i>Add Sub Admin</a>
        </button>
    </div>
</div>

<div class="row">
    <div class="col-12">
        <div class="card data-table Tablecommon staffTable">
            <!-- /.card-header -->
            <div class="card-body">
                <table id="rolesTable" class="table table-hover commonContent">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Site Id</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Phone number</th>
                            <th>Created At</th>
                            <th>Action</th>
                        </tr>
                    </thead>

                </table>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>
</div>


<div id="modal_parent">
    @include('admin.roles.add-client')
</div>
<div id="parent_item_details_modal">
</div>

@push('page_script')

@include('include.dataTableScripts')

<script src="{{ asset('js/pages/role/index.js') }}"></script>
<script src="{{ asset('js/pages/role/form-validation.js') }}"></script>


@endpush


@endsection