@extends('layouts.mainlayout')
@section('fullwidth', true)
@section('content')
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <div class="album text-muted smarthr-employees-page smarthr-sadmin-page smarthr-sadmin-staff">
        <header class="smarthr-employees-page-header"><div><h1>{{ request()->is("black") ? "Black list" : "Accepted staff" }}</h1><p>{{ request()->is("black") ? "Review workers currently marked as banned." : "Manage accepted, inactive and banned workers." }}</p></div><span class="smarthr-employees-count">{{ $ourstaffs->total() }} staff</span></header>
        <div class="card align-middle smarthr-employees-card">
            <div class="card-header smarthr-employees-card-header"><div><span class="smarthr-employees-header-icon"><i class="fas {{ request()->is("black") ? "fa-user-slash" : "fa-user-shield" }}"></i></span><span>{{ request()->is("black") ? "Banned workers" : "Staff status management" }}</span></div></div>
                <div class="card-body smarthr-employees-card-body">
                    <div class="table-responsive">
                        <table class="table smarthr-employees-table smarthr-sadmin-table" id="sadminStaffTable" width="100%" cellspacing="0">
                            <thead>
                            <tr>
                                <th class="align-middle text-center">Name</th>
                                <th class="align-middle text-center">Birth date</th>
                                <th class="align-middle text-center">Farm</th>
                                <th class="align-middle text-center">Comment</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($ourstaffs as $ourstaff)