@extends('layouts.mainlayout')
@section('fullwidth', true)
@section('content')
    <div class="album text-muted smarthr-employees-page smarthr-new-contacts-page">
        <div class="container-fluid smarthr-employees-shell">
            <header class="smarthr-employees-page-header">
                <div>
                    <h1>New contacts</h1>
                    <p>Review accepted workers and open their profiles.</p>
                </div>
                <span class="smarthr-employees-count">{{ count($ourstaffs) }} contacts</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 fa-users"></i></span><span>Accepted staffs</span></div>
                </div>
                <div class="card-body smarthr-employees-card-body">
                    <div class="table-responsive">
                        <table class="table smarthr-employees-table" id="dataTable" width="100%" cellspacing="0">
                            <thead>
                            <tr>
                                <th class="align-middle text-center d-none">Nr</th>
                                <th class="align-middle text-center d-none">Accepted at</th>
                                <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">Personal ID</th>
                                <th class="align-middle text-center w-25">Last Comment</th>
                                <th class="align-middle text-center">Actions</th>
                            </tr>
                            </thead>
                            <tbody>                            @foreach ($ourstaffs as $ourstaff)