{{--<div class="col s12 tab-pane" id="administrators">
    <section class="invoice-list-wrapper section col s12">
        <div id="invoice-create-btn" class="s12">
            <button type="button" class="btn waves-effect waves-light invoice-create border-round z-depth-4" onclick="showModalAdministrator(this)">
                <i class="material-icons">add</i>
                <span class="hide-on-small-only">Usuario</span>
            </button>
        </div>
        <div class="filter-btn">
            <a class='dropdown-trigger btn waves-effect waves-light purple darken-1 border-round'
               href='#' data-target='btn-filter'>
                <span class="hide-on-small-only">Filtrar</span>
                <i class="material-icons">keyboard_arrow_down</i>
            </a>

            <ul id='btn-filter' class='dropdown-content'>
                <form action="{{ route('supplier.index') }}" method="GET" id="myForm">
                    <li><a href="#" onclick="submitFilter(1)">Activos</a></li>
                    <li><a href="#" onclick="submitFilter(0)">Inactivos</a></li>
                </form>
            </ul>

        </div>
        <div class="responsive-table">
            <table class="table invoice-data-table white border-radius-4 pt-1">
                <thead>
                <tr>
                    <th>IDENTIFICACIÓN</th>
                    <th>NOMBRE/APELLIDO</th>
                    <th>USERNAME</th>
                    <th>ACCIONES</th>
                </tr>
                </thead>

                <tbody>
                </tbody>
            </table>
        </div>
    </section>
    <!-- users edit Info form ends -->
</div>--}}

<div class="col s12 tab-pane" id="administrators" >
    <!-- users edit Info form start -->
    <section class="invoice-list-wrapper section col s12">
        {{--   Button create user  --}}
        <div id="invoice-create-btn-admin" class="s12">
            <button id="supplier-user-modal-button" onclick="showModalAdministrator(this)"
                    class="btn waves-effect waves-light invoice-create border-round z-depth-4 ">
                <i class="material-icons">add</i>
                <span class="hide-on-small-only">Usuario</span>
            </button>
        </div>
        {{--   Button filter datatable   --}}
        <div id='filter-btn-admin' class="filter-btn">
            <a class='dropdown-trigger btn waves-effect waves-light purple darken-1 border-round' href='#' data-target='btn-filter-users'>
                <span class="hide-on-small-only">Filtrar</span>
                <i class="material-icons">keyboard_arrow_down</i>
            </a>

            <ul id='btn-filter-users' class='dropdown-content'>
                <form action="{{ route('supplier.index') }}" method="GET" id="myFormUsers">
                    <li><a href="#" onclick="submitFilterTable(routeInformationCampaign,1)">Activos</a></li>
                    <li><a href="#" onclick="submitFilterTable(routeInformationCampaign,0)">Inactivos</a></li>
                </form>
            </ul>
        </div>
        {{--   Datatable Users   --}}
        <div class="responsive-table">
            <table class="table invoice-data-table administratorsTable white border-radius-4 pt-1" style="width: 100%;">
                <thead>
                <tr>
                    <th>IDENTIFICACIÓN</th>
                    <th>NOMBRE/APELLIDO</th>
                    <th>USERNAME</th>
                    <th>ACCIONES</th>
                </tr>
                </thead>

                <tbody>
                @isset($users)
                    @forelse ($users as $user)
                        <tr>
                            <td>{{ $user->identification }}</td>
                            <td>{{ $user->fullName }}</td>
                            <td>{{ $user->username }}</td>
                            <td>
                                <div class="invoice-action">
                                    <button {{--onclick="showEditSupplierUser(this)" data-id="{{ $user->uuidKey }}" data-supplier="{{$supplier['uuidKey']}}" data-type="edit"--}}
                                            class="invoice-action-edit tooltipped" data-tooltip="Editar" data-position="bottom" style="border: none; color: #937d7d; background-color: #fff;">
                                        <i class="material-icons">edit</i>
                                    </button>
                                    <button {{--onclick="deleteSupplierUsers(this,'{{ $user->username }}')" data-id="{{$user->uuidKey}}" data-supplier="{{$supplier['uuidKey']}}"--}}
                                            class="eliminar_category invoice-action-clear tooltipped" data-tooltip="Eliminar" data-position="bottom" style="border: none; color: #937d7d; background-color: #fff;">
                                        <i class="material-icons">clear</i>
                                    </button>
                                </div>
                            </td>

                        </tr>
                    @empty
                    @endforelse
                @endisset
                </tbody>
            </table>
        </div>
    </section>
    <!-- users edit Info form ends -->
</div>