@foreach($serviceRequests as $key => $row)
    <tr>
        <th scope="row">
            <div class="custom-control custom-checkbox">
                @if($row->teacher_id == auth()->id())
                    <input type="checkbox" class="custom-control-input selectOne deleteCheck"
                           id="customCheck{{$row->id}}"
                           value="{{$row->id}}" name="id[]">
                    <label class="custom-control-label" for="customCheck{{$row->id}}"></label>
                @endif
            </div>
        </th>
        <td>{{ $row->id }}</td>
        <td>{{ $row->user->name ?? $row->user->username ?? "-" }}</td>
        {{-- <td>{{ $row->teacher->name ?? $row->teacher->username ?? "-" }}</td> --}}
        <td>{{ $row->subject->currentDescription->title ?? "" }}</td>
        <td>{{ $row->service->currentDescription->title ?? "" }}</td>
        <td>{{ $row->getStatusText() }}</td>
        <td colspan="2">{{ \Carbon\Carbon::parse($row->created_at)->format('Y/m/d') }}</td>
        <td>
            <div class="dropdown">
                <button class="icon_dots dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown"
                        aria-expanded="false">
                    <i class="bi bi-three-dots-vertical"></i>
                </button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    @if($row->deleted_at)
                        <a href="{{ route('teacher.service-requests.restore', $row->id) }}" data-method="put"
                           class="icon rowAction dropdown-item"
                           title="{{ __('dashboard.restore') }}">
                            <img src="{{ asset('assets/admin/images/icons/restore.svg') }}"
                                 alt="{{ __('dashboard.restore') }}">
                            {{ __('dashboard.restore') }}
                        </a>
                        {{-- <a href="{{ route('teacher.service-requests.destroy', $row->id) }}" data-method="delete"
                           class="icon rowAction dropdown-item"
                           title="{{ __('dashboard.delete') }}"><img
                                src="{{ asset('assets/admin/images/icons/close.svg') }}"
                                alt="{{ __('dashboard.delete') }}">
                            {{ __('dashboard.delete') }}
                        </a> --}}
                    @else
                        <a href="{{ route('teacher.service-requests.edit', $row->id) }}" class="icon dropdown-item"
                           title="{{ __('dashboard.edit') }}">
                            <i class="bi bi-pen ml-1"></i>
                            {{ __('dashboard.edit') }}
                        </a>
                        @if($row->teacher_id == auth()->id())
                            <a href="{{ isRouteHas("teacher.chats.index", ['users' => [$row->user_id, $row->teacher_id]]) }}"
                               class="icon dropdown-item" title="{{ __('users::users.chat') }}">
                                <i class="fas fa-comments ml-1"></i>
                                {{ __('users::users.chat') }}
                            </a>
                            <a href="{{ route('teacher.service-requests.destroy', $row->id) }}" data-method="delete"
                               class="icon rowAction dropdown-item"
                               title="{{ __('dashboard.trash') }}">
                                <i class="bi bi-trash ml-1"></i>
                                {{ __('dashboard.trash') }}
                            </a>
                        @endif <!-- isBelongsToUser -->
                    @endif
                </div>
            </div>
        </td>
    </tr>
@endforeach

@if(count($serviceRequests) && $serviceRequests->hasPages())
    <tr class="tr-pagination">
        <td>{{ $serviceRequests->links('pagination::bootstrap-5') }}</td>
    </tr>
@endif

<script>
    $('.tr-pagination td').attr('colspan', $('tbody.response tr:first').children().length);
</script>