@extends('layout.frontend', ['title' => 'Список вакансий - РекаМоре'])
  
  @section('scripts')
      <script>

          $(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);
                  }
              });
          });

  
          $(document).on('click', '.js-delete-trigger', function () {
              var targetModal = $(this).data('target');
              $.fancybox.open({
                  src: targetModal,
                  type: 'inline',
                  opts: { touch: false }
              });
          });

      </script>
  @endsection
  
  @section('content')
      <section class="cabinet">

          @include('modals.flash-message', [

              'title' => 'Успешно!',

              'message' => session('success')
          ])

          <div class="container">
              <ul class="breadcrumbs cabinet__breadcrumbs">
                  <li><a href="{{ route('index') }}">Главная</a></li>
                  <li><b>Личный кабинет</b></li>
              </ul>
              <div class="cabinet__wrapper">
                  <div class="cabinet__side">
                      <div class="cabinet__side-toper">

  
                              @include('employers.emblema')

                      </div>
  
                      @include('employers.menu', ['item' => 3])
                  </div>
                  <div class="cabinet__body">
                      <div class="cabinet__body-item">
                          <h2 class="title cabinet__title">Мои вакансии</h2>
                      </div>
                      <div class="cabinet__body-item">
                          <div class="cabinet__filters">
                              <div class="cabinet__filters-item">

                                  <form class="search" action="{{ url()->current() }}" method="GET">
                                      <input type="search" name="search" class="input" placeholder="Поиск&hellip;" value="@if ((isset($_GET['search'])) && (!empty($_GET['search']))) {{ $_GET['search'] }}@endif">

                                      <button type="submit" class="button">Найти</button>
                                      <span>
                                              <svg>
                                                  <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
                                              </svg>
                                          </span>
                                  </form>
                              </div>
                              <div class="cabinet__filters-item">
                                  <div class="select">
                                      <select class="js-select2" id="sort_ajax" name="sort_ajax">

                                          <option value="default" @if (isset($_GET['sort']) && ($_GET['sort'] == 'default')) selected @endif>От новых к старым (по умолчанию)</option>
                                          <option value="public" @if (isset($_GET['sort']) && ($_GET['sort'] == 'public')) selected @endif>Опубликовано</option>
                                          <option value="nopublic" @if (isset($_GET['sort']) && ($_GET['sort'] == 'nopublic')) selected @endif>Не опубликовано</option>
                                          <!--<option value="name_up">По имени (возрастание)</option>

                                          <option value="name_down">По имени (убывание)</option>
                                          <option value="created_at_up">По дате (возрастание)</option>

                                          <option value="created_at_down">По дате (убывание)</option>-->

                                      </select>
                                  </div>
                              </div>
                          </div>

  
                              <div class="table table_spoiler" id="main_ockar" name="main_oskar">
                              @if ($vacancy_list->count())

                                  <div class="table__scroll">
                                      <div class="table__body table__body_min-width">
                                          <table>
                                              <thead>
                                              <tr>

                                                  <th>№</th>

                                                  <th>Название</th>
                                                  <th>Дата добавления<br>/&nbsp;обновления</th>

                                                  <th style="display:none">Должности</th>

                                                  <th>Статус</th>
                                                  <th>Действия</th>
                                              </tr>
                                              </thead>
                                              <tbody>
                                              @foreach($vacancy_list as $it)
                                              <tr>

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

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

                                                  <td>{{ date('d.m.Y', strtotime($it->created_at)) }} <br>/ {{ date('d.m.Y', strtotime($it->updated_at)) }}</td>

                                                  <td style="display:none"> <a href="{{ route('employer.add_job_in_vac', ['ad_employer' => $it->id]) }}" class="button">Добавить</a>

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

                                                          @foreach ($it->jobs as $key => $it_um)

                                                              <p>@if (isset($it->jobs_code[$key]))
                                                                 <a href="{{ route('employer.edit_job_in_vac', ['ad_job' => $it->jobs_code[$key]->id, 'ad_employer' => $it->id, 'job_title_id' => $it_um->id]) }}" style="text-decoration: underline">{{$it_um->name}}</a>
                                                                 <a href="{{ route('employer.delete_job_in_vac', ['ad_job' => $it->jobs_code[$key]->id]) }}" style="text-decoration: underline">(Del)</a>
                                                                 @endif

                                                              </p>
                                                          @endforeach
                                                      @else
                                                        Нет связанных <br> с вакансией должностей
                                                      @endif
                                                  </td>

                                                  <td>
                                                     @if ($it->active_is)
                                                          <span class="table__status green"><i></i>Опубликовано</span>
                                                     @else
                                                          <span class="table__status"><i></i>Не опубликовано</span>
                                                      @endif
                                                  </td>
                                                  <td>
                                                      <span class="table__controls">

                                                          <a class="table__controls-item up-it" title="Поднять вакансию" href="{{ route('employer.vacancy_up', ['ad_employer' => $it->id]) }}">

                                                              <svg>
                                                                  <use xlink:href="{{ asset('images/sprite.svg#arrow-radius') }}"></use>
                                                              </svg>
                                                          </a>

                                                          <a href="{{ route('employer.vacancy_edit', ['ad_employer' => $it->id]) }}" title="Редактировать вакансию"  class="table__controls-item">

                                                              <svg>
                                                                  <use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use>
                                                              </svg>
                                                          </a>

                                                          <a class="table__controls-item js-delete-trigger"
                                                             title="Удалить вакансию"
                                                             href="javascript:void(0)"
                                                             data-target="#delete-{{ $it->id }}">

                                                              <svg>
                                                                  <use xlink:href="{{ asset('images/sprite.svg#cross') }}"></use>
                                                              </svg>
                                                          </a>

                                                          @include('modals.vacancy.delete_vacancy', ['modalId' => "delete-{$it->id}", 'vacancyId' => $it->id, 'vacancyName' => $it->name])

                                                          @if ($it->active_is)

                                                              <a href="{{ route('employer.vacancy_eye', ['ad_employer' => $it->id, 'status' => 0]) }}" title="Скрыть вакансию"  class="table__controls-item">

                                                                  <svg preserveAspectRatio="xMidYMid meet">

                                                                      <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use>
                                                                  </svg>
                                                              </a>
                                                          @else

                                                              <a href="{{ route('employer.vacancy_eye', ['ad_employer' => $it->id, 'status' => 1]) }}" title="Показать вакансию"  class="table__controls-item">

                                                                  <svg preserveAspectRatio="xMidYMid meet">

                                                                      <use xlink:href="{{ asset('images/sprite.svg#eye-3') }}"></use>
                                                                  </svg>
                                                              </a>
                                                          @endif

                                                          @if ($Employer->social_is == 1)

                                                          <a href="{{ route('employer.send-vacancy-to-social', ['social' => 'tg', 'vacancy' => $it->id]) }}" title="Отправить вакансию в телеграм"  class="table__controls-item">

                                                                  <svg>
                                                                      <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
                                                                  </svg>
                                                          </a>
                                                          @endif

                                                      </span>
                                                  </td>
                                              </tr>
                                              @endforeach
                                              </tbody>
                                          </table>

                                      </div><br>
                                      {{ $vacancy_list->appends($_GET)->links('paginate') }}

                                  </div>

                                  @else
  
                                      <div class="notify">
                                          <svg>
                                              <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
                                          </svg>
                                          <span>Вы ещё не разместили ни одной вакансии</span>
                                      </div>
                                  @endif

                              </div>

                      </div>
                  </div>
              </div>
          </div>
      </section>
      </div>
  @endsection