@extends('layout.admin', ['title' => 'Админка - Работодатели'])
  
  @section('script')
      <script>
          $(document).ready(function() {
              $(document).on('click', '.checkban', function () {
                  var this_ = $(this);
                  var value = this_.val();
                  var ajax_block = $('#ajax_block');
                  var bool = 0;
  
                  if(this.checked){
                      bool = 1;
                  } else {
                      bool = 0;
                  }
  
                  $.ajax({
                      type: "GET",
                      url: "{{ url()->full()}}",
                      data: "id=" + value + "&is_ban=" + bool,
                      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>

      <script>
          const btns = document.querySelectorAll('.btn_del');
          btns.forEach(btn => {
              btn.addEventListener('click', (e) => {
                  console.log('click button');

                  let id = e.target.id;

                  let form = document.getElementById("form_modal_del");

                  form.action = "<?=$_SERVER['APP_URL']?>admin/employers/delete/"+e.target.getAttribute('data-employer')+'/'+e.target.getAttribute('data-user');

                  //document.getElementById("title_modal").innerHTML = id;
                  console.log(e.target.getAttribute('data-employer'));
                  console.log(e.target.getAttribute('data-user'));
  
              });
          });
      </script>

  @endsection

  @section('search')

      @include('admin.find_employer', ['select_category' => $select_category])

  @endsection

  @section('modal')
      @include('admin.employer.modal')
  @endsection

  @section('content')

      <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">
  
          <div class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800">
              <div class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500">
                  <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                      <path
                          d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"></path>
                  </svg>
              </div>
              <div>
                  <p class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">
                      Всего работодателей
                  </p>
                  <p class="text-lg font-semibold text-gray-700 dark:text-gray-200">
                      {{ $all_employer }}
                  </p>
              </div>
          </div>

  
          <div class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800">
              <div class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500">
                  <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                      <path
                          d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"></path>
                  </svg>
              </div>
              <div>
                  <p class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">
                      Опубликованых
                  </p>
                  <p class="text-lg font-semibold text-gray-700 dark:text-gray-200">
                      {{ $all_public }}
                  </p>
              </div>
          </div>
  
          <div class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800">
              <div class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500">
                  <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                      <path
                          d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"></path>
                  </svg>
              </div>
              <div>
                  <p class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">
                      На рассмотрении
                  </p>
                  <p class="text-lg font-semibold text-gray-700 dark:text-gray-200">
                      {{ $all_status }}
                  </p>
              </div>
          </div>

      </div>

      <div class="text-gray-700 dark:text-gray-400">
          <p class="px-4 py-3">Количество: {{ $all_current }}</p>
      </div>

      <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">ID</th>

                      <th class="px-4 py-3">Лого</th>

                      <th class="px-4 py-3">Компания/Email/Тел/Пароль</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">Редакт.</th>

                  </tr>
                  </thead>
                  <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800">
                  @foreach($users as $user)
                      <tr class="text-gray-700 dark:text-gray-400">

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

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

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

                            @if (isset($user->code_id))
                              {{$user->code_id}}
                            @endif
                          </td>

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

                              @if (isset($user->emp_logo) && ($user->emp_logo))

                                  <div class="flex items-center text-sm">
                                      <div
                                          class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
                                      >
                                              <img
                                                  class="object-cover w-full h-full rounded-full"
                                                  src="{{ asset(Storage::url($user->emp_logo)) }}"
                                                  alt=""
                                                  loading="lazy"
                                              />
                                          <div
                                              class="absolute inset-0 rounded-full shadow-inner"
                                              aria-hidden="true"
                                          ></div>
                                      </div>
                                  </div>

                              @else
                                -
                              @endif
                          </td>

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

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

                              <div>

                                  @if (isset($user->name_company))
                                      <p class="font-semibold">{{$user->name_company}}</p>
                                  @endif

                                  <p class="font-semibold">{{$user->name}}</p>

  {{--                                <p class="font-semibold">{{ empty($user->employers->email) ? $user->email : $user->employers->email }}</p>--}}
                                  <p class="font-semibold">{{ $user->email }}</p>

                                  <p class="text-xs text-gray-600 dark:text-gray-400">
                                      {{ empty($user->employers->telephone) ? $user->telephone : $user->employers->telephone }}
                                  </p>

                                  <p class="text-xs text-gray-600 dark:text-gray-400">
                                     @if (!empty($user->pubpassword))
                                        {{ base64_decode($user->pubpassword) }}
                                     @endif
                                  </p>

                              </div>
                          </div>
  
                          </td>

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

                              {{ $user->category }}
                          </td>

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

                              @if (!empty($user->comment_admin))

                                  <a style="text-decoration: underline;" href="{{ route('admin.comment-employer', ['employer' => $user->emp_id]) }}">Есть</a>

                              @else
                                  Нет
                              @endif

                          </td>

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

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

                          </td>

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

                              @if (!empty($user->emp_id))

                                      <a href="{{ route('admin.employer-profile', ['employer' => $user->emp_id]) }}">Изменить</a>
                                      @if ($user->emp_id > 2) | <a @click="openModal" style="cursor: pointer;" data-employer="{{$user->emp_id}}" data-user="{{$user->user_id}}" class="btn_del btn btn-danger">Удалить</a>
                                      @endif

                              @endif

                          </td>

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

                              @if ($user->usr_id > 1)
                              <input type="checkbox" class="checkban" value="{{$user->usr_id}}" name="ban_{{$user->usr_id}}" {{ ($user->is_ban) ? "checked" : "" }}/>

                              @endif

                          </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">
              <?=$users->appends($_GET)->links('admin.pagginate'); ?>
          </div>
      </div>
  @endsection