<div class="w-full overflow-x-auto">
              <table class="w-full whitespace-no-wrap">

                  <thead>
                  <tr
                      class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800"
                  >
                      <th class="px-4 py-3"></th>
                      <th class="px-4 py-3 class1">№</th>

                      <th class="px-4 py-3 class2">Лого/Заголовок/Компания</th>

                      <th class="px-4 py-3 class4">Должности</th>

                      <th class="px-4 py-3 class5">Избр.</th>
                      <th class="px-4 py-3 class6">Сроч.</th>

                      <th class="px-4 py-3 class7">Статус</th>

                      <th class="px-4 py-3 class8">Дата создан/<br>изменен.</th>

                      <th class="px-4 py-3 class10">Изменить</th>
                  </tr>
                  </thead>
                  <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800">
                  @foreach($ad_employers as $ad)
                      <tr class="text-gray-700 dark:text-gray-400">

                          <td class="px-4 py-3 class1 text-xs">

                              <input type="checkbox" class="box" name="vacan_{{$ad->id}}" id="vacan_{{$ad->id}}" value="{{$ad->id}}"/>
                          </td>

                          <td class="px-4 py-3 class1 text-xs">

                              {{$ad->id}}
                          </td>

                          <td class="px-4 py-3 class2 text-xs">

                              <div class="flex items-center text-sm text-xs">

                                  <div
                                      class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
                                  >
                                      @if (isset($ad->employer->logo))
                                          <img
                                              class="object-cover w-full h-full rounded-full"
                                              src="{{ asset(Storage::url($ad->employer->logo)) }}"
                                              alt=""
                                              loading="lazy"
                                          />
                                      @endif
                                      <div
                                          class="absolute inset-0 rounded-full shadow-inner"
                                          aria-hidden="true"
                                      ></div>
                                  </div>

                                  <div class="text-xs">

                                      <p class="font-semibold">{{$ad->name}}</p>
                                      <p class="text-xs text-gray-600 dark:text-gray-400">
                                          {{$ad->employer->name_company}}
                                      </p>
                                  </div>
                              </div>

                          </td>

                          <td class="px-4 py-3 class4 text-xs">

                              <div class="flex items-center text-sm text-xs">

                                  @if ($ad->jobs->count())

                                      <div>
                                          <?php $i = 0;?>
                                          @foreach ($ad->jobs as $title)
                                              <?php if ($i==0) {?>

                                              <p class="font-semibold text-xs">{{ mb_strimwidth($title->name, 0, 35, "...") }}</p>

                                              <?php } else {?>

                                              <p class="font-semibold text-xs">/ {{ mb_strimwidth($title->name, 0, 35, "...") }}</p>

                                              <?php }
                                              $i++;
                                              ?>
                                          @endforeach
                                      </div>

                                  @endif
                              </div>
  
                          </td>

                          <td class="px-4 py-3 text-sm class5 text-xs">

                              @if ($ad->favorite_vacancy==1)
                                  <span class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100">

                                  Да
                                  </span>

                              @else
                                  <span class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600">

                                  Нет
                                  </span>

                              @endif
                          </td>

                          <td class="px-4 py-3 text-sm class6 text-xs">

                              @if ($ad->sroch_vacancy==1)
                                  <span class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100">

                                  Да
                                  </span>

                              @else
                                  <span class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600">

                                  Нет
                                  </span>

                              @endif
                          </td>

                          <td class="px-4 py-3 text-sm class7 text-xs">

                              {{ $ad->status }}
                          </td>

                          <td class="px-4 py-3 text-sm class8 text-xs">

                              <div class="flex items-center text-xs">

                                  <div>
                                      <p class="font-semibold">{{ date('d.m.Y', strtotime($ad->created_at)) }}</p>
                                      <p class="text-xs text-gray-600 dark:text-gray-400">
                                          {{ date('d.m.Y', strtotime($ad->updated_at)) }}
                                      </p>
                                  </div>
                              </div>

                          </td>

                          <td class="px-4 py-3 text-sm class10 text-xs">

                              <form action="{{ route('admin.delete-ad-employer', ['ad_employer' => $ad->id]) }}" method="POST">
                                  <a class="text-xs" href="{{ route('admin.edit-ad-employers', ['ad_employer' => $ad->id]) }}">Изменить</a> |
                                  @csrf
                                  @method('DELETE')
                                  <input class="btn btn-danger text-xs" type="submit" value="Удалить"/>
                              </form>

                          </td>
                      </tr>
                  @endforeach
                  </tbody>
              </table>
          </div>
  
          <div class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800">
              <?=$ad_employers->appends($_GET)->links('admin.pagginate'); ?>
          </div>