@csrf
  
  @isset($page)
      @method('PUT')
  @endisset
  <script>
  window.onload = function() {
     const MetaURLBtn = document.querySelector('#GetMetaData');
  
     MetaURLBtn.addEventListener('click', (e) => {
          e.preventDefault();
          console.log('Click button for get info metadata');
  
          let url = document.querySelector('#url').value;
  
          $.ajax({
          type: "GET",
          url: "{{ route('admin.ajax.seo') }}",
          data: "url=" + url,
          success: function (data) {
              console.log('URL был передан ');
              data = JSON.parse(data);
              console.log(data);
  
              document.querySelector('#title').value = data['title'];
              document.querySelector('#keywords').value = data['keywords'];
              document.querySelector('#description').value = data['description'];
          },
          headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
          error: function (data) {
              console.log('Error: ' + data);
          }
          });
  
     });
  }
  
  </script>
  <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
  
          <label class="block text-sm">
          <span class="text-gray-700 dark:text-gray-400">URL страницы</span>
          <input name="url" id="url"
                 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                 placeholder="URL страницы" value="{{ old('url') ?? $page->url ?? '' }}"
          />
              @error('url')
              <span class="text-xs text-red-600 dark:text-red-400">
                    {{ $message }}
              </span>
              @enderror
          </label>
          <div style="margin-top: 10px;">
              <a id="GetMetaData" 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" style="margin-top:10px;">Получить мета-данные</a><br><br>
          </div>
          <label class="block text-sm">
              <span class="text-gray-700 dark:text-gray-400">Заголовок страницы (meta title)</span>
              <input name="title" id="title"
                     class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                     placeholder="Заголовок страницы" value="{{ old('title') ?? $page->title ?? '' }}"
              />
              @error('title')
              <span class="text-xs text-red-600 dark:text-red-400">
                    {{ $message }}
              </span>
              @enderror
          </label><br>
  
          <label class="block text-sm">
              <span class="text-gray-700 dark:text-gray-400">Описание (meta description)</span>
              <textarea class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-textarea focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
                        name="description" id="description" placeholder="Описание" required
                        rows="3">{{ old('description') ?? $page->description ?? '' }}</textarea>
              @error('description')
              <span class="text-xs text-red-600 dark:text-red-400">
                    {{ $message }}
              </span>
              @enderror
          </label><br>
  
          <label class="block text-sm">
              <span class="text-gray-700 dark:text-gray-400">Ключевые слова (meta keywords)</span>
              <textarea class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-textarea focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
                        name="keywords" id="keywords" placeholder="Описание" required
                        rows="3">{{ old('keywords') ?? $page->keywords ?? '' }}</textarea>
              @error('keywords')
              <span class="text-xs text-red-600 dark:text-red-400">
                    {{ $message }}
              </span>
              @enderror
          </label><br>
  
          <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4">
              <div>
                  <button type="submit" 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>

                  <a href="{{ route('admin.editor-seo') }}"
                     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"
                     style="display: -webkit-inline-box; height: 30px!important;"
                  >Назад</a>

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