@extends('layout.admin', ['title' => 'Админка - Реклама сайта'])
  
  @section('script')

      <script>
          $(document).ready(function() {
              $(document).on('click', '.btn-eye', function () {
                  var this_ = $(this);
                  var status_ = this_.attr('data-status');
                  var id_ = this_.attr('data-id');
                  var ajax_block = $('#ajax_block');

                  $.ajax({
                      type: "GET",
                      url: "{{ url()->full()}}",
                      data: "id=" + id_ + "&status=" + status_,
                      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 = "{{ env('APP_URL') }}admin/reclames/delete/"+e.target.getAttribute('data-reclame');
                  document.getElementById("title_modal").innerHTML = id;

                  console.log(e.target.getAttribute('data-employer'));
                  console.log(e.target.getAttribute('data-user'));
  
              });
          });
      </script>
  @endsection
  
  @section('modal')
  @include('admin.reclames.modal')

  @endsection
  
  @section('search')

  @endsection
  
  @section('content')

      <a href="{{ route('admin.add-reclames') }}" style="width: 160px" 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">

          Добавить рекламу
      </a>
      <br>

      <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">Имя в админке/Заголовок</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($reclames as $reclame)
                      <tr class="text-gray-700 dark:text-gray-400">
                          <td class="px-4 py-3">
                              {{$reclame->id}}
                          </td>
                          <td class="px-4 py-3">

                              <div class="flex items-center text-sm">
                                  <div>
                                      <p class="font-semibold">
                                          {{$reclame->name}}
                                      </p>
                                      <p class="text-xs text-gray-600 dark:text-gray-400">
                                          {{$reclame->title}}
                                      </p>
                                      <p class="text-xs text-gray-600 dark:text-gray-400">
                                          {{$reclame->link}}
                                      </p>
                                  </div>
                              </div>

                          </td>
                          <td class="px-4 py-3">
                              {{$reclame->position}}
                          </td>

                          <td class="px-4 py-3">
                              {{$reclame->col_vo_click}}
                          </td>
                          <td class="px-4 py-3 text-sm_">

                              <form action="{{ route('admin.delete-reclames', ['reclame' => $reclame->id]) }}" method="POST">

                                  <a href="{{ route('admin.edit-reclames', ['reclame' => $reclame->id]) }}" style="float:left">Изменить |</a>

                                  @csrf
                                  @method('DELETE')

                                  @if ($reclame->is_hidden)
                                      <img class="btn-eye" name="btn_close_{{$reclame->id}}" data-status="close" data-id="{{$reclame->id}}" src="{{asset('/assets/img/close-eye.png')}}" style="width:25px; float:left; margin: 0px 5px 0px 5px; cursor: pointer;" />

                                  @else
                                      <img class="btn-eye" name="btn_open_{{$reclame->id}}" data-status="open" data-id="{{$reclame->id}}" src="{{asset('/assets/img/open-eye.png')}}" style="width:25px; float: left; margin: 0px 5px 0px 5px; cursor: pointer;"/>

                                  @endif

                                  <a @click="openModal" style="cursor: pointer;" data-reclame="{{$reclame->id}}" class="btn_del btn btn-danger">| Удалить</a>
                                  <!--<input class="btn btn-danger" type="submit" style="float:left" 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">
              <?=$reclames->appends($_GET)->links('admin.pagginate'); ?>
          </div>
      </div>
  @endsection