{{-- <div class="card-body table-responsive pl-2 pr-2 pt-2 pb-0 mt-0 table-font-small"> --}}

<table class="table table-hover table-sm mb-3 table-font mt-2">
    <thead>
        <tr>
            <th class="text-center" style="vertical-align: middle">#</th>
            <th class="text-center" style="vertical-align: middle">Employee</th>
            <th class="text-center" style="vertical-align: middle">First Name</th>
            <th class="text-center" style="vertical-align: middle">Last Name</th>
            <th class="text-center" style="vertical-align: middle">Type</th>
            <th class="text-center" style="vertical-align: middle">Status</th>
            <th class="text-center" style="vertical-align: middle">Comment</th>
            <th class="text-center" style="vertical-align: middle">&nbsp;</th>
        </tr>
    </thead>
    <tbody>

        @php
            $i = 0;
        @endphp

        @foreach ($tableEmployee as $te)
            @php
                $i++;
            @endphp

            <tr>
                <td class="text-center" style="vertical-align: middle">{{ $i }}</td>
                <td class="text-center" style="vertical-align: middle">{{ $te->Employee }}</td>
                <td class="" style="vertical-align: middle">{{ $te->First_Name }}</td>
                <td class="" style="vertical-align: middle">{{ $te->Last_Name }}</td>
                <td class="text-center" style="vertical-align: middle">{{ $te->Type }}</td>
                <td class="text-center" style="vertical-align: middle">{{ $te->Status }}</td>
                <td class="text-" style="vertical-align: middle">{{ $te->comment }}</td>

                <td class="text-center d-print-none" style="vertical-align: middle" nowrap>
                    @can('maintenance.employee.edit')
                        <a
                            title="Edit"
                            class="btn btn-dark btn-xs"
                            href="{{ route('maintenance.employee.edit', $te->Employee) }}">
                            <i class="fas fa-edit fa-fw"></i>
                        </a>
                    @endcan

                    {{-- @can('maintenance.employee.destroy')
                        <a title="Delete" class="btn btn-danger btn-xs" href="javascript:void(0);" onclick="ConfirmCustomer('{{ $te->Employee }}')"><i class="fas fa-trash-alt fa-fw"></i></a>
                    @endcan --}}
                </td>
            </tr>
        @endforeach

    </tbody>
</table>

{{-- </div> --}}