form.blade.php 5.22 KB
@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>