@extends('layout.admin', ['title' => 'Админка - Вакансии'])

  
  @section('script')

      <script>
          $(document).ready(function() {
              $(document).on('click', '#refresh_btn', function () {
                  var this_ = $(this);
                  var ajax_block = $('#ajax_block');
                  var mas = [];
                  var str_get = '';
  
                  $('input:checkbox:checked').each(function(){
                      mas.push($(this).val());
                      console.log($(this).val());
                  });
  
                  $.ajax({
                      type: "GET",
                      dataType: 'html',
                      url: "{{ url()->full()}}",
                      data: ({data:mas}),
                      success: function (data) {
                          console.log('Обновление таблицы пользователей ');
                          //data = JSON.parse(data);
                          //console.log(data);
                          ajax_block.html(data);
                      },
                      headers: {
                          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                      },
                      error: function (data) {
                          console.log('Error: ' + data);
                      }
                  });
              });
          });
      </script>

  @endsection
  
  @section('search')

  @endsection
  
  @section('content')

      <button style="margin-bottom: 10px; width:165px" id="refresh_btn" name="refresh_btn" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
          Обновить вакансии
      </button>

      <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block">
          <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 class3">Название компании</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">Дата создан.</th>
                      <th class="px-4 py-3 class9">Дата изменен.</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">
                              <input type="checkbox" class="box" name="vacan_{{$ad->id}}" id="vacan_{{$ad->id}}" value="{{$ad->id}}"/>
                          </td>
                          <td class="px-4 py-3 class1">

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

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

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

                          <td class="px-4 py-3 class3">

                              {{$ad->employer->name_company}}

                          </td>

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

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

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

                                  <div>

                                      <?php $i = 0;?>
                                      @foreach ($ad->jobs as $title)
                                             <?php if ($i==0) {?>
                                             <p class="font-semibold">{{$title->name}}</p>
                                             <?php } else {?>
                                                 <p class="font-semibold">/ {{$title->name}}</p>
                                             <?php }
                                             $i++;
                                             ?>
                                      @endforeach

                                  </div>

                                  @endif

                              </div>
  
                          </td>

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

                              @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">

                              @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">

                              {{ $ad->status }}

                          </td>

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

                              {{ date('d.m.Y', strtotime($ad->created_at)) }}

                          </td>

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

                              {{ date('d.m.Y', strtotime($ad->updated_at)) }}

                          </td>

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

                              <a href="{{ route('admin.edit-ad-employers', ['ad_employer' => $ad->id]) }}">
                                  Изменить
                              </a>
                          </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>
      </div>
  @endsection