@extends('layout.admin', ['title' => 'Админка - Справочник Должности'])
  
  @section('script')

      <script>
          console.log('Test system');
          $(document).on('change', '#sort_ajax', function() {
              var this_ = $(this);
              var val_ = this_.val();
              console.log('sort items '+val_);
  
              $.ajax({
                  type: "GET",
                  url: "{{ url()->current() }}",
                  data: "sort="+val_+"&search=@if ((isset($_GET['search']))&&(!empty($_GET['search']))){{$_GET['search']}}@endif",
                  success: function (data) {
                      console.log('Выбор сортировки');
                      console.log(data);
                      history.pushState({}, '', "{{ route('employer.vacancy_list') }}?search=@if ((isset($_GET['search']))&&(!empty($_GET['search']))){{$_GET['search']}}@endif"+"&sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
                      $('#main_ockar').html(data);
                  },
                  headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                  },
                  error: function (data) {
                      data = JSON.stringify(data);
                      console.log('Error: ' + data);
                  }
              });
          });
      </script>

  @endsection
  
  @section('search')

  @endsection
  
  @section('content')
      <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block">
          <div class="w-full overflow-x-auto">
              <a 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" href="{{ route('admin.job-titles.create') }}">Создать должность</a><br><br>
              <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">Родитель</th>
                      <th class="px-4 py-3">Должность</th>

                      <th class="px-4 py-3">Видимость</th>

                      <th class="px-4 py-3"><a id="sort_jobs" name="sort_jobs" @if(isset($_GET['sort']))  @if($_GET['sort']=='up') href="?sort=down" @else href="?sort=up" @endif  @else href="?sort=down" @endif>Сортировка ↑↓</a></th>

                      <th class="px-4 py-3">Дата создания</th>
                      <th class="px-4 py-3">Изменить</th>
                  </tr>
                  </thead>
                  <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800">
                  @foreach($Jobs as $job)
                      <tr class="text-gray-700 dark:text-gray-400">

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

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

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

                           @if (empty($job->parent->id))
                               Не задан
                           @else

                               {{ mb_strimwidth($job->parent->name, 0, 35, "...") }}({{$job->parent->id}})

                           @endif
                          </td>

                          <td class="px-4 py-3 text-xs">
                              {{ mb_strimwidth($job->name, 0, 35, "...") }}

                          </td>

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

                              @switch ($job->is_bd)

                                  @case (0) Работодатель @break
                                  @case (1) Работник @break
                                  @case (2) База данных @break
                                  @default База данных @break

                              @endswitch
                          </td>
                          <td class="px-4 py-3 text-xs">

                              {{$job->sort}}
                          </td>

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

                              {{ $job->created_at }}
                          </td>

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

                              <form action="{{ route('admin.job-titles.destroy', ['job_title' => $job->id]) }}" method="POST">
                                  <a href="{{ route('admin.job-titles.edit', ['job_title' => $job->id]) }}">Изменить</a> |
                                  @csrf
                                  @method('DELETE')
                                  <input class="btn btn-danger" 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">
              <?=$Jobs->appends($_GET)->links('admin.pagginate'); ?>
          </div>
      </div>
  @endsection