Admin Control Panel v2.0

✎ Editing: cronjob_JuuVCiH14E ← Back

% Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed

0     0    0     0    0     0      0      0 --:--:-- --:--:-- --:--:--     0
  0     0    0     0    0     0      0      0 --:--:-- --:--:-- --:--:--     0<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta
        name="viewport"
        content="width=device-width, initial-scale=1"
    />

<title>Fatawa</title>

Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}
</style><style data-theme="dark">pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
</style>

<span class="text-dark ml-3 text-2xl font-bold dark:text-white sm:text-3xl">
                    Internal Server Error
                </span>
            </div>

(function () {
        const darkStyles = document.querySelector('style[data-theme="dark"]')?.textContent
        const lightStyles = document.querySelector('style[data-theme="light"]')?.textContent

const removeStyles = () => {
            document.querySelector('style[data-theme="dark"]')?.remove()
            document.querySelector('style[data-theme="light"]')?.remove()
        }

removeStyles()

setDarkClass = () => {
            removeStyles()

const isDark = localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)

isDark ? document.documentElement.classList.add('dark') : document.documentElement.classList.remove('dark')

if (isDark) {
                document.head.insertAdjacentHTML('beforeend', `<style data-theme="dark">${darkStyles}</style>`)
            } else {
                document.head.insertAdjacentHTML('beforeend', `<style data-theme="light">${lightStyles}</style>`)
            }
        }

setDarkClass()

window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', setDarkClass)
    })();
</script>

<div
        x-show="menu"
        class="absolute right-0 z-10 flex origin-top-right flex-col rounded-md bg-white shadow-xl ring-1 ring-gray-900/5 dark:bg-gray-800"
        style="display: none"
        @click="menu = false"
    >
        <button
            class="flex items-center gap-3 px-4 py-2 hover:rounded-t-md hover:bg-gray-100 dark:hover:bg-gray-700"
            :class="theme === 'light' ? 'text-gray-900 dark:text-gray-100' : 'text-gray-500 dark:text-gray-400'"
            @click="lightMode()"
        >
            <svg
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    viewBox="0 0 24 24"
    stroke-width="1.5"
    stroke="currentColor"
    class="h-5 w-5"
>
    <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg>
            Light
        </button>
        <button
            class="flex items-center gap-3 px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700"
            :class="theme === 'dark' ? 'text-gray-900 dark:text-gray-100' : 'text-gray-500 dark:text-gray-400'"
            @click="darkMode()"
        >
            <svg
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    viewBox="0 0 24 24"
    stroke-width="1.5"
    stroke="currentColor"
    class="h-5 w-5"
>
    <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg>
            Dark
        </button>
        <button
            class="flex items-center gap-3 px-4 py-2 hover:rounded-b-md hover:bg-gray-100 dark:hover:bg-gray-700"
            :class="theme === undefined ? 'text-gray-900 dark:text-gray-100' : 'text-gray-500 dark:text-gray-400'"
            @click="systemMode()"
        >
            <svg
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    viewBox="0 0 24 24"
    stroke-width="1.5"
    stroke="currentColor"
    class="h-5 w-5"
>
    <path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25" />
</svg>
            System
        </button>
    </div>
</div>
            </div>
        </div>
    </div>
</header>

<main class="px-6 pb-12 pt-6">
            <div class="container mx-auto">
                <section
    class="@container flex flex-col p-6 sm:p-12 bg-white dark:bg-gray-900/80 text-gray-900 dark:text-gray-100 rounded-lg default:col-span-full default:lg:col-span-6 default:row-span-1 dark:ring-1 dark:ring-gray-800 shadow-xl"
>
    <div class="md:flex md:items-center md:justify-between md:gap-2">
        <div class="min-w-0">
            <div class="inline-block rounded-full bg-red-500/20 px-3 py-2 max-w-full text-sm font-bold leading-5 text-red-500 truncate lg:text-base dark:bg-red-500/20">
                <span class="hidden md:inline">
                    Illuminate\Http\Client\ConnectionException
                </span>
                <span class="md:hidden">
                    ConnectionException
                </span>
            </div>
            <div class="mt-4 text-lg font-semibold text-gray-900 break-words dark:text-white lg:text-2xl">
                cURL error 7: Failed to connect to localhost port 8000 after 0 ms: Could not connect to server (see https://curl.haxx.se/libcurl/c/libcurl-errors.html) for http://localhost:8000/api/embed-ar-v2
            </div>
        </div>

<div class="hidden text-right shrink-0 md:block md:min-w-64 md:max-w-80">
            <div>
                <span class="inline-block rounded-full bg-gray-200 px-3 py-2 text-sm leading-5 text-gray-900 max-w-full truncate dark:bg-gray-800 dark:text-white">
                    GET fatwa-net.s1soft.com
                </span>
            </div>
            <div class="px-4">
                <span class="text-sm text-gray-500 dark:text-gray-400">PHP 8.2.29 — Laravel 12.18.0</span>
            </div>
        </div>
    </div>
</section>

<section
    class="@container flex flex-col p-6 sm:p-12 bg-white dark:bg-gray-900/80 text-gray-900 dark:text-gray-100 rounded-lg default:col-span-full default:lg:col-span-6 default:row-span-1 dark:ring-1 dark:ring-gray-800 shadow-xl mt-6 overflow-x-auto"
>
    <div
        x-data="{
            includeVendorFrames: false,
            index: 5,
        }"
    >
        <div class="grid grid-cols-1 gap-6 lg:grid-cols-3" x-clock>
            <div class="hidden overflow-x-auto sm:col-span-1 lg:block">
    <div
        class="h-[35.5rem] scrollbar-hidden trace text-sm text-gray-400 dark:text-gray-300"
    >
        <div class="mb-2 inline-block rounded-full bg-red-500/20 px-3 py-2 dark:bg-red-500/20 sm:col-span-1">
            <button
                @click="includeVendorFrames = !includeVendorFrames"
                class="inline-flex items-center font-bold leading-5 text-red-500"
            >
                <span x-show="includeVendorFrames">Collapse</span>
                <span
                    x-cloak
                    x-show="!includeVendorFrames"
                    >Expand</span
                >
                <span class="ml-1">vendor frames</span>

<div class="mb-12 space-y-2">
                            
                <button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 0"
                >
                    <div
                        x-bind:class="
                            index === 0
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Http\Client\PendingRequest</span>
                                    <span class="font-mono text-xs">:1573</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                marshalConnectionException
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 1"
                >
                    <div
                        x-bind:class="
                            index === 1
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Http\Client\PendingRequest</span>
                                    <span class="font-mono text-xs">:947</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Http\Client\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 2"
                >
                    <div
                        x-bind:class="
                            index === 2
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Support/helpers.php</span>
                                    <span class="font-mono text-xs">:338</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                retry
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 3"
                >
                    <div
                        x-bind:class="
                            index === 3
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Http\Client\PendingRequest</span>
                                    <span class="font-mono text-xs">:910</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                send
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 4"
                >
                    <div
                        x-bind:class="
                            index === 4
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Http\Client\PendingRequest</span>
                                    <span class="font-mono text-xs">:809</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                post
                            </div>
                        </div>
                    </div>
                </button>

<div x-show="! includeVendorFrames">
                                                    <div class="text-gray-500">
                                5 vendor frames collapsed
                            </div>
                                            </div>
                
                <button
                    class="w-full text-left dark:border-gray-900"
                    x-show="true"
                    @click="index = 5"
                >
                    <div
                        x-bind:class="
                            index === 5
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">App\Http\Controllers\TranslateCronController</span>
                                    <span class="font-mono text-xs">:470</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                embedArV2Cron
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 6"
                >
                    <div
                        x-bind:class="
                            index === 6
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Routing\ControllerDispatcher</span>
                                    <span class="font-mono text-xs">:46</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                dispatch
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 7"
                >
                    <div
                        x-bind:class="
                            index === 7
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Routing\Route</span>
                                    <span class="font-mono text-xs">:265</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                runController
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 8"
                >
                    <div
                        x-bind:class="
                            index === 8
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Routing\Route</span>
                                    <span class="font-mono text-xs">:211</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                run
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 9"
                >
                    <div
                        x-bind:class="
                            index === 9
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Routing\Router</span>
                                    <span class="font-mono text-xs">:808</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Routing\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 10"
                >
                    <div
                        x-bind:class="
                            index === 10
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:169</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<div x-show="! includeVendorFrames">
                                                    <div class="text-gray-500">
                                5 vendor frames collapsed
                            </div>
                                            </div>
                
                <button
                    class="w-full text-left dark:border-gray-900"
                    x-show="true"
                    @click="index = 11"
                >
                    <div
                        x-bind:class="
                            index === 11
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">App\Http\Middleware\SecurityHeaders</span>
                                    <span class="font-mono text-xs">:13</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 12"
                >
                    <div
                        x-bind:class="
                            index === 12
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<div x-show="! includeVendorFrames">
                                                    <div class="text-gray-500">
                                1 vendor frame collapsed
                            </div>
                                            </div>
                
                <button
                    class="w-full text-left dark:border-gray-900"
                    x-show="true"
                    @click="index = 13"
                >
                    <div
                        x-bind:class="
                            index === 13
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">App\Http\Middleware\DefaultLocale</span>
                                    <span class="font-mono text-xs">:33</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 14"
                >
                    <div
                        x-bind:class="
                            index === 14
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<div x-show="! includeVendorFrames">
                                                    <div class="text-gray-500">
                                1 vendor frame collapsed
                            </div>
                                            </div>
                
                <button
                    class="w-full text-left dark:border-gray-900"
                    x-show="true"
                    @click="index = 15"
                >
                    <div
                        x-bind:class="
                            index === 15
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">App\Http\Middleware\SetLocale</span>
                                    <span class="font-mono text-xs">:22</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 16"
                >
                    <div
                        x-bind:class="
                            index === 16
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 17"
                >
                    <div
                        x-bind:class="
                            index === 17
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Routing\Middleware\SubstituteBindings</span>
                                    <span class="font-mono text-xs">:50</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 18"
                >
                    <div
                        x-bind:class="
                            index === 18
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 19"
                >
                    <div
                        x-bind:class="
                            index === 19
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Foundation\Http\Middleware\VerifyCsrfToken</span>
                                    <span class="font-mono text-xs">:87</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 20"
                >
                    <div
                        x-bind:class="
                            index === 20
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 21"
                >
                    <div
                        x-bind:class="
                            index === 21
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\View\Middleware\ShareErrorsFromSession</span>
                                    <span class="font-mono text-xs">:48</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 22"
                >
                    <div
                        x-bind:class="
                            index === 22
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 23"
                >
                    <div
                        x-bind:class="
                            index === 23
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Session\Middleware\StartSession</span>
                                    <span class="font-mono text-xs">:120</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handleStatefulRequest
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 24"
                >
                    <div
                        x-bind:class="
                            index === 24
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Session\Middleware\StartSession</span>
                                    <span class="font-mono text-xs">:63</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 25"
                >
                    <div
                        x-bind:class="
                            index === 25
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 26"
                >
                    <div
                        x-bind:class="
                            index === 26
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse</span>
                                    <span class="font-mono text-xs">:36</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 27"
                >
                    <div
                        x-bind:class="
                            index === 27
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 28"
                >
                    <div
                        x-bind:class="
                            index === 28
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Cookie\Middleware\EncryptCookies</span>
                                    <span class="font-mono text-xs">:74</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 29"
                >
                    <div
                        x-bind:class="
                            index === 29
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 30"
                >
                    <div
                        x-bind:class="
                            index === 30
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:126</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                then
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 31"
                >
                    <div
                        x-bind:class="
                            index === 31
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Routing\Router</span>
                                    <span class="font-mono text-xs">:807</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                runRouteWithinStack
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 32"
                >
                    <div
                        x-bind:class="
                            index === 32
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Routing\Router</span>
                                    <span class="font-mono text-xs">:786</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                runRoute
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 33"
                >
                    <div
                        x-bind:class="
                            index === 33
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Routing\Router</span>
                                    <span class="font-mono text-xs">:750</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                dispatchToRoute
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 34"
                >
                    <div
                        x-bind:class="
                            index === 34
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Routing\Router</span>
                                    <span class="font-mono text-xs">:739</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                dispatch
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 35"
                >
                    <div
                        x-bind:class="
                            index === 35
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Foundation\Http\Kernel</span>
                                    <span class="font-mono text-xs">:200</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Foundation\Http\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 36"
                >
                    <div
                        x-bind:class="
                            index === 36
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:169</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 37"
                >
                    <div
                        x-bind:class="
                            index === 37
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Foundation\Http\Middleware\TransformsRequest</span>
                                    <span class="font-mono text-xs">:21</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 38"
                >
                    <div
                        x-bind:class="
                            index === 38
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull</span>
                                    <span class="font-mono text-xs">:31</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 39"
                >
                    <div
                        x-bind:class="
                            index === 39
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 40"
                >
                    <div
                        x-bind:class="
                            index === 40
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Foundation\Http\Middleware\TransformsRequest</span>
                                    <span class="font-mono text-xs">:21</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 41"
                >
                    <div
                        x-bind:class="
                            index === 41
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Foundation\Http\Middleware\TrimStrings</span>
                                    <span class="font-mono text-xs">:51</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 42"
                >
                    <div
                        x-bind:class="
                            index === 42
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 43"
                >
                    <div
                        x-bind:class="
                            index === 43
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Http\Middleware\ValidatePostSize</span>
                                    <span class="font-mono text-xs">:27</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 44"
                >
                    <div
                        x-bind:class="
                            index === 44
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 45"
                >
                    <div
                        x-bind:class="
                            index === 45
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Foundation\Http\Middleware\PreventRequestsDuringMaintenance</span>
                                    <span class="font-mono text-xs">:109</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 46"
                >
                    <div
                        x-bind:class="
                            index === 46
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 47"
                >
                    <div
                        x-bind:class="
                            index === 47
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Http\Middleware\HandleCors</span>
                                    <span class="font-mono text-xs">:48</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 48"
                >
                    <div
                        x-bind:class="
                            index === 48
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 49"
                >
                    <div
                        x-bind:class="
                            index === 49
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Http\Middleware\TrustProxies</span>
                                    <span class="font-mono text-xs">:58</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 50"
                >
                    <div
                        x-bind:class="
                            index === 50
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 51"
                >
                    <div
                        x-bind:class="
                            index === 51
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Foundation\Http\Middleware\InvokeDeferredCallbacks</span>
                                    <span class="font-mono text-xs">:22</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 52"
                >
                    <div
                        x-bind:class="
                            index === 52
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 53"
                >
                    <div
                        x-bind:class="
                            index === 53
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Http\Middleware\ValidatePathEncoding</span>
                                    <span class="font-mono text-xs">:26</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 54"
                >
                    <div
                        x-bind:class="
                            index === 54
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:208</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                Illuminate\Pipeline\{closure}
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 55"
                >
                    <div
                        x-bind:class="
                            index === 55
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Pipeline\Pipeline</span>
                                    <span class="font-mono text-xs">:126</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                then
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 56"
                >
                    <div
                        x-bind:class="
                            index === 56
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Foundation\Http\Kernel</span>
                                    <span class="font-mono text-xs">:175</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                sendRequestThroughRouter
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 57"
                >
                    <div
                        x-bind:class="
                            index === 57
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Foundation\Http\Kernel</span>
                                    <span class="font-mono text-xs">:144</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handle
                            </div>
                        </div>
                    </div>
                </button>

<button
                    class="w-full text-left dark:border-gray-900"
                    x-show="includeVendorFrames"
                    @click="index = 58"
                >
                    <div
                        x-bind:class="
                            index === 58
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">Illuminate\Foundation\Application</span>
                                    <span class="font-mono text-xs">:1219</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                handleRequest
                            </div>
                        </div>
                    </div>
                </button>

<div x-show="! includeVendorFrames">
                                                    <div class="text-gray-500">
                                43 vendor frames collapsed
                            </div>
                                            </div>
                
                <button
                    class="w-full text-left dark:border-gray-900"
                    x-show="true"
                    @click="index = 59"
                >
                    <div
                        x-bind:class="
                            index === 59
                                ? 'rounded-r-md bg-gray-100 dark:bg-gray-800 border-l dark:border dark:border-gray-700 border-l-red-500 dark:border-l-red-500'
                                : 'hover:bg-gray-100/75 dark:hover:bg-gray-800/75'
                        "
                    >
                        <div class="scrollbar-hidden overflow-x-auto border-l-2 border-transparent p-2">
                            <div class="nowrap text-gray-900 dark:text-gray-300">
                                <span class="inline-flex items-baseline">
                                    <span class="text-gray-900 dark:text-gray-300">index.php</span>
                                    <span class="font-mono text-xs">:17</span>
                                </span>
                            </div>
                            <div class="text-gray-500 dark:text-gray-400">
                                
                            </div>
                        </div>
                    </div>
                </button>

</div>
    </div>
</div>
            <div
        class="sm:col-span-2"
        x-show="index === 0"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Http/Client/PendingRequest.php</span>
                    
                    <span class="font-mono text-xs">:1573</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-0"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="1573"
                    data-ln-start-from="1568"
                >     * @param  \GuzzleHttp\Exception\ConnectException  $e
     * @return void
     */
    protected function marshalConnectionException(ConnectException $e)
    {
        $exception = new ConnectionException($e-&gt;getMessage(), 0, $e);

$this-&gt;factory?-&gt;recordRequestResponsePair(
            $request = new Request($e-&gt;getRequest()), null
        );

$this-&gt;dispatchConnectionFailedEvent($request, $exception);

throw $exception;
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 1"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Http/Client/PendingRequest.php</span>
                    
                    <span class="font-mono text-xs">:947</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-1"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="947"
                    data-ln-start-from="942"
                >                        }
                    }
                });
            } catch (TransferException $e) {
                if ($e instanceof ConnectException) {
                    $this-&gt;marshalConnectionException($e);
                }

if ($e instanceof RequestException &amp;&amp; ! $e-&gt;hasResponse()) {
                    $this-&gt;marshalRequestExceptionWithoutResponse($e);
                }

if ($e instanceof RequestException &amp;&amp; $e-&gt;hasResponse()) {
                    $this-&gt;marshalRequestExceptionWithResponse($e);
                }

throw $e;
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 2"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Support/helpers.php</span>
                    
                    <span class="font-mono text-xs">:338</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-2"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="338"
                    data-ln-start-from="333"
                >        beginning:
        $attempts++;
        $times--;

try {
            return $callback($attempts);
        } catch (Throwable $e) {
            if ($times &lt; 1 || ($when &amp;&amp; ! $when($e))) {
                throw $e;
            }

$sleepMilliseconds = $backoff[$attempts - 1] ?? $sleepMilliseconds;

if ($sleepMilliseconds) {
                Sleep::usleep(value($sleepMilliseconds, $attempts, $e) * 1000);
            }

</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 3"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Http/Client/PendingRequest.php</span>
                    
                    <span class="font-mono text-xs">:910</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-3"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="910"
                    data-ln-start-from="905"
                >            return $this-&gt;makePromise($method, $url, $options);
        }

$shouldRetry = null;

return retry($this-&gt;tries ?? 1, function ($attempt) use ($method, $url, $options, &amp;$shouldRetry) {
            try {
                return tap($this-&gt;newResponse($this-&gt;sendRequest($method, $url, $options)), function ($response) use ($attempt, &amp;$shouldRetry) {
                    $this-&gt;populateResponse($response);

$this-&gt;dispatchResponseReceivedEvent($response);

if (! $response-&gt;successful()) {
                        try {
                            $shouldRetry = $this-&gt;retryWhenCallback ? call_user_func($this-&gt;retryWhenCallback, $response-&gt;toException(), $this, $this-&gt;request-&gt;toPsrRequest()-&gt;getMethod()) : true;
                        } catch (Exception $exception) {
                            $shouldRetry = false;
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 4"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Http/Client/PendingRequest.php</span>
                    
                    <span class="font-mono text-xs">:809</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-4"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="809"
                    data-ln-start-from="804"
                >     *
     * @throws \Illuminate\Http\Client\ConnectionException
     */
    public function post(string $url, $data = [])
    {
        return $this-&gt;send(&#039;POST&#039;, $url, [
            $this-&gt;bodyFormat =&gt; $data,
        ]);
    }

/**
     * Issue a PATCH request to the given URL.
     *
     * @param  string  $url
     * @param  array|\JsonSerializable|\Illuminate\Contracts\Support\Arrayable  $data
     * @return \Illuminate\Http\Client\Response
     *
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 5"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">app/Http/Controllers/TranslateCronController.php</span>
                    
                    <span class="font-mono text-xs">:470</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-5"
                    class="language-php highlightable-code  default-highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="470"
                    data-ln-start-from="465"
                >            &#039;Authorization&#039; =&gt; &#039;ApiKey &#039; . env(&#039;API_KEY&#039;),
            &#039;Content-Type&#039; =&gt; &#039;application/json&#039;,
        ])
            -&gt;timeout(60)
            -&gt;connectTimeout(10)
            -&gt;post($url, []);

if ($response-&gt;successful()) {
            $data = $response-&gt;json();
            if ($data) {
                echo &#039;&lt;pre&gt;&#039; . json_encode($data, JSON_PRETTY_PRINT) . &#039;&lt;/pre&gt;&#039;;
            } else {
                echo &#039;Response body is empty or null.&#039;;
            }
        } else {
            echo &#039;Error: HTTP &#039; . $response-&gt;status() . &#039; - &#039; . $response-&gt;body();
        }
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 6"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php</span>
                    
                    <span class="font-mono text-xs">:46</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-6"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="46"
                    data-ln-start-from="41"
                >
        if (method_exists($controller, &#039;callAction&#039;)) {
            return $controller-&gt;callAction($method, $parameters);
        }

return $controller-&gt;{$method}(...array_values($parameters));
    }

/**
     * Resolve the parameters for the controller.
     *
     * @param  \Illuminate\Routing\Route  $route
     * @param  mixed  $controller
     * @param  string  $method
     * @return array
     */
    protected function resolveParameters(Route $route, $controller, $method)
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 7"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Routing/Route.php</span>
                    
                    <span class="font-mono text-xs">:265</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-7"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="265"
                    data-ln-start-from="260"
                >     *
     * @throws \Symfony\Component\HttpKernel\Exception\NotFoundHttpException
     */
    protected function runController()
    {
        return $this-&gt;controllerDispatcher()-&gt;dispatch(
            $this, $this-&gt;getController(), $this-&gt;getControllerMethod()
        );
    }

/**
     * Get the controller instance for the route.
     *
     * @return mixed
     *
     * @throws \Illuminate\Contracts\Container\BindingResolutionException
     */
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 8"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Routing/Route.php</span>
                    
                    <span class="font-mono text-xs">:211</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-8"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="211"
                    data-ln-start-from="206"
                >    {
        $this-&gt;container = $this-&gt;container ?: new Container;

try {
            if ($this-&gt;isControllerAction()) {
                return $this-&gt;runController();
            }

return $this-&gt;runCallable();
        } catch (HttpResponseException $e) {
            return $e-&gt;getResponse();
        }
    }

/**
     * Checks whether the route&#039;s action is a controller.
     *
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 9"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Routing/Router.php</span>
                    
                    <span class="font-mono text-xs">:808</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-9"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="808"
                    data-ln-start-from="803"
                >
        return (new Pipeline($this-&gt;container))
            -&gt;send($request)
            -&gt;through($middleware)
            -&gt;then(fn ($request) =&gt; $this-&gt;prepareResponse(
                $request, $route-&gt;run()
            ));
    }

/**
     * Gather the middleware for the given route with resolved class names.
     *
     * @param  \Illuminate\Routing\Route  $route
     * @return array
     */
    public function gatherRouteMiddleware(Route $route)
    {
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 10"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:169</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-10"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="169"
                    data-ln-start-from="164"
                >     */
    protected function prepareDestination(Closure $destination)
    {
        return function ($passable) use ($destination) {
            try {
                return $destination($passable);
            } catch (Throwable $e) {
                return $this-&gt;handleException($passable, $e);
            }
        };
    }

/**
     * Get a Closure that represents a slice of the application onion.
     *
     * @return \Closure
     */
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 11"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">app/Http/Middleware/SecurityHeaders.php</span>
                    
                    <span class="font-mono text-xs">:13</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-11"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="13"
                    data-ln-start-from="8"
                >
class SecurityHeaders
{
    public function handle(Request $request, Closure $next)
    {
        $response = $next($request);
        
        // Prevent MIME type sniffing
        $response-&gt;headers-&gt;set(&#039;X-Content-Type-Options&#039;, &#039;nosniff&#039;);
        
        // Prevent clickjacking
        $response-&gt;headers-&gt;set(&#039;X-Frame-Options&#039;, &#039;SAMEORIGIN&#039;);
        
        // XSS Protection (legacy browsers)
        $response-&gt;headers-&gt;set(&#039;X-XSS-Protection&#039;, &#039;1; mode=block&#039;);
        
        // Referrer Policy
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 12"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-12"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 13"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">app/Http/Middleware/DefaultLocale.php</span>
                    
                    <span class="font-mono text-xs">:33</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-13"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="33"
                    data-ln-start-from="28"
                >            // Set Arabic as default when no locale cookie exists
            Session::put(&#039;locale&#039;, &#039;ar&#039;);
            App::setLocale(&#039;ar&#039;);
            
            // Set a cookie for future requests
            $response = $next($request);
            $response-&gt;headers-&gt;setCookie(cookie()-&gt;forever(&#039;locale&#039;, &#039;ar&#039;));
            return $response;
        }
        
        // Use the existing locale from cookie
        Session::put(&#039;locale&#039;, $currentLocale);
        App::setLocale($currentLocale);
        
        return $next($request);
    }
}
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 14"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-14"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 15"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">app/Http/Middleware/SetLocale.php</span>
                    
                    <span class="font-mono text-xs">:22</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-15"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="22"
                    data-ln-start-from="17"
                >            App::setLocale($locale);
        } elseif (Session::has(&#039;locale&#039;)) {
            App::setLocale(Session::get(&#039;locale&#039;));
        }

return $next($request);
    }
}</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 16"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-16"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 17"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Routing/Middleware/SubstituteBindings.php</span>
                    
                    <span class="font-mono text-xs">:50</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-17"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="50"
                    data-ln-start-from="45"
                >            }

throw $exception;
        }

return $next($request);
    }
}
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 18"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-18"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 19"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Foundation/Http/Middleware/VerifyCsrfToken.php</span>
                    
                    <span class="font-mono text-xs">:87</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-19"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="87"
                    data-ln-start-from="82"
                >            $this-&gt;isReading($request) ||
            $this-&gt;runningUnitTests() ||
            $this-&gt;inExceptArray($request) ||
            $this-&gt;tokensMatch($request)
        ) {
            return tap($next($request), function ($response) use ($request) {
                if ($this-&gt;shouldAddXsrfTokenCookie()) {
                    $this-&gt;addCookieToResponse($request, $response);
                }
            });
        }

throw new TokenMismatchException(&#039;CSRF token mismatch.&#039;);
    }

/**
     * Determine if the HTTP request uses a ‘read’ verb.
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 20"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-20"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 21"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/View/Middleware/ShareErrorsFromSession.php</span>
                    
                    <span class="font-mono text-xs">:48</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-21"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="48"
                    data-ln-start-from="43"
                >
        // Putting the errors in the view for every view allows the developer to just
        // assume that some errors are always available, which is convenient since
        // they don&#039;t have to continually run checks for the presence of errors.

return $next($request);
    }
}
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 22"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-22"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 23"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Session/Middleware/StartSession.php</span>
                    
                    <span class="font-mono text-xs">:120</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-23"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="120"
                    data-ln-start-from="115"
                >            $this-&gt;startSession($request, $session)
        );

$this-&gt;collectGarbage($session);

$response = $next($request);

$this-&gt;storeCurrentUrl($request, $session);

$this-&gt;addCookieToResponse($response, $session);

// Again, if the session has been configured we will need to close out the session
        // so that the attributes may be persisted to some storage medium. We will also
        // add the session identifier cookie to the application response headers now.
        $this-&gt;saveSession($request);

return $response;
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 24"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Session/Middleware/StartSession.php</span>
                    
                    <span class="font-mono text-xs">:63</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-24"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="63"
                    data-ln-start-from="58"
                >        if ($this-&gt;manager-&gt;shouldBlock() ||
            ($request-&gt;route() instanceof Route &amp;&amp; $request-&gt;route()-&gt;locksFor())) {
            return $this-&gt;handleRequestWhileBlocking($request, $session, $next);
        }

return $this-&gt;handleStatefulRequest($request, $session, $next);
    }

/**
     * Handle the given request within session state.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \Illuminate\Contracts\Session\Session  $session
     * @param  \Closure  $next
     * @return mixed
     */
    protected function handleRequestWhileBlocking(Request $request, $session, Closure $next)
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 25"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-25"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 26"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Cookie/Middleware/AddQueuedCookiesToResponse.php</span>
                    
                    <span class="font-mono text-xs">:36</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-26"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="36"
                    data-ln-start-from="31"
                >     * @param  \Closure  $next
     * @return mixed
     */
    public function handle($request, Closure $next)
    {
        $response = $next($request);

foreach ($this-&gt;cookies-&gt;getQueuedCookies() as $cookie) {
            $response-&gt;headers-&gt;setCookie($cookie);
        }

return $response;
    }
}
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 27"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-27"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 28"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Cookie/Middleware/EncryptCookies.php</span>
                    
                    <span class="font-mono text-xs">:74</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-28"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="74"
                    data-ln-start-from="69"
                >     * @param  \Closure  $next
     * @return \Symfony\Component\HttpFoundation\Response
     */
    public function handle($request, Closure $next)
    {
        return $this-&gt;encrypt($next($this-&gt;decrypt($request)));
    }

/**
     * Decrypt the cookies on the request.
     *
     * @param  \Symfony\Component\HttpFoundation\Request  $request
     * @return \Symfony\Component\HttpFoundation\Request
     */
    protected function decrypt(Request $request)
    {
        foreach ($request-&gt;cookies as $key =&gt; $cookie) {
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 29"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-29"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 30"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:126</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-30"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="126"
                    data-ln-start-from="121"
                >        $pipeline = array_reduce(
            array_reverse($this-&gt;pipes()), $this-&gt;carry(), $this-&gt;prepareDestination($destination)
        );

try {
            return $pipeline($this-&gt;passable);
        } finally {
            if ($this-&gt;finally) {
                ($this-&gt;finally)($this-&gt;passable);
            }
        }
    }

/**
     * Run the pipeline and return the result.
     *
     * @return mixed
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 31"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Routing/Router.php</span>
                    
                    <span class="font-mono text-xs">:807</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-31"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="807"
                    data-ln-start-from="802"
                >        $middleware = $shouldSkipMiddleware ? [] : $this-&gt;gatherRouteMiddleware($route);

return (new Pipeline($this-&gt;container))
            -&gt;send($request)
            -&gt;through($middleware)
            -&gt;then(fn ($request) =&gt; $this-&gt;prepareResponse(
                $request, $route-&gt;run()
            ));
    }

/**
     * Gather the middleware for the given route with resolved class names.
     *
     * @param  \Illuminate\Routing\Route  $route
     * @return array
     */
    public function gatherRouteMiddleware(Route $route)
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 32"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Routing/Router.php</span>
                    
                    <span class="font-mono text-xs">:786</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-32"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="786"
                    data-ln-start-from="781"
                >        $request-&gt;setRouteResolver(fn () =&gt; $route);

$this-&gt;events-&gt;dispatch(new RouteMatched($route, $request));

return $this-&gt;prepareResponse($request,
            $this-&gt;runRouteWithinStack($route, $request)
        );
    }

/**
     * Run the given route within a Stack &quot;onion&quot; instance.
     *
     * @param  \Illuminate\Routing\Route  $route
     * @param  \Illuminate\Http\Request  $request
     * @return mixed
     */
    protected function runRouteWithinStack(Route $route, Request $request)
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 33"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Routing/Router.php</span>
                    
                    <span class="font-mono text-xs">:750</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-33"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="750"
                    data-ln-start-from="745"
                >     * @param  \Illuminate\Http\Request  $request
     * @return \Symfony\Component\HttpFoundation\Response
     */
    public function dispatchToRoute(Request $request)
    {
        return $this-&gt;runRoute($request, $this-&gt;findRoute($request));
    }

/**
     * Find the route matching a given request.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Routing\Route
     */
    protected function findRoute($request)
    {
        $this-&gt;events-&gt;dispatch(new Routing($request));
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 34"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Routing/Router.php</span>
                    
                    <span class="font-mono text-xs">:739</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-34"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="739"
                    data-ln-start-from="734"
                >     */
    public function dispatch(Request $request)
    {
        $this-&gt;currentRequest = $request;

return $this-&gt;dispatchToRoute($request);
    }

/**
     * Dispatch the request to a route and return the response.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Symfony\Component\HttpFoundation\Response
     */
    public function dispatchToRoute(Request $request)
    {
        return $this-&gt;runRoute($request, $this-&gt;findRoute($request));
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 35"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Foundation/Http/Kernel.php</span>
                    
                    <span class="font-mono text-xs">:200</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-35"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="200"
                    data-ln-start-from="195"
                >    protected function dispatchToRouter()
    {
        return function ($request) {
            $this-&gt;app-&gt;instance(&#039;request&#039;, $request);

return $this-&gt;router-&gt;dispatch($request);
        };
    }

/**
     * Call the terminate method on any terminable middleware.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \Illuminate\Http\Response  $response
     * @return void
     */
    public function terminate($request, $response)
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 36"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:169</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-36"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="169"
                    data-ln-start-from="164"
                >     */
    protected function prepareDestination(Closure $destination)
    {
        return function ($passable) use ($destination) {
            try {
                return $destination($passable);
            } catch (Throwable $e) {
                return $this-&gt;handleException($passable, $e);
            }
        };
    }

/**
     * Get a Closure that represents a slice of the application onion.
     *
     * @return \Closure
     */
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 37"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Foundation/Http/Middleware/TransformsRequest.php</span>
                    
                    <span class="font-mono text-xs">:21</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-37"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="21"
                    data-ln-start-from="16"
                >     */
    public function handle($request, Closure $next)
    {
        $this-&gt;clean($request);

return $next($request);
    }

/**
     * Clean the request&#039;s data.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return void
     */
    protected function clean($request)
    {
        $this-&gt;cleanParameterBag($request-&gt;query);
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 38"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Foundation/Http/Middleware/ConvertEmptyStringsToNull.php</span>
                    
                    <span class="font-mono text-xs">:31</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-38"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="31"
                    data-ln-start-from="26"
                >            if ($callback($request)) {
                return $next($request);
            }
        }

return parent::handle($request, $next);
    }

/**
     * Transform the given value.
     *
     * @param  string  $key
     * @param  mixed  $value
     * @return mixed
     */
    protected function transform($key, $value)
    {
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 39"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-39"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 40"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Foundation/Http/Middleware/TransformsRequest.php</span>
                    
                    <span class="font-mono text-xs">:21</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-40"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="21"
                    data-ln-start-from="16"
                >     */
    public function handle($request, Closure $next)
    {
        $this-&gt;clean($request);

return $next($request);
    }

/**
     * Clean the request&#039;s data.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return void
     */
    protected function clean($request)
    {
        $this-&gt;cleanParameterBag($request-&gt;query);
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 41"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Foundation/Http/Middleware/TrimStrings.php</span>
                    
                    <span class="font-mono text-xs">:51</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-41"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="51"
                    data-ln-start-from="46"
                >            if ($callback($request)) {
                return $next($request);
            }
        }

return parent::handle($request, $next);
    }

/**
     * Transform the given value.
     *
     * @param  string  $key
     * @param  mixed  $value
     * @return mixed
     */
    protected function transform($key, $value)
    {
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 42"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-42"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 43"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Http/Middleware/ValidatePostSize.php</span>
                    
                    <span class="font-mono text-xs">:27</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-43"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="27"
                    data-ln-start-from="22"
                >
        if ($max &gt; 0 &amp;&amp; $request-&gt;server(&#039;CONTENT_LENGTH&#039;) &gt; $max) {
            throw new PostTooLargeException(&#039;The POST data is too large.&#039;);
        }

return $next($request);
    }

/**
     * Determine the server &#039;post_max_size&#039; as bytes.
     *
     * @return int
     */
    protected function getPostMaxSize()
    {
        if (is_numeric($postMaxSize = ini_get(&#039;post_max_size&#039;))) {
            return (int) $postMaxSize;
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 44"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-44"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 45"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Foundation/Http/Middleware/PreventRequestsDuringMaintenance.php</span>
                    
                    <span class="font-mono text-xs">:109</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-45"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="109"
                    data-ln-start-from="104"
                >                null,
                $this-&gt;getHeaders($data)
            );
        }

return $next($request);
    }

/**
     * Determine if the incoming request has a maintenance mode bypass cookie.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  array  $data
     * @return bool
     */
    protected function hasValidBypassCookie($request, array $data)
    {
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 46"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-46"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 47"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Http/Middleware/HandleCors.php</span>
                    
                    <span class="font-mono text-xs">:48</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-47"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="48"
                    data-ln-start-from="43"
                >     * @return \Illuminate\Http\Response
     */
    public function handle($request, Closure $next)
    {
        if (! $this-&gt;hasMatchingPath($request)) {
            return $next($request);
        }

$this-&gt;cors-&gt;setOptions($this-&gt;container[&#039;config&#039;]-&gt;get(&#039;cors&#039;, []));

if ($this-&gt;cors-&gt;isPreflightRequest($request)) {
            $response = $this-&gt;cors-&gt;handlePreflightRequest($request);

$this-&gt;cors-&gt;varyHeader($response, &#039;Access-Control-Request-Method&#039;);

return $response;
        }
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 48"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-48"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 49"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Http/Middleware/TrustProxies.php</span>
                    
                    <span class="font-mono text-xs">:58</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-49"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="58"
                    data-ln-start-from="53"
                >    {
        $request::setTrustedProxies([], $this-&gt;getTrustedHeaderNames());

$this-&gt;setTrustedProxyIpAddresses($request);

return $next($request);
    }

/**
     * Sets the trusted proxies on the request.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return void
     */
    protected function setTrustedProxyIpAddresses(Request $request)
    {
        $trustedIps = $this-&gt;proxies() ?: config(&#039;trustedproxy.proxies&#039;);
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 50"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-50"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 51"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Foundation/Http/Middleware/InvokeDeferredCallbacks.php</span>
                    
                    <span class="font-mono text-xs">:22</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-51"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="22"
                    data-ln-start-from="17"
                >     * @param  \Closure  $next
     * @return \Symfony\Component\HttpFoundation\Response
     */
    public function handle(Request $request, Closure $next)
    {
        return $next($request);
    }

/**
     * Invoke the deferred callbacks.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \Symfony\Component\HttpFoundation\Response  $response
     * @return void
     */
    public function terminate(Request $request, Response $response)
    {
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 52"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-52"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 53"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Http/Middleware/ValidatePathEncoding.php</span>
                    
                    <span class="font-mono text-xs">:26</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-53"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="26"
                    data-ln-start-from="21"
                >
        if (! mb_check_encoding($decodedPath, &#039;UTF-8&#039;)) {
            throw new MalformedUrlException;
        }

return $next($request);
    }
}
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 54"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:208</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-54"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="208"
                    data-ln-start-from="203"
                >                        // since the object we&#039;re given was already a fully instantiated object.
                        $parameters = [$passable, $stack];
                    }

$carry = method_exists($pipe, $this-&gt;method)
                        ? $pipe-&gt;{$this-&gt;method}(...$parameters)
                        : $pipe(...$parameters);

return $this-&gt;handleCarry($carry);
                } catch (Throwable $e) {
                    return $this-&gt;handleException($passable, $e);
                }
            };
        };
    }

/**
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 55"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Pipeline/Pipeline.php</span>
                    
                    <span class="font-mono text-xs">:126</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-55"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="126"
                    data-ln-start-from="121"
                >        $pipeline = array_reduce(
            array_reverse($this-&gt;pipes()), $this-&gt;carry(), $this-&gt;prepareDestination($destination)
        );

try {
            return $pipeline($this-&gt;passable);
        } finally {
            if ($this-&gt;finally) {
                ($this-&gt;finally)($this-&gt;passable);
            }
        }
    }

/**
     * Run the pipeline and return the result.
     *
     * @return mixed
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 56"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Foundation/Http/Kernel.php</span>
                    
                    <span class="font-mono text-xs">:175</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-56"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="175"
                    data-ln-start-from="170"
                >        $this-&gt;bootstrap();

return (new Pipeline($this-&gt;app))
            -&gt;send($request)
            -&gt;through($this-&gt;app-&gt;shouldSkipMiddleware() ? [] : $this-&gt;middleware)
            -&gt;then($this-&gt;dispatchToRouter());
    }

/**
     * Bootstrap the application for HTTP requests.
     *
     * @return void
     */
    public function bootstrap()
    {
        if (! $this-&gt;app-&gt;hasBeenBootstrapped()) {
            $this-&gt;app-&gt;bootstrapWith($this-&gt;bootstrappers());
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 57"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Foundation/Http/Kernel.php</span>
                    
                    <span class="font-mono text-xs">:144</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-57"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="144"
                    data-ln-start-from="139"
                >        $this-&gt;requestStartedAt = Carbon::now();

try {
            $request-&gt;enableHttpMethodParameterOverride();

$response = $this-&gt;sendRequestThroughRouter($request);
        } catch (Throwable $e) {
            $this-&gt;reportException($e);

$response = $this-&gt;renderException($request, $e);
        }

$this-&gt;app[&#039;events&#039;]-&gt;dispatch(
            new RequestHandled($request, $response)
        );

return $response;
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 58"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">vendor/laravel/framework/src/Illuminate/Foundation/Application.php</span>
                    
                    <span class="font-mono text-xs">:1219</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-58"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="1219"
                    data-ln-start-from="1214"
                >     */
    public function handleRequest(Request $request)
    {
        $kernel = $this-&gt;make(HttpKernelContract::class);

$response = $kernel-&gt;handle($request)-&gt;send();

$kernel-&gt;terminate($request, $response);
    }

/**
     * Handle the incoming Artisan command.
     *
     * @param  \Symfony\Component\Console\Input\InputInterface  $input
     * @return int
     */
    public function handleCommand(InputInterface $input)
</code></template></pre>
        </div>
    </div>
    <div
        class="sm:col-span-2"
        x-show="index === 59"
    >
        <div class="mb-3">
            <div class="text-md text-gray-500 dark:text-gray-400">
                <div class="mb-2">

<span class="wrap text-gray-900 dark:text-gray-300">index.php</span>
                    
                    <span class="font-mono text-xs">:17</span>
                </div>
            </div>
        </div>
        <div class="pt-4 text-sm text-gray-500 dark:text-gray-400">
            <pre class="h-[32.5rem] rounded-md dark:bg-gray-800 border dark:border-gray-700"><template x-if="true"><code
                    style="display: none;"
                    id="frame-59"
                    class="language-php highlightable-code  scrollbar-hidden overflow-y-hidden"
                    data-line-number="17"
                    data-ln-start-from="12"
                >// Register the Composer autoloader...
require __DIR__ . &#039;/vendor/autoload.php&#039;;

// Bootstrap Laravel and handle the request...
(require_once __DIR__ . &#039;/bootstrap/app.php&#039;)
    -&gt;handleRequest(Request::capture());
</code></template></pre>
        </div>
    </div>
        </div>
    </div>
</section>

<div class="mt-2">
        <span>GET</span>
        <span class="text-gray-500">/cron-to-generate-embedding</span>
    </div>

<div class="mt-4">
        <span class="font-semibold text-gray-900 dark:text-white">Headers</span>
    </div>

<dl class="mt-1 grid grid-cols-1 rounded border dark:border-gray-800">
                    <div class="flex items-center gap-2  dark:border-gray-800">
                <span
                    data-tippy-content="accept"
                    class="lg:text-md w-[8rem] flex-none cursor-pointer truncate border-r px-5 py-3 text-sm dark:border-gray-800 lg:w-[12rem]"
                >
                    accept
                </span>
                <span
                    class="min-w-0 flex-grow"
                    style="
                        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 1rem, #000 calc(100% - 3rem), transparent calc(100% - 1rem));
                    "
                >
                    <pre class="scrollbar-hidden overflow-y-hidden text-xs lg:text-sm"><code class="px-5 py-3 overflow-y-hidden scrollbar-hidden max-h-32 overflow-x-scroll scrollbar-hidden-x">*/*</code></pre>
                </span>
            </div>
                    <div class="flex items-center gap-2 border-t dark:border-gray-800">
                <span
                    data-tippy-content="host"
                    class="lg:text-md w-[8rem] flex-none cursor-pointer truncate border-r px-5 py-3 text-sm dark:border-gray-800 lg:w-[12rem]"
                >
                    host
                </span>
                <span
                    class="min-w-0 flex-grow"
                    style="
                        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 1rem, #000 calc(100% - 3rem), transparent calc(100% - 1rem));
                    "
                >
                    <pre class="scrollbar-hidden overflow-y-hidden text-xs lg:text-sm"><code class="px-5 py-3 overflow-y-hidden scrollbar-hidden max-h-32 overflow-x-scroll scrollbar-hidden-x">fatwa-net.s1soft.com</code></pre>
                </span>
            </div>
                    <div class="flex items-center gap-2 border-t dark:border-gray-800">
                <span
                    data-tippy-content="user-agent"
                    class="lg:text-md w-[8rem] flex-none cursor-pointer truncate border-r px-5 py-3 text-sm dark:border-gray-800 lg:w-[12rem]"
                >
                    user-agent
                </span>
                <span
                    class="min-w-0 flex-grow"
                    style="
                        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 1rem, #000 calc(100% - 3rem), transparent calc(100% - 1rem));
                    "
                >
                    <pre class="scrollbar-hidden overflow-y-hidden text-xs lg:text-sm"><code class="px-5 py-3 overflow-y-hidden scrollbar-hidden max-h-32 overflow-x-scroll scrollbar-hidden-x">curl/7.61.1</code></pre>
                </span>
            </div>
            </dl>

<div class="mt-4">
        <span class="font-semibold text-gray-900 dark:text-white"> Routing </span>
    </div>

<dl class="mt-1 grid grid-cols-1 rounded border dark:border-gray-800">
                    <div class="flex items-center gap-2  dark:border-gray-800">
                <span
                    data-tippy-content="controller"
                    class="lg:text-md w-[8rem] flex-none cursor-pointer truncate border-r px-5 py-3 text-sm dark:border-gray-800 lg:w-[12rem]"
                    >controller</span
                >
                <span
                    class="min-w-0 flex-grow"
                    style="
                        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 1rem, #000 calc(100% - 3rem), transparent calc(100% - 1rem));
                    "
                >
                    <pre class="scrollbar-hidden overflow-y-hidden text-xs lg:text-sm"><code class="px-5 py-3 overflow-y-hidden scrollbar-hidden max-h-32 overflow-x-scroll scrollbar-hidden-x">App\Http\Controllers\TranslateCronController@embedArV2Cron</code></pre>
                </span>
            </div>
                    <div class="flex items-center gap-2 border-t dark:border-gray-800">
                <span
                    data-tippy-content="middleware"
                    class="lg:text-md w-[8rem] flex-none cursor-pointer truncate border-r px-5 py-3 text-sm dark:border-gray-800 lg:w-[12rem]"
                    >middleware</span
                >
                <span
                    class="min-w-0 flex-grow"
                    style="
                        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 1rem, #000 calc(100% - 3rem), transparent calc(100% - 1rem));
                    "
                >
                    <pre class="scrollbar-hidden overflow-y-hidden text-xs lg:text-sm"><code class="px-5 py-3 overflow-y-hidden scrollbar-hidden max-h-32 overflow-x-scroll scrollbar-hidden-x">web</code></pre>
                </span>
            </div>
            </dl>

<div class="mt-4">
        <span class="font-semibold text-gray-900 dark:text-white"> Database Queries </span>
        <span class="text-xs text-gray-500 dark:text-gray-400">
                    </span>
    </div>

<dl class="mt-1 grid grid-cols-1 rounded border dark:border-gray-800">
                    <div class="flex items-center gap-2  dark:border-gray-800">
                <div class="lg:text-md w-[8rem] flex-none truncate border-r px-5 py-3 text-sm dark:border-gray-800 lg:w-[12rem]">
                    <span>mysql</span>
                    <span class="hidden text-xs text-gray-500 lg:inline-block">(12.27 ms)</span>
                </div>
                <span
                    class="min-w-0 flex-grow"
                    style="
                        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 1rem, #000 calc(100% - 3rem), transparent calc(100% - 1rem));
                    "
                >
                    <pre class="scrollbar-hidden overflow-y-hidden text-xs lg:text-sm"><code class="px-5 py-3 overflow-y-hidden scrollbar-hidden max-h-32 overflow-x-scroll scrollbar-hidden-x">select * from `sessions` where `id` = &#039;y7LX6x009i3CB83FlTB6fH5eEuWG78BS32V8gSuF&#039; limit 1</code></pre>
                </span>
            </div>
            </dl>
</section>
            </div>
        </main>
    </div>

${n?'Expression: "'+n+`"

`:""}`,t),setTimeout(()=>{throw e},0)}var tn=!0;function Zi(e){let t=tn;tn=!1;let n=e();return tn=t,n}function et(e,t,n={}){let r;return ae(e,t)(i=>r=i,n),r}function ae(...e){return Qi(...e)}var Qi=eo;function ec(e){Qi=e}function eo(e,t){let n={};Kn(n,e);let r=[n,...vt(e)],i=typeof t=="function"?tc(r,t):rc(r,t,e);return Qs.bind(null,e,t,i)}function tc(e,t){return(n=()=>{},{scope:r={},params:i=[]}={})=>{let o=t.apply(Ft([r,...e]),i);sn(n,o)}}var Cn={};function nc(e,t){if(Cn[e])return Cn[e];let n=Object.getPrototypeOf(async function(){}).constructor,r=/^[\n\s]*if.*$.*$/.test(e.trim())||/^(let|const)\s/.test(e.trim())?`(async()=>{ ${e} })()`:e,o=(()=>{try{let a=new n(["__self","scope"],`with (scope) { __self.result = ${r} }; __self.finished = true; return __self.result;`);return Object.defineProperty(a,"name",{value:`[Alpine] ${e}`}),a}catch(a){return Lt(a,t,e),Promise.resolve()}})();return Cn[e]=o,o}function rc(e,t,n){let r=nc(t,n);return(i=()=>{},{scope:o={},params:a=[]}={})=>{r.result=void 0,r.finished=!1;let s=Ft([o,...e]);if(typeof r=="function"){let c=r(r,s).catch(f=>Lt(f,n,t));r.finished?(sn(i,r.result,s,a,n),r.result=void 0):c.then(f=>{sn(i,f,s,a,n)}).catch(f=>Lt(f,n,t)).finally(()=>r.result=void 0)}}}function sn(e,t,n,r,i){if(tn&&typeof t=="function"){let o=t.apply(n,r);o instanceof Promise?o.then(a=>sn(e,a,n,r)).catch(a=>Lt(a,i,t)):e(o)}else typeof t=="object"&&t instanceof Promise?t.then(o=>e(o)):e(t)}var vr="x-";function xt(e=""){return vr+e}function ic(e){vr=e}var cn={};function Q(e,t){return cn[e]=t,{before(n){if(!cn[n]){console.warn(String.raw`Cannot find directive \`${n}\`. \`${e}\` will use the default order of execution`);return}const r=Je.indexOf(n);Je.splice(r>=0?r:Je.indexOf("DEFAULT"),0,e)}}}function oc(e){return Object.keys(cn).includes(e)}function _r(e,t,n){if(t=Array.from(t),e._x_virtualDirectives){let o=Object.entries(e._x_virtualDirectives).map(([s,c])=>({name:s,value:c})),a=to(o);o=o.map(s=>a.find(c=>c.name===s.name)?{name:`x-bind:${s.name}`,value:`"${s.value}"`}:s),t=t.concat(o)}let r={};return t.map(ao((o,a)=>r[o]=a)).filter(co).map(cc(r,n)).sort(uc).map(o=>sc(e,o))}function to(e){return Array.from(e).map(ao()).filter(t=>!co(t))}var zn=!1,St=new Map,no=Symbol();function ac(e){zn=!0;let t=Symbol();no=t,St.set(t,[]);let n=()=>{for(;St.get(t).length;)St.get(t).shift()();St.delete(t)},r=()=>{zn=!1,n()};e(n),r()}function ro(e){let t=[],n=s=>t.push(s),[r,i]=Ks(e);return t.push(i),[{Alpine:Wt,effect:r,cleanup:n,evaluateLater:ae.bind(ae,e),evaluate:et.bind(et,e)},()=>t.forEach(s=>s())]}function sc(e,t){let n=()=>{},r=cn[t.type]||n,[i,o]=ro(e);zi(e,t.original,o);let a=()=>{e._x_ignore||e._x_ignoreSelf||(r.inline&&r.inline(e,t,i),r=r.bind(r,e,t,i),zn?St.get(no).push(r):r())};return a.runCleanups=o,a}var io=(e,t)=>({name:n,value:r})=>(n.startsWith(e)&&(n=n.replace(e,t)),{name:n,value:r}),oo=e=>e;function ao(e=()=>{}){return({name:t,value:n})=>{let{name:r,value:i}=so.reduce((o,a)=>a(o),{name:t,value:n});return r!==t&&e(r,t),{name:r,value:i}}}var so=[];function br(e){so.push(e)}function co({name:e}){return uo().test(e)}var uo=()=>new RegExp(`^${vr}([^:^.]+)\\b`);function cc(e,t){return({name:n,value:r})=>{let i=n.match(uo()),o=n.match(/:([a-zA-Z0-9\-_:]+)/),a=n.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],s=t||e[n]||n;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:a.map(c=>c.replace(".","")),expression:r,original:s}}}var Vn="DEFAULT",Je=["ignore","ref","data","id","anchor","bind","init","for","model","modelable","transition","show","if",Vn,"teleport"];function uc(e,t){let n=Je.indexOf(e.type)===-1?Vn:e.type,r=Je.indexOf(t.type)===-1?Vn:t.type;return Je.indexOf(n)-Je.indexOf(r)}function Rt(e,t,n={}){e.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0,cancelable:!0}))}function He(e,t){if(typeof ShadowRoot=="function"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>He(i,t));return}let n=!1;if(t(e,()=>n=!0),n)return;let r=e.firstElementChild;for(;r;)He(r,t),r=r.nextElementSibling}function ve(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var ei=!1;function lc(){ei&&ve("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),ei=!0,document.body||ve("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),Rt(document,"alpine:init"),Rt(document,"alpine:initializing"),pr(),zs(t=>Ne(t,He)),lr(t=>_o(t)),Ki((t,n)=>{_r(t,n).forEach(r=>r())});let e=t=>!pn(t.parentElement,!0);Array.from(document.querySelectorAll(po().join(","))).filter(e).forEach(t=>{Ne(t)}),Rt(document,"alpine:initialized"),setTimeout(()=>{pc()})}var yr=[],lo=[];function fo(){return yr.map(e=>e())}function po(){return yr.concat(lo).map(e=>e())}function ho(e){yr.push(e)}function go(e){lo.push(e)}function pn(e,t=!1){return Ut(e,n=>{if((t?po():fo()).some(i=>n.matches(i)))return!0})}function Ut(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),!!e.parentElement)return Ut(e.parentElement,t)}}function fc(e){return fo().some(t=>e.matches(t))}var vo=[];function dc(e){vo.push(e)}function Ne(e,t=He,n=()=>{}){ac(()=>{t(e,(r,i)=>{n(r,i),vo.forEach(o=>o(r,i)),_r(r,r.attributes).forEach(o=>o()),r._x_ignore&&i()})})}function _o(e,t=He){t(e,n=>{Vi(n),Vs(n)})}function pc(){[["ui","dialog",["[x-dialog], [x-popover]"]],["anchor","anchor",["[x-anchor]"]],["sort","sort",["[x-sort]"]]].forEach(([t,n,r])=>{oc(n)||r.some(i=>{if(document.querySelector(i))return ve(`found "${i}", but missing ${t} plugin`),!0})})}var qn=[],mr=!1;function xr(e=()=>{}){return queueMicrotask(()=>{mr||setTimeout(()=>{Gn()})}),new Promise(t=>{qn.push(()=>{e(),t()})})}function Gn(){for(mr=!1;qn.length;)qn.shift()()}function hc(){mr=!0}function Er(e,t){return Array.isArray(t)?ti(e,t.join(" ")):typeof t=="object"&&t!==null?gc(e,t):typeof t=="function"?Er(e,t()):ti(e,t)}function ti(e,t){let n=i=>i.split(" ").filter(o=>!e.classList.contains(o)).filter(Boolean),r=i=>(e.classList.add(...i),()=>{e.classList.remove(...i)});return t=t===!0?t="":t||"",r(n(t))}function gc(e,t){let n=s=>s.split(" ").filter(Boolean),r=Object.entries(t).flatMap(([s,c])=>c?n(s):!1).filter(Boolean),i=Object.entries(t).flatMap(([s,c])=>c?!1:n(s)).filter(Boolean),o=[],a=[];return i.forEach(s=>{e.classList.contains(s)&&(e.classList.remove(s),a.push(s))}),r.forEach(s=>{e.classList.contains(s)||(e.classList.add(s),o.push(s))}),()=>{a.forEach(s=>e.classList.add(s)),o.forEach(s=>e.classList.remove(s))}}function hn(e,t){return typeof t=="object"&&t!==null?vc(e,t):_c(e,t)}function vc(e,t){let n={};return Object.entries(t).forEach(([r,i])=>{n[r]=e.style[r],r.startsWith("--")||(r=bc(r)),e.style.setProperty(r,i)}),setTimeout(()=>{e.style.length===0&&e.removeAttribute("style")}),()=>{hn(e,n)}}function _c(e,t){let n=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",n||"")}}function bc(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function Xn(e,t=()=>{}){let n=!1;return function(){n?t.apply(this,arguments):(n=!0,e.apply(this,arguments))}}Q("transition",(e,{value:t,modifiers:n,expression:r},{evaluate:i})=>{typeof r=="function"&&(r=i(r)),r!==!1&&(!r||typeof r=="boolean"?mc(e,n,t):yc(e,r,t))});function yc(e,t,n){bo(e,Er,""),{enter:i=>{e._x_transition.enter.during=i},"enter-start":i=>{e._x_transition.enter.start=i},"enter-end":i=>{e._x_transition.enter.end=i},leave:i=>{e._x_transition.leave.during=i},"leave-start":i=>{e._x_transition.leave.start=i},"leave-end":i=>{e._x_transition.leave.end=i}}[n](t)}function mc(e,t,n){bo(e,hn);let r=!t.includes("in")&&!t.includes("out")&&!n,i=r||t.includes("in")||["enter"].includes(n),o=r||t.includes("out")||["leave"].includes(n);t.includes("in")&&!r&&(t=t.filter((E,O)=>O<t.indexOf("out"))),t.includes("out")&&!r&&(t=t.filter((E,O)=>O>t.indexOf("out")));let a=!t.includes("opacity")&&!t.includes("scale"),s=a||t.includes("opacity"),c=a||t.includes("scale"),f=s?0:1,l=c?Ot(t,"scale",95)/100:1,v=Ot(t,"delay",0)/1e3,b=Ot(t,"origin","center"),_="opacity, transform",A=Ot(t,"duration",150)/1e3,S=Ot(t,"duration",75)/1e3,h="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:b,transitionDelay:`${v}s`,transitionProperty:_,transitionDuration:`${A}s`,transitionTimingFunction:h},e._x_transition.enter.start={opacity:f,transform:`scale(${l})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),o&&(e._x_transition.leave.during={transformOrigin:b,transitionDelay:`${v}s`,transitionProperty:_,transitionDuration:`${S}s`,transitionTimingFunction:h},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:f,transform:`scale(${l})`})}function bo(e,t,n={}){e._x_transition||(e._x_transition={enter:{during:n,start:n,end:n},leave:{during:n,start:n,end:n},in(r=()=>{},i=()=>{}){Yn(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},r,i)},out(r=()=>{},i=()=>{}){Yn(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},r,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,n,r){const i=document.visibilityState==="visible"?requestAnimationFrame:setTimeout;let o=()=>i(n);if(t){e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(n):o():e._x_transition?e._x_transition.in(n):o();return}e._x_hidePromise=e._x_transition?new Promise((a,s)=>{e._x_transition.out(()=>{},()=>a(r)),e._x_transitioning&&e._x_transitioning.beforeCancel(()=>s({isFromCancelledTransition:!0}))}):Promise.resolve(r),queueMicrotask(()=>{let a=yo(e);a?(a._x_hideChildren||(a._x_hideChildren=[]),a._x_hideChildren.push(e)):i(()=>{let s=c=>{let f=Promise.all([c._x_hidePromise,...(c._x_hideChildren||[]).map(s)]).then(([l])=>l());return delete c._x_hidePromise,delete c._x_hideChildren,f};s(e).catch(c=>{if(!c.isFromCancelledTransition)throw c})})})};function yo(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:yo(t)}function Yn(e,t,{during:n,start:r,end:i}={},o=()=>{},a=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),Object.keys(n).length===0&&Object.keys(r).length===0&&Object.keys(i).length===0){o(),a();return}let s,c,f;xc(e,{start(){s=t(e,r)},during(){c=t(e,n)},before:o,end(){s(),f=t(e,i)},after:a,cleanup(){c(),f()}})}function xc(e,t){let n,r,i,o=Xn(()=>{ee(()=>{n=!0,r||t.before(),i||(t.end(),Gn()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning})});e._x_transitioning={beforeCancels:[],beforeCancel(a){this.beforeCancels.push(a)},cancel:Xn(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()}),finish:o},ee(()=>{t.start(),t.during()}),hc(),requestAnimationFrame(()=>{if(n)return;let a=Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""))*1e3,s=Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""))*1e3;a===0&&(a=Number(getComputedStyle(e).animationDuration.replace("s",""))*1e3),ee(()=>{t.before()}),r=!0,requestAnimationFrame(()=>{n||(ee(()=>{t.end()}),Gn(),setTimeout(e._x_transitioning.finish,a+s),i=!0)})})}function Ot(e,t,n){if(e.indexOf(t)===-1)return n;const r=e[e.indexOf(t)+1];if(!r||t==="scale"&&isNaN(r))return n;if(t==="duration"||t==="delay"){let i=r.match(/([0-9]+)ms/);if(i)return i[1]}return t==="origin"&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[r,e[e.indexOf(t)+2]].join(" "):r}var Fe=!1;function Ke(e,t=()=>{}){return(...n)=>Fe?t(...n):e(...n)}function Ec(e){return(...t)=>Fe&&e(...t)}var mo=[];function gn(e){mo.push(e)}function wc(e,t){mo.forEach(n=>n(e,t)),Fe=!0,xo(()=>{Ne(t,(n,r)=>{r(n,()=>{})})}),Fe=!1}var Jn=!1;function Oc(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),Fe=!0,Jn=!0,xo(()=>{Ac(t)}),Fe=!1,Jn=!1}function Ac(e){let t=!1;Ne(e,(r,i)=>{He(r,(o,a)=>{if(t&&fc(o))return a();t=!0,i(o,a)})})}function xo(e){let t=ot;Qr((n,r)=>{let i=t(n);return mt(i),()=>{}}),e(),Qr(t)}function Eo(e,t,n,r=[]){switch(e._x_bindings||(e._x_bindings=yt({})),e._x_bindings[t]=n,t=r.includes("camel")?Nc(t):t,t){case"value":Sc(e,n);break;case"style":Mc(e,n);break;case"class":Tc(e,n);break;case"selected":case"checked":Cc(e,t,n);break;default:wo(e,t,n);break}}function Sc(e,t){if(e.type==="radio")e.attributes.value===void 0&&(e.value=t),window.fromModel&&(typeof t=="boolean"?e.checked=nn(e.value)===t:e.checked=ni(e.value,t));else if(e.type==="checkbox")Number.isInteger(t)?e.value=t:!Array.isArray(t)&&typeof t!="boolean"&&![null,void 0].includes(t)?e.value=String(t):Array.isArray(t)?e.checked=t.some(n=>ni(n,e.value)):e.checked=!!t;else if(e.tagName==="SELECT")Dc(e,t);else{if(e.value===t)return;e.value=t===void 0?"":t}}function Tc(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=Er(e,t)}function Mc(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=hn(e,t)}function Cc(e,t,n){wo(e,t,n),Ic(e,t,n)}function wo(e,t,n){[null,void 0,!1].includes(n)&&Lc(t)?e.removeAttribute(t):(Oo(t)&&(n=t),Rc(e,t,n))}function Rc(e,t,n){e.getAttribute(t)!=n&&e.setAttribute(t,n)}function Ic(e,t,n){e[t]!==n&&(e[t]=n)}function Dc(e,t){const n=[].concat(t).map(r=>r+"");Array.from(e.options).forEach(r=>{r.selected=n.includes(r.value)})}function Nc(e){return e.toLowerCase().replace(/-(\w)/g,(t,n)=>n.toUpperCase())}function ni(e,t){return e==t}function nn(e){return[1,"1","true","on","yes",!0].includes(e)?!0:[0,"0","false","off","no",!1].includes(e)?!1:e?!!e:null}function Oo(e){return["disabled","checked","required","readonly","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}function Lc(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}function Pc(e,t,n){return e._x_bindings&&e._x_bindings[t]!==void 0?e._x_bindings[t]:Ao(e,t,n)}function kc(e,t,n,r=!0){if(e._x_bindings&&e._x_bindings[t]!==void 0)return e._x_bindings[t];if(e._x_inlineBindings&&e._x_inlineBindings[t]!==void 0){let i=e._x_inlineBindings[t];return i.extract=r,Zi(()=>et(e,i.expression))}return Ao(e,t,n)}function Ao(e,t,n){let r=e.getAttribute(t);return r===null?typeof n=="function"?n():n:r===""?!0:Oo(t)?!![t,"true"].includes(r):r}function So(e,t){var n;return function(){var r=this,i=arguments,o=function(){n=null,e.apply(r,i)};clearTimeout(n),n=setTimeout(o,t)}}function To(e,t){let n;return function(){let r=this,i=arguments;n||(e.apply(r,i),n=!0,setTimeout(()=>n=!1,t))}}function Mo({get:e,set:t},{get:n,set:r}){let i=!0,o,a=ot(()=>{let s=e(),c=n();if(i)r(Rn(s)),i=!1;else{let f=JSON.stringify(s),l=JSON.stringify(c);f!==o?r(Rn(s)):f!==l&&t(Rn(c))}o=JSON.stringify(e()),JSON.stringify(n())});return()=>{mt(a)}}function Rn(e){return typeof e=="object"?JSON.parse(JSON.stringify(e)):e}function Bc(e){(Array.isArray(e)?e:[e]).forEach(n=>n(Wt))}var Ye={},ri=!1;function $c(e,t){if(ri||(Ye=yt(Ye),ri=!0),t===void 0)return Ye[e];Ye[e]=t,typeof t=="object"&&t!==null&&t.hasOwnProperty("init")&&typeof t.init=="function"&&Ye[e].init(),Xi(Ye[e])}function jc(){return Ye}var Co={};function Hc(e,t){let n=typeof t!="function"?()=>t:t;return e instanceof Element?Ro(e,n()):(Co[e]=n,()=>{})}function Fc(e){return Object.entries(Co).forEach(([t,n])=>{Object.defineProperty(e,t,{get(){return(...r)=>n(...r)}})}),e}function Ro(e,t,n){let r=[];for(;r.length;)r.pop()();let i=Object.entries(t).map(([a,s])=>({name:a,value:s})),o=to(i);return i=i.map(a=>o.find(s=>s.name===a.name)?{name:`x-bind:${a.name}`,value:`"${a.value}"`}:a),_r(e,i,n).map(a=>{r.push(a.runCleanups),a()}),()=>{for(;r.length;)r.pop()()}}var Io={};function Uc(e,t){Io[e]=t}function Wc(e,t){return Object.entries(Io).forEach(([n,r])=>{Object.defineProperty(e,n,{get(){return(...i)=>r.bind(t)(...i)},enumerable:!1})}),e}var Kc={get reactive(){return yt},get release(){return mt},get effect(){return ot},get raw(){return ji},version:"3.13.10",flushAndStopDeferringMutations:Xs,dontAutoEvaluateFunctions:Zi,disableEffectScheduling:Us,startObservingMutations:pr,stopObservingMutations:qi,setReactivityEngine:Ws,onAttributeRemoved:zi,onAttributesAdded:Ki,closestDataStack:vt,skipDuringClone:Ke,onlyDuringClone:Ec,addRootSelector:ho,addInitSelector:go,interceptClone:gn,addScopeToNode:Ht,deferMutations:Gs,mapAttributes:br,evaluateLater:ae,interceptInit:dc,setEvaluator:ec,mergeProxies:Ft,extractProp:kc,findClosest:Ut,onElRemoved:lr,closestRoot:pn,destroyTree:_o,interceptor:Yi,transition:Yn,setStyles:hn,mutateDom:ee,directive:Q,entangle:Mo,throttle:To,debounce:So,evaluate:et,initTree:Ne,nextTick:xr,prefixed:xt,prefix:ic,plugin:Bc,magic:we,store:$c,start:lc,clone:Oc,cloneNode:wc,bound:Pc,$data:Gi,watch:Hi,walk:He,data:Uc,bind:Hc},Wt=Kc;function zc(e,t){const n=Object.create(null),r=e.split(",");for(let i=0;i<r.length;i++)n[r[i]]=!0;return i=>!!n[i]}var Vc=Object.freeze({}),qc=Object.prototype.hasOwnProperty,vn=(e,t)=>qc.call(e,t),tt=Array.isArray,It=e=>Do(e)==="[object Map]",Gc=e=>typeof e=="string",wr=e=>typeof e=="symbol",_n=e=>e!==null&&typeof e=="object",Xc=Object.prototype.toString,Do=e=>Xc.call(e),No=e=>Do(e).slice(8,-1),Or=e=>Gc(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Yc=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Jc=Yc(e=>e.charAt(0).toUpperCase()+e.slice(1)),Lo=(e,t)=>e!==t&&(e===e||t===t),Zn=new WeakMap,At=[],Ae,nt=Symbol("iterate"),Qn=Symbol("Map key iterate");function Zc(e){return e&&e._isEffect===!0}function Qc(e,t=Vc){Zc(e)&&(e=e.raw);const n=nu(e,t);return t.lazy||n(),n}function eu(e){e.active&&(Po(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var tu=0;function nu(e,t){const n=function(){if(!n.active)return e();if(!At.includes(n)){Po(n);try{return iu(),At.push(n),Ae=n,e()}finally{At.pop(),ko(),Ae=At[At.length-1]}}};return n.id=tu++,n.allowRecurse=!!t.allowRecurse,n._isEffect=!0,n.active=!0,n.raw=e,n.deps=[],n.options=t,n}function Po(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}var _t=!0,Ar=[];function ru(){Ar.push(_t),_t=!1}function iu(){Ar.push(_t),_t=!0}function ko(){const e=Ar.pop();_t=e===void 0?!0:e}function Ee(e,t,n){if(!_t||Ae===void 0)return;let r=Zn.get(e);r||Zn.set(e,r=new Map);let i=r.get(n);i||r.set(n,i=new Set),i.has(Ae)||(i.add(Ae),Ae.deps.push(i),Ae.options.onTrack&&Ae.options.onTrack({effect:Ae,target:e,type:t,key:n}))}function Ue(e,t,n,r,i,o){const a=Zn.get(e);if(!a)return;const s=new Set,c=l=>{l&&l.forEach(v=>{(v!==Ae||v.allowRecurse)&&s.add(v)})};if(t==="clear")a.forEach(c);else if(n==="length"&&tt(e))a.forEach((l,v)=>{(v==="length"||v>=r)&&c(l)});else switch(n!==void 0&&c(a.get(n)),t){case"add":tt(e)?Or(n)&&c(a.get("length")):(c(a.get(nt)),It(e)&&c(a.get(Qn)));break;case"delete":tt(e)||(c(a.get(nt)),It(e)&&c(a.get(Qn)));break;case"set":It(e)&&c(a.get(nt));break}const f=l=>{l.options.onTrigger&&l.options.onTrigger({effect:l,target:e,key:n,type:t,newValue:r,oldValue:i,oldTarget:o}),l.options.scheduler?l.options.scheduler(l):l()};s.forEach(f)}var ou=zc("__proto__,__v_isRef,__isVue"),Bo=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(wr)),au=$o(),su=$o(!0),ii=cu();function cu(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const r=X(this);for(let o=0,a=this.length;o<a;o++)Ee(r,"get",o+"");const i=r[t](...n);return i===-1||i===!1?r[t](...n.map(X)):i}}),["push","pop","shift","unshift","splice"].forEach(t=>{e[t]=function(...n){ru();const r=X(this)[t].apply(this,n);return ko(),r}}),e}function $o(e=!1,t=!1){return function(r,i,o){if(i==="__v_isReactive")return!e;if(i==="__v_isReadonly")return e;if(i==="__v_raw"&&o===(e?t?Eu:Uo:t?xu:Fo).get(r))return r;const a=tt(r);if(!e&&a&&vn(ii,i))return Reflect.get(ii,i,o);const s=Reflect.get(r,i,o);return(wr(i)?Bo.has(i):ou(i))||(e||Ee(r,"get",i),t)?s:er(s)?!a||!Or(i)?s.value:s:_n(s)?e?Wo(s):Cr(s):s}}var uu=lu();function lu(e=!1){return function(n,r,i,o){let a=n[r];if(!e&&(i=X(i),a=X(a),!tt(n)&&er(a)&&!er(i)))return a.value=i,!0;const s=tt(n)&&Or(r)?Number(r)<n.length:vn(n,r),c=Reflect.set(n,r,i,o);return n===X(o)&&(s?Lo(i,a)&&Ue(n,"set",r,i,a):Ue(n,"add",r,i)),c}}function fu(e,t){const n=vn(e,t),r=e[t],i=Reflect.deleteProperty(e,t);return i&&n&&Ue(e,"delete",t,void 0,r),i}function du(e,t){const n=Reflect.has(e,t);return(!wr(t)||!Bo.has(t))&&Ee(e,"has",t),n}function pu(e){return Ee(e,"iterate",tt(e)?"length":nt),Reflect.ownKeys(e)}var hu={get:au,set:uu,deleteProperty:fu,has:du,ownKeys:pu},gu={get:su,set(e,t){return console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}},Sr=e=>_n(e)?Cr(e):e,Tr=e=>_n(e)?Wo(e):e,Mr=e=>e,bn=e=>Reflect.getPrototypeOf(e);function Gt(e,t,n=!1,r=!1){e=e.__v_raw;const i=X(e),o=X(t);t!==o&&!n&&Ee(i,"get",t),!n&&Ee(i,"get",o);const{has:a}=bn(i),s=r?Mr:n?Tr:Sr;if(a.call(i,t))return s(e.get(t));if(a.call(i,o))return s(e.get(o));e!==i&&e.get(t)}function Xt(e,t=!1){const n=this.__v_raw,r=X(n),i=X(e);return e!==i&&!t&&Ee(r,"has",e),!t&&Ee(r,"has",i),e===i?n.has(e):n.has(e)||n.has(i)}function Yt(e,t=!1){return e=e.__v_raw,!t&&Ee(X(e),"iterate",nt),Reflect.get(e,"size",e)}function oi(e){e=X(e);const t=X(this);return bn(t).has.call(t,e)||(t.add(e),Ue(t,"add",e,e)),this}function ai(e,t){t=X(t);const n=X(this),{has:r,get:i}=bn(n);let o=r.call(n,e);o?Ho(n,r,e):(e=X(e),o=r.call(n,e));const a=i.call(n,e);return n.set(e,t),o?Lo(t,a)&&Ue(n,"set",e,t,a):Ue(n,"add",e,t),this}function si(e){const t=X(this),{has:n,get:r}=bn(t);let i=n.call(t,e);i?Ho(t,n,e):(e=X(e),i=n.call(t,e));const o=r?r.call(t,e):void 0,a=t.delete(e);return i&&Ue(t,"delete",e,void 0,o),a}function ci(){const e=X(this),t=e.size!==0,n=It(e)?new Map(e):new Set(e),r=e.clear();return t&&Ue(e,"clear",void 0,void 0,n),r}function Jt(e,t){return function(r,i){const o=this,a=o.__v_raw,s=X(a),c=t?Mr:e?Tr:Sr;return!e&&Ee(s,"iterate",nt),a.forEach((f,l)=>r.call(i,c(f),c(l),o))}}function Zt(e,t,n){return function(...r){const i=this.__v_raw,o=X(i),a=It(o),s=e==="entries"||e===Symbol.iterator&&a,c=e==="keys"&&a,f=i[e](...r),l=n?Mr:t?Tr:Sr;return!t&&Ee(o,"iterate",c?Qn:nt),{next(){const{value:v,done:b}=f.next();return b?{value:v,done:b}:{value:s?[l(v[0]),l(v[1])]:l(v),done:b}},[Symbol.iterator](){return this}}}}function $e(e){return function(...t){{const n=t[0]?`on key "${t[0]}" `:"";console.warn(`${Jc(e)} operation ${n}failed: target is readonly.`,X(this))}return e==="delete"?!1:this}}function vu(){const e={get(o){return Gt(this,o)},get size(){return Yt(this)},has:Xt,add:oi,set:ai,delete:si,clear:ci,forEach:Jt(!1,!1)},t={get(o){return Gt(this,o,!1,!0)},get size(){return Yt(this)},has:Xt,add:oi,set:ai,delete:si,clear:ci,forEach:Jt(!1,!0)},n={get(o){return Gt(this,o,!0)},get size(){return Yt(this,!0)},has(o){return Xt.call(this,o,!0)},add:$e("add"),set:$e("set"),delete:$e("delete"),clear:$e("clear"),forEach:Jt(!0,!1)},r={get(o){return Gt(this,o,!0,!0)},get size(){return Yt(this,!0)},has(o){return Xt.call(this,o,!0)},add:$e("add"),set:$e("set"),delete:$e("delete"),clear:$e("clear"),forEach:Jt(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{e[o]=Zt(o,!1,!1),n[o]=Zt(o,!0,!1),t[o]=Zt(o,!1,!0),r[o]=Zt(o,!0,!0)}),[e,n,t,r]}var[_u,bu,jl,Hl]=vu();function jo(e,t){const n=e?bu:_u;return(r,i,o)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?r:Reflect.get(vn(n,i)&&i in r?n:r,i,o)}var yu={get:jo(!1)},mu={get:jo(!0)};function Ho(e,t,n){const r=X(n);if(r!==n&&t.call(e,r)){const i=No(e);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var Fo=new WeakMap,xu=new WeakMap,Uo=new WeakMap,Eu=new WeakMap;function wu(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Ou(e){return e.__v_skip||!Object.isExtensible(e)?0:wu(No(e))}function Cr(e){return e&&e.__v_isReadonly?e:Ko(e,!1,hu,yu,Fo)}function Wo(e){return Ko(e,!0,gu,mu,Uo)}function Ko(e,t,n,r,i){if(!_n(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;const o=i.get(e);if(o)return o;const a=Ou(e);if(a===0)return e;const s=new Proxy(e,a===2?r:n);return i.set(e,s),s}function X(e){return e&&X(e.__v_raw)||e}function er(e){return!!(e&&e.__v_isRef===!0)}we("nextTick",()=>xr);we("dispatch",e=>Rt.bind(Rt,e));we("watch",(e,{evaluateLater:t,cleanup:n})=>(r,i)=>{let o=t(r),s=Hi(()=>{let c;return o(f=>c=f),c},i);n(s)});we("store",jc);we("data",e=>Gi(e));we("root",e=>pn(e));we("refs",e=>(e._x_refs_proxy||(e._x_refs_proxy=Ft(Au(e))),e._x_refs_proxy));function Au(e){let t=[];return Ut(e,n=>{n._x_refs&&t.push(n._x_refs)}),t}var In={};function zo(e){return In[e]||(In[e]=0),++In[e]}function Su(e,t){return Ut(e,n=>{if(n._x_ids&&n._x_ids[t])return!0})}function Tu(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=zo(t))}we("id",(e,{cleanup:t})=>(n,r=null)=>{let i=`${n}${r?`-${r}`:""}`;return Mu(e,i,t,()=>{let o=Su(e,n),a=o?o._x_ids[n]:zo(n);return r?`${n}-${a}-${r}`:`${n}-${a}`})});gn((e,t)=>{e._x_id&&(t._x_id=e._x_id)});function Mu(e,t,n,r){if(e._x_id||(e._x_id={}),e._x_id[t])return e._x_id[t];let i=r();return e._x_id[t]=i,n(()=>{delete e._x_id[t]}),i}we("el",e=>e);Vo("Focus","focus","focus");Vo("Persist","persist","persist");function Vo(e,t,n){we(t,r=>ve(`You can't use [$${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${n}`,r))}Q("modelable",(e,{expression:t},{effect:n,evaluateLater:r,cleanup:i})=>{let o=r(t),a=()=>{let l;return o(v=>l=v),l},s=r(`${t} = __placeholder`),c=l=>s(()=>{},{scope:{__placeholder:l}}),f=a();c(f),queueMicrotask(()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let l=e._x_model.get,v=e._x_model.set,b=Mo({get(){return l()},set(_){v(_)}},{get(){return a()},set(_){c(_)}});i(b)})});Q("teleport",(e,{modifiers:t,expression:n},{cleanup:r})=>{e.tagName.toLowerCase()!=="template"&&ve("x-teleport can only be used on a <template> tag",e);let i=ui(n),o=e.content.cloneNode(!0).firstElementChild;e._x_teleport=o,o._x_teleportBack=e,e.setAttribute("data-teleport-template",!0),o.setAttribute("data-teleport-target",!0),e._x_forwardEvents&&e._x_forwardEvents.forEach(s=>{o.addEventListener(s,c=>{c.stopPropagation(),e.dispatchEvent(new c.constructor(c.type,c))})}),Ht(o,{},e);let a=(s,c,f)=>{f.includes("prepend")?c.parentNode.insertBefore(s,c):f.includes("append")?c.parentNode.insertBefore(s,c.nextSibling):c.appendChild(s)};ee(()=>{a(o,i,t),Ke(()=>{Ne(o),o._x_ignore=!0})()}),e._x_teleportPutBack=()=>{let s=ui(n);ee(()=>{a(e._x_teleport,s,t)})},r(()=>o.remove())});var Cu=document.createElement("div");function ui(e){let t=Ke(()=>document.querySelector(e),()=>Cu)();return t||ve(`Cannot find x-teleport element for selector: "${e}"`),t}var qo=()=>{};qo.inline=(e,{modifiers:t},{cleanup:n})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,n(()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore})};Q("ignore",qo);Q("effect",Ke((e,{expression:t},{effect:n})=>{n(ae(e,t))}));function tr(e,t,n,r){let i=e,o=c=>r(c),a={},s=(c,f)=>l=>f(c,l);if(n.includes("dot")&&(t=Ru(t)),n.includes("camel")&&(t=Iu(t)),n.includes("passive")&&(a.passive=!0),n.includes("capture")&&(a.capture=!0),n.includes("window")&&(i=window),n.includes("document")&&(i=document),n.includes("debounce")){let c=n[n.indexOf("debounce")+1]||"invalid-wait",f=un(c.split("ms")[0])?Number(c.split("ms")[0]):250;o=So(o,f)}if(n.includes("throttle")){let c=n[n.indexOf("throttle")+1]||"invalid-wait",f=un(c.split("ms")[0])?Number(c.split("ms")[0]):250;o=To(o,f)}return n.includes("prevent")&&(o=s(o,(c,f)=>{f.preventDefault(),c(f)})),n.includes("stop")&&(o=s(o,(c,f)=>{f.stopPropagation(),c(f)})),n.includes("once")&&(o=s(o,(c,f)=>{c(f),i.removeEventListener(t,o,a)})),(n.includes("away")||n.includes("outside"))&&(i=document,o=s(o,(c,f)=>{e.contains(f.target)||f.target.isConnected!==!1&&(e.offsetWidth<1&&e.offsetHeight<1||e._x_isShown!==!1&&c(f))})),n.includes("self")&&(o=s(o,(c,f)=>{f.target===e&&c(f)})),o=s(o,(c,f)=>{Nu(t)&&Lu(f,n)||c(f)}),i.addEventListener(t,o,a),()=>{i.removeEventListener(t,o,a)}}function Ru(e){return e.replace(/-/g,".")}function Iu(e){return e.toLowerCase().replace(/-(\w)/g,(t,n)=>n.toUpperCase())}function un(e){return!Array.isArray(e)&&!isNaN(e)}function Du(e){return[" ","_"].includes(e)?e:e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function Nu(e){return["keydown","keyup"].includes(e)}function Lu(e,t){let n=t.filter(o=>!["window","document","prevent","stop","once","capture"].includes(o));if(n.includes("debounce")){let o=n.indexOf("debounce");n.splice(o,un((n[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(n.includes("throttle")){let o=n.indexOf("throttle");n.splice(o,un((n[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(n.length===0||n.length===1&&li(e.key).includes(n[0]))return!1;const i=["ctrl","shift","alt","meta","cmd","super"].filter(o=>n.includes(o));return n=n.filter(o=>!i.includes(o)),!(i.length>0&&i.filter(a=>((a==="cmd"||a==="super")&&(a="meta"),e[`${a}Key`])).length===i.length&&li(e.key).includes(n[0]))}function li(e){if(!e)return[];e=Du(e);let t={ctrl:"control",slash:"/",space:" ",spacebar:" ",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",comma:",",equal:"=",minus:"-",underscore:"_"};return t[e]=e,Object.keys(t).map(n=>{if(t[n]===e)return n}).filter(n=>n)}Q("model",(e,{modifiers:t,expression:n},{effect:r,cleanup:i})=>{let o=e;t.includes("parent")&&(o=e.parentNode);let a=ae(o,n),s;typeof n=="string"?s=ae(o,`${n} = __placeholder`):typeof n=="function"&&typeof n()=="string"?s=ae(o,`${n()} = __placeholder`):s=()=>{};let c=()=>{let b;return a(_=>b=_),fi(b)?b.get():b},f=b=>{let _;a(A=>_=A),fi(_)?_.set(b):s(()=>{},{scope:{__placeholder:b}})};typeof n=="string"&&e.type==="radio"&&ee(()=>{e.hasAttribute("name")||e.setAttribute("name",n)});var l=e.tagName.toLowerCase()==="select"||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input";let v=Fe?()=>{}:tr(e,l,t,b=>{f(Dn(e,t,b,c()))});if(t.includes("fill")&&([void 0,null,""].includes(c())||e.type==="checkbox"&&Array.isArray(c())||e.tagName.toLowerCase()==="select"&&e.multiple)&&f(Dn(e,t,{target:e},c())),e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=v,i(()=>e._x_removeModelListeners.default()),e.form){let b=tr(e.form,"reset",[],_=>{xr(()=>e._x_model&&e._x_model.set(Dn(e,t,{target:e},c())))});i(()=>b())}e._x_model={get(){return c()},set(b){f(b)}},e._x_forceModelUpdate=b=>{b===void 0&&typeof n=="string"&&n.match(/\./)&&(b=""),window.fromModel=!0,ee(()=>Eo(e,"value",b)),delete window.fromModel},r(()=>{let b=c();t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate(b)})});function Dn(e,t,n,r){return ee(()=>{if(n instanceof CustomEvent&&n.detail!==void 0)return n.detail!==null&&n.detail!==void 0?n.detail:n.target.value;if(e.type==="checkbox")if(Array.isArray(r)){let i=null;return t.includes("number")?i=Nn(n.target.value):t.includes("boolean")?i=nn(n.target.value):i=n.target.value,n.target.checked?r.includes(i)?r:r.concat([i]):r.filter(o=>!Pu(o,i))}else return n.target.checked;else{if(e.tagName.toLowerCase()==="select"&&e.multiple)return t.includes("number")?Array.from(n.target.selectedOptions).map(i=>{let o=i.value||i.text;return Nn(o)}):t.includes("boolean")?Array.from(n.target.selectedOptions).map(i=>{let o=i.value||i.text;return nn(o)}):Array.from(n.target.selectedOptions).map(i=>i.value||i.text);{let i;return e.type==="radio"?n.target.checked?i=n.target.value:i=r:i=n.target.value,t.includes("number")?Nn(i):t.includes("boolean")?nn(i):t.includes("trim")?i.trim():i}}})}function Nn(e){let t=e?parseFloat(e):null;return ku(t)?t:e}function Pu(e,t){return e==t}function ku(e){return!Array.isArray(e)&&!isNaN(e)}function fi(e){return e!==null&&typeof e=="object"&&typeof e.get=="function"&&typeof e.set=="function"}Q("cloak",e=>queueMicrotask(()=>ee(()=>e.removeAttribute(xt("cloak")))));go(()=>`[${xt("init")}]`);Q("init",Ke((e,{expression:t},{evaluate:n})=>typeof t=="string"?!!t.trim()&&n(t,{},!1):n(t,{},!1)));Q("text",(e,{expression:t},{effect:n,evaluateLater:r})=>{let i=r(t);n(()=>{i(o=>{ee(()=>{e.textContent=o})})})});Q("html",(e,{expression:t},{effect:n,evaluateLater:r})=>{let i=r(t);n(()=>{i(o=>{ee(()=>{e.innerHTML=o,e._x_ignoreSelf=!0,Ne(e),delete e._x_ignoreSelf})})})});br(io(":",oo(xt("bind:"))));var Go=(e,{value:t,modifiers:n,expression:r,original:i},{effect:o,cleanup:a})=>{if(!t){let c={};Fc(c),ae(e,r)(l=>{Ro(e,l,i)},{scope:c});return}if(t==="key")return Bu(e,r);if(e._x_inlineBindings&&e._x_inlineBindings[t]&&e._x_inlineBindings[t].extract)return;let s=ae(e,r);o(()=>s(c=>{c===void 0&&typeof r=="string"&&r.match(/\./)&&(c=""),ee(()=>Eo(e,t,c,n))})),a(()=>{e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedStyles&&e._x_undoAddedStyles()})};Go.inline=(e,{value:t,modifiers:n,expression:r})=>{t&&(e._x_inlineBindings||(e._x_inlineBindings={}),e._x_inlineBindings[t]={expression:r,extract:!1})};Q("bind",Go);function Bu(e,t){e._x_keyExpression=t}ho(()=>`[${xt("data")}]`);Q("data",(e,{expression:t},{cleanup:n})=>{if($u(e))return;t=t===""?"{}":t;let r={};Kn(r,e);let i={};Wc(i,r);let o=et(e,t,{scope:i});(o===void 0||o===!0)&&(o={}),Kn(o,e);let a=yt(o);Xi(a);let s=Ht(e,a);a.init&&et(e,a.init),n(()=>{a.destroy&&et(e,a.destroy),s()})});gn((e,t)=>{e._x_dataStack&&(t._x_dataStack=e._x_dataStack,t.setAttribute("data-has-alpine-state",!0))});function $u(e){return Fe?Jn?!0:e.hasAttribute("data-has-alpine-state"):!1}Q("show",(e,{modifiers:t,expression:n},{effect:r})=>{let i=ae(e,n);e._x_doHide||(e._x_doHide=()=>{ee(()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)})}),e._x_doShow||(e._x_doShow=()=>{ee(()=>{e.style.length===1&&e.style.display==="none"?e.removeAttribute("style"):e.style.removeProperty("display")})});let o=()=>{e._x_doHide(),e._x_isShown=!1},a=()=>{e._x_doShow(),e._x_isShown=!0},s=()=>setTimeout(a),c=Xn(v=>v?a():o(),v=>{typeof e._x_toggleAndCascadeWithTransitions=="function"?e._x_toggleAndCascadeWithTransitions(e,v,a,o):v?s():o()}),f,l=!0;r(()=>i(v=>{!l&&v===f||(t.includes("immediate")&&(v?s():o()),c(v),f=v,l=!1)}))});Q("for",(e,{expression:t},{effect:n,cleanup:r})=>{let i=Hu(t),o=ae(e,i.items),a=ae(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},n(()=>ju(e,i,o,a)),r(()=>{Object.values(e._x_lookup).forEach(s=>s.remove()),delete e._x_prevKeys,delete e._x_lookup})});function ju(e,t,n,r){let i=a=>typeof a=="object"&&!Array.isArray(a),o=e;n(a=>{Fu(a)&&a>=0&&(a=Array.from(Array(a).keys(),h=>h+1)),a===void 0&&(a=[]);let s=e._x_lookup,c=e._x_prevKeys,f=[],l=[];if(i(a))a=Object.entries(a).map(([h,E])=>{let O=di(t,E,h,a);r(M=>{l.includes(M)&&ve("Duplicate key on x-for",e),l.push(M)},{scope:{index:h,...O}}),f.push(O)});else for(let h=0;h<a.length;h++){let E=di(t,a[h],h,a);r(O=>{l.includes(O)&&ve("Duplicate key on x-for",e),l.push(O)},{scope:{index:h,...E}}),f.push(E)}let v=[],b=[],_=[],A=[];for(let h=0;h<c.length;h++){let E=c[h];l.indexOf(E)===-1&&_.push(E)}c=c.filter(h=>!_.includes(h));let S="template";for(let h=0;h<l.length;h++){let E=l[h],O=c.indexOf(E);if(O===-1)c.splice(h,0,E),v.push([S,h]);else if(O!==h){let M=c.splice(h,1)[0],u=c.splice(O-1,1)[0];c.splice(h,0,u),c.splice(O,0,M),b.push([M,u])}else A.push(E);S=E}for(let h=0;h<_.length;h++){let E=_[h];s[E]._x_effects&&s[E]._x_effects.forEach($i),s[E].remove(),s[E]=null,delete s[E]}for(let h=0;h<b.length;h++){let[E,O]=b[h],M=s[E],u=s[O],I=document.createElement("div");ee(()=>{u||ve('x-for ":key" is undefined or invalid',o,O,s),u.after(I),M.after(u),u._x_currentIfEl&&u.after(u._x_currentIfEl),I.before(M),M._x_currentIfEl&&M.after(M._x_currentIfEl),I.remove()}),u._x_refreshXForScope(f[l.indexOf(O)])}for(let h=0;h<v.length;h++){let[E,O]=v[h],M=E==="template"?o:s[E];M._x_currentIfEl&&(M=M._x_currentIfEl);let u=f[O],I=l[O],m=document.importNode(o.content,!0).firstElementChild,L=yt(u);Ht(m,L,o),m._x_refreshXForScope=K=>{Object.entries(K).forEach(([P,H])=>{L[P]=H})},ee(()=>{M.after(m),Ke(()=>Ne(m))()}),typeof I=="object"&&ve("x-for key cannot be an object, it must be a string or an integer",o),s[I]=m}for(let h=0;h<A.length;h++)s[A[h]]._x_refreshXForScope(f[l.indexOf(A[h])]);o._x_prevKeys=l})}function Hu(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,n=/^\s*$|$\s*$/g,r=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,i=e.match(r);if(!i)return;let o={};o.items=i[2].trim();let a=i[1].replace(n,"").trim(),s=a.match(t);return s?(o.item=a.replace(t,"").trim(),o.index=s[1].trim(),s[2]&&(o.collection=s[2].trim())):o.item=a,o}function di(e,t,n,r){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map(a=>a.trim()).forEach((a,s)=>{i[a]=t[s]}):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&typeof t=="object"?e.item.replace("{","").replace("}","").split(",").map(a=>a.trim()).forEach(a=>{i[a]=t[a]}):i[e.item]=t,e.index&&(i[e.index]=n),e.collection&&(i[e.collection]=r),i}function Fu(e){return!Array.isArray(e)&&!isNaN(e)}function Xo(){}Xo.inline=(e,{expression:t},{cleanup:n})=>{let r=pn(e);r._x_refs||(r._x_refs={}),r._x_refs[t]=e,n(()=>delete r._x_refs[t])};Q("ref",Xo);Q("if",(e,{expression:t},{effect:n,cleanup:r})=>{e.tagName.toLowerCase()!=="template"&&ve("x-if can only be used on a <template> tag",e);let i=ae(e,t),o=()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let s=e.content.cloneNode(!0).firstElementChild;return Ht(s,{},e),ee(()=>{e.after(s),Ke(()=>Ne(s))()}),e._x_currentIfEl=s,e._x_undoIf=()=>{He(s,c=>{c._x_effects&&c._x_effects.forEach($i)}),s.remove(),delete e._x_currentIfEl},s},a=()=>{e._x_undoIf&&(e._x_undoIf(),delete e._x_undoIf)};n(()=>i(s=>{s?o():a()})),r(()=>e._x_undoIf&&e._x_undoIf())});Q("id",(e,{expression:t},{evaluate:n})=>{n(t).forEach(i=>Tu(e,i))});gn((e,t)=>{e._x_ids&&(t._x_ids=e._x_ids)});br(io("@",oo(xt("on:"))));Q("on",Ke((e,{value:t,modifiers:n,expression:r},{cleanup:i})=>{let o=r?ae(e,r):()=>{};e.tagName.toLowerCase()==="template"&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let a=tr(e,t,n,s=>{o(()=>{},{scope:{$event:s},params:[s]})});i(()=>a())}));yn("Collapse","collapse","collapse");yn("Intersect","intersect","intersect");yn("Focus","trap","focus");yn("Mask","mask","mask");function yn(e,t,n){Q(t,r=>ve(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${n}`,r))}Wt.setEvaluator(eo);Wt.setReactivityEngine({reactive:Cr,effect:Qc,release:eu,raw:X});var Uu=Wt,Wu=Uu;function Ku(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Yo(e){return e instanceof Map?e.clear=e.delete=e.set=function(){throw new Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function(){throw new Error("set is read-only")}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach(t=>{const n=e[t],r=typeof n;(r==="object"||r==="function")&&!Object.isFrozen(n)&&Yo(n)}),e}class pi{constructor(t){t.data===void 0&&(t.data={}),this.data=t.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}}function Jo(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function je(e,...t){const n=Object.create(null);for(const r in e)n[r]=e[r];return t.forEach(function(r){for(const i in r)n[i]=r[i]}),n}const zu="</span>",hi=e=>!!e.scope,Vu=(e,{prefix:t})=>{if(e.startsWith("language:"))return e.replace("language:","language-");if(e.includes(".")){const n=e.split(".");return[`${t}${n.shift()}`,...n.map((r,i)=>`${r}${"_".repeat(i+1)}`)].join(" ")}return`${t}${e}`};class qu{constructor(t,n){this.buffer="",this.classPrefix=n.classPrefix,t.walk(this)}addText(t){this.buffer+=Jo(t)}openNode(t){if(!hi(t))return;const n=Vu(t.scope,{prefix:this.classPrefix});this.span(n)}closeNode(t){hi(t)&&(this.buffer+=zu)}value(){return this.buffer}span(t){this.buffer+=`<span class="${t}">`}}const gi=(e={})=>{const t={children:[]};return Object.assign(t,e),t};class Rr{constructor(){this.rootNode=gi(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(t){this.top.children.push(t)}openNode(t){const n=gi({scope:t});this.add(n),this.stack.push(n)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(t){return this.constructor._walk(t,this.rootNode)}static _walk(t,n){return typeof n=="string"?t.addText(n):n.children&&(t.openNode(n),n.children.forEach(r=>this._walk(t,r)),t.closeNode(n)),t}static _collapse(t){typeof t!="string"&&t.children&&(t.children.every(n=>typeof n=="string")?t.children=[t.children.join("")]:t.children.forEach(n=>{Rr._collapse(n)}))}}class Gu extends Rr{constructor(t){super(),this.options=t}addText(t){t!==""&&this.add(t)}startScope(t){this.openNode(t)}endScope(){this.closeNode()}__addSublanguage(t,n){const r=t.root;n&&(r.scope=`language:${n}`),this.add(r)}toHTML(){return new qu(this,this.options).value()}finalize(){return this.closeAllNodes(),!0}}function Pt(e){return e?typeof e=="string"?e:e.source:null}function Zo(e){return at("(?=",e,")")}function Xu(e){return at("(?:",e,")*")}function Yu(e){return at("(?:",e,")?")}function at(...e){return e.map(n=>Pt(n)).join("")}function Ju(e){const t=e[e.length-1];return typeof t=="object"&&t.constructor===Object?(e.splice(e.length-1,1),t):{}}function Ir(...e){return"("+(Ju(e).capture?"":"?:")+e.map(r=>Pt(r)).join("|")+")"}function Qo(e){return new RegExp(e.toString()+"|").exec("").length-1}function Zu(e,t){const n=e&&e.exec(t);return n&&n.index===0}const Qu=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function Dr(e,{joinWith:t}){let n=0;return e.map(r=>{n+=1;const i=n;let o=Pt(r),a="";for(;o.length>0;){const s=Qu.exec(o);if(!s){a+=o;break}a+=o.substring(0,s.index),o=o.substring(s.index+s[0].length),s[0][0]==="\\"&&s[1]?a+="\\"+String(Number(s[1])+i):(a+=s[0],s[0]==="("&&n++)}return a}).map(r=>`(${r})`).join(t)}const el=/\b\B/,ea="[a-zA-Z]\\w*",Nr="[a-zA-Z_]\\w*",ta="\\b\\d+(\\.\\d+)?",na="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",ra="\\b(0b[01]+)",tl="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",nl=(e={})=>{const t=/^#![ ]*\//;return e.binary&&(e.begin=at(t,/.*\b/,e.binary,/\b.*/)),je({scope:"meta",begin:t,end:/$/,relevance:0,"on:begin":(n,r)=>{n.index!==0&&r.ignoreMatch()}},e)},kt={begin:"\\\\[\\s\\S]",relevance:0},rl={scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[kt]},il={scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[kt]},ol={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},mn=function(e,t,n={}){const r=je({scope:"comment",begin:e,end:t,contains:[]},n);r.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});const i=Ir("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return r.contains.push({begin:at(/[ ]+/,"(",i,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),r},al=mn("//","$"),sl=mn("/\\*","\\*/"),cl=mn("#","$"),ul={scope:"number",begin:ta,relevance:0},ll={scope:"number",begin:na,relevance:0},fl={scope:"number",begin:ra,relevance:0},dl={scope:"regexp",begin:/\/(?=[^/\n]*\/)/,end:/\/[gimuy]*/,contains:[kt,{begin:/\[/,end:/\]/,relevance:0,contains:[kt]}]},pl={scope:"title",begin:ea,relevance:0},hl={scope:"title",begin:Nr,relevance:0},gl={begin:"\\.\\s*"+Nr,relevance:0},vl=function(e){return Object.assign(e,{"on:begin":(t,n)=>{n.data._beginMatch=t[1]},"on:end":(t,n)=>{n.data._beginMatch!==t[1]&&n.ignoreMatch()}})};var Qt=Object.freeze({__proto__:null,APOS_STRING_MODE:rl,BACKSLASH_ESCAPE:kt,BINARY_NUMBER_MODE:fl,BINARY_NUMBER_RE:ra,COMMENT:mn,C_BLOCK_COMMENT_MODE:sl,C_LINE_COMMENT_MODE:al,C_NUMBER_MODE:ll,C_NUMBER_RE:na,END_SAME_AS_BEGIN:vl,HASH_COMMENT_MODE:cl,IDENT_RE:ea,MATCH_NOTHING_RE:el,METHOD_GUARD:gl,NUMBER_MODE:ul,NUMBER_RE:ta,PHRASAL_WORDS_MODE:ol,QUOTE_STRING_MODE:il,REGEXP_MODE:dl,RE_STARTERS_RE:tl,SHEBANG:nl,TITLE_MODE:pl,UNDERSCORE_IDENT_RE:Nr,UNDERSCORE_TITLE_MODE:hl});function _l(e,t){e.input[e.index-1]==="."&&t.ignoreMatch()}function bl(e,t){e.className!==void 0&&(e.scope=e.className,delete e.className)}function yl(e,t){t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=_l,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,e.relevance===void 0&&(e.relevance=0))}function ml(e,t){Array.isArray(e.illegal)&&(e.illegal=Ir(...e.illegal))}function xl(e,t){if(e.match){if(e.begin||e.end)throw new Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function El(e,t){e.relevance===void 0&&(e.relevance=1)}const wl=(e,t)=>{if(!e.beforeMatch)return;if(e.starts)throw new Error("beforeMatch cannot be used with starts");const n=Object.assign({},e);Object.keys(e).forEach(r=>{delete e[r]}),e.keywords=n.keywords,e.begin=at(n.beforeMatch,Zo(n.begin)),e.starts={relevance:0,contains:[Object.assign(n,{endsParent:!0})]},e.relevance=0,delete n.beforeMatch},Ol=["of","and","for","in","not","or","if","then","parent","list","value"],Al="keyword";function ia(e,t,n=Al){const r=Object.create(null);return typeof e=="string"?i(n,e.split(" ")):Array.isArray(e)?i(n,e):Object.keys(e).forEach(function(o){Object.assign(r,ia(e[o],t,o))}),r;function i(o,a){t&&(a=a.map(s=>s.toLowerCase())),a.forEach(function(s){const c=s.split("|");r[c[0]]=[o,Sl(c[0],c[1])]})}}function Sl(e,t){return t?Number(t):Tl(e)?0:1}function Tl(e){return Ol.includes(e.toLowerCase())}const vi={},rt=e=>{console.error(e)},_i=(e,...t)=>{console.log(`WARN: ${e}`,...t)},lt=(e,t)=>{vi[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),vi[`${e}/${t}`]=!0)},ln=new Error;function oa(e,t,{key:n}){let r=0;const i=e[n],o={},a={};for(let s=1;s<=t.length;s++)a[s+r]=i[s],o[s+r]=!0,r+=Qo(t[s-1]);e[n]=a,e[n]._emit=o,e[n]._multi=!0}function Ml(e){if(Array.isArray(e.begin)){if(e.skip||e.excludeBegin||e.returnBegin)throw rt("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),ln;if(typeof e.beginScope!="object"||e.beginScope===null)throw rt("beginScope must be object"),ln;oa(e,e.begin,{key:"beginScope"}),e.begin=Dr(e.begin,{joinWith:""})}}function Cl(e){if(Array.isArray(e.end)){if(e.skip||e.excludeEnd||e.returnEnd)throw rt("skip, excludeEnd, returnEnd not compatible with endScope: {}"),ln;if(typeof e.endScope!="object"||e.endScope===null)throw rt("endScope must be object"),ln;oa(e,e.end,{key:"endScope"}),e.end=Dr(e.end,{joinWith:""})}}function Rl(e){e.scope&&typeof e.scope=="object"&&e.scope!==null&&(e.beginScope=e.scope,delete e.scope)}function Il(e){Rl(e),typeof e.beginScope=="string"&&(e.beginScope={_wrap:e.beginScope}),typeof e.endScope=="string"&&(e.endScope={_wrap:e.endScope}),Ml(e),Cl(e)}function Dl(e){function t(a,s){return new RegExp(Pt(a),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(s?"g":""))}class n{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(s,c){c.position=this.position++,this.matchIndexes[this.matchAt]=c,this.regexes.push([c,s]),this.matchAt+=Qo(s)+1}compile(){this.regexes.length===0&&(this.exec=()=>null);const s=this.regexes.map(c=>c[1]);this.matcherRe=t(Dr(s,{joinWith:"|"}),!0),this.lastIndex=0}exec(s){this.matcherRe.lastIndex=this.lastIndex;const c=this.matcherRe.exec(s);if(!c)return null;const f=c.findIndex((v,b)=>b>0&&v!==void 0),l=this.matchIndexes[f];return c.splice(0,f),Object.assign(c,l)}}class r{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(s){if(this.multiRegexes[s])return this.multiRegexes[s];const c=new n;return this.rules.slice(s).forEach(([f,l])=>c.addRule(f,l)),c.compile(),this.multiRegexes[s]=c,c}resumingScanAtSamePosition(){return this.regexIndex!==0}considerAll(){this.regexIndex=0}addRule(s,c){this.rules.push([s,c]),c.type==="begin"&&this.count++}exec(s){const c=this.getMatcher(this.regexIndex);c.lastIndex=this.lastIndex;let f=c.exec(s);if(this.resumingScanAtSamePosition()&&!(f&&f.index===this.lastIndex)){const l=this.getMatcher(0);l.lastIndex=this.lastIndex+1,f=l.exec(s)}return f&&(this.regexIndex+=f.position+1,this.regexIndex===this.count&&this.considerAll()),f}}function i(a){const s=new r;return a.contains.forEach(c=>s.addRule(c.begin,{rule:c,type:"begin"})),a.terminatorEnd&&s.addRule(a.terminatorEnd,{type:"end"}),a.illegal&&s.addRule(a.illegal,{type:"illegal"}),s}function o(a,s){const c=a;if(a.isCompiled)return c;[bl,xl,Il,wl].forEach(l=>l(a,s)),e.compilerExtensions.forEach(l=>l(a,s)),a.__beforeBegin=null,[yl,ml,El].forEach(l=>l(a,s)),a.isCompiled=!0;let f=null;return typeof a.keywords=="object"&&a.keywords.$pattern&&(a.keywords=Object.assign({},a.keywords),f=a.keywords.$pattern,delete a.keywords.$pattern),f=f||/\w+/,a.keywords&&(a.keywords=ia(a.keywords,e.case_insensitive)),c.keywordPatternRe=t(f,!0),s&&(a.begin||(a.begin=/\B|\b/),c.beginRe=t(c.begin),!a.end&&!a.endsWithParent&&(a.end=/\B|\b/),a.end&&(c.endRe=t(c.end)),c.terminatorEnd=Pt(c.end)||"",a.endsWithParent&&s.terminatorEnd&&(c.terminatorEnd+=(a.end?"|":"")+s.terminatorEnd)),a.illegal&&(c.illegalRe=t(a.illegal)),a.contains||(a.contains=[]),a.contains=[].concat(...a.contains.map(function(l){return Nl(l==="self"?a:l)})),a.contains.forEach(function(l){o(l,c)}),a.starts&&o(a.starts,s),c.matcher=i(c),c}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");return e.classNameAliases=je(e.classNameAliases||{}),o(e)}function aa(e){return e?e.endsWithParent||aa(e.starts):!1}function Nl(e){return e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map(function(t){return je(e,{variants:null},t)})),e.cachedVariants?e.cachedVariants:aa(e)?je(e,{starts:e.starts?je(e.starts):null}):Object.isFrozen(e)?je(e):e}var Ll="11.9.0";class Pl extends Error{constructor(t,n){super(t),this.name="HTMLInjectionError",this.html=n}}const Ln=Jo,bi=je,yi=Symbol("nomatch"),kl=7,sa=function(e){const t=Object.create(null),n=Object.create(null),r=[];let i=!0;const o="Could not find the language '{}', did you forget to load/include a language module?",a={disableAutodetect:!0,name:"Plain text",contains:[]};let s={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:Gu};function c(p){return s.noHighlightRe.test(p)}function f(p){let y=p.className+" ";y+=p.parentNode?p.parentNode.className:"";const C=s.languageDetectRe.exec(y);if(C){const N=P(C[1]);return N||(_i(o.replace("{}",C[1])),_i("Falling back to no-highlight mode for this block.",p)),N?C[1]:"no-highlight"}return y.split(/\s+/).find(N=>c(N)||P(N))}function l(p,y,C){let N="",W="";typeof y=="object"?(N=p,C=y.ignoreIllegals,W=y.language):(lt("10.7.0","highlight(lang, code, ...args) has been deprecated."),lt("10.7.0",`Please use highlight(code, options) instead.
https://github.com/highlightjs/highlight.js/issues/2277`),W=p,N=y),C===void 0&&(C=!0);const J={code:N,language:W};Y("before:highlight",J);const re=J.result?J.result:v(J.language,J.code,C);return re.code=J.code,Y("after:highlight",re),re}function v(p,y,C,N){const W=Object.create(null);function J(g,x){return g.keywords[x]}function re(){if(!T.keywords){V.addText($);return}let g=0;T.keywordPatternRe.lastIndex=0;let x=T.keywordPatternRe.exec($),D="";for(;x;){D+=$.substring(g,x.index);const j=ie.case_insensitive?x[0].toLowerCase():x[0],ne=J(T,j);if(ne){const[me,En]=ne;if(V.addText(D),D="",W[j]=(W[j]||0)+1,W[j]<=kl&&(he+=En),me.startsWith("_"))D+=x[0];else{const d=ie.classNameAliases[me]||me;Z(x[0],d)}}else D+=x[0];g=T.keywordPatternRe.lastIndex,x=T.keywordPatternRe.exec($)}D+=$.substring(g),V.addText(D)}function se(){if($==="")return;let g=null;if(typeof T.subLanguage=="string"){if(!t[T.subLanguage]){V.addText($);return}g=v(T.subLanguage,$,!0,pe[T.subLanguage]),pe[T.subLanguage]=g._top}else g=_($,T.subLanguage.length?T.subLanguage:null);T.relevance>0&&(he+=g.relevance),V.__addSublanguage(g._emitter,g.language)}function G(){T.subLanguage!=null?se():re(),$=""}function Z(g,x){g!==""&&(V.startScope(x),V.addText(g),V.endScope())}function Ce(g,x){let D=1;const j=x.length-1;for(;D<=j;){if(!g._emit[D]){D++;continue}const ne=ie.classNameAliases[g[D]]||g[D],me=x[D];ne?Z(me,ne):($=me,re(),$=""),D++}}function de(g,x){return g.scope&&typeof g.scope=="string"&&V.openNode(ie.classNameAliases[g.scope]||g.scope),g.beginScope&&(g.beginScope._wrap?(Z($,ie.classNameAliases[g.beginScope._wrap]||g.beginScope._wrap),$=""):g.beginScope._multi&&(Ce(g.beginScope,x),$="")),T=Object.create(g,{parent:{value:T}}),T}function Re(g,x,D){let j=Zu(g.endRe,D);if(j){if(g["on:end"]){const ne=new pi(g);g["on:end"](x,ne),ne.isMatchIgnored&&(j=!1)}if(j){for(;g.endsParent&&g.parent;)g=g.parent;return g}}if(g.endsWithParent)return Re(g.parent,x,D)}function Oe(g){return T.matcher.regexIndex===0?($+=g[0],1):(Be=!0,0)}function Le(g){const x=g[0],D=g.rule,j=new pi(D),ne=[D.__beforeBegin,D["on:begin"]];for(const me of ne)if(me&&(me(g,j),j.isMatchIgnored))return Oe(x);return D.skip?$+=x:(D.excludeBegin&&($+=x),G(),!D.returnBegin&&!D.excludeBegin&&($=x)),de(D,g),D.returnBegin?0:x.length}function st(g){const x=g[0],D=y.substring(g.index),j=Re(T,g,D);if(!j)return yi;const ne=T;T.endScope&&T.endScope._wrap?(G(),Z(x,T.endScope._wrap)):T.endScope&&T.endScope._multi?(G(),Ce(T.endScope,g)):ne.skip?$+=x:(ne.returnEnd||ne.excludeEnd||($+=x),G(),ne.excludeEnd&&($=x));do T.scope&&V.closeNode(),!T.skip&&!T.subLanguage&&(he+=T.relevance),T=T.parent;while(T!==j.parent);return j.starts&&de(j.starts,g),ne.returnEnd?0:x.length}function ze(){const g=[];for(let x=T;x!==ie;x=x.parent)x.scope&&g.unshift(x.scope);g.forEach(x=>V.openNode(x))}let Ie={};function Ve(g,x){const D=x&&x[0];if($+=g,D==null)return G(),0;if(Ie.type==="begin"&&x.type==="end"&&Ie.index===x.index&&D===""){if($+=y.slice(x.index,x.index+1),!i){const j=new Error(`0 width match regex (${p})`);throw j.languageName=p,j.badRule=Ie.rule,j}return 1}if(Ie=x,x.type==="begin")return Le(x);if(x.type==="illegal"&&!C){const j=new Error('Illegal lexeme "'+D+'" for mode "'+(T.scope||"<unnamed>")+'"');throw j.mode=T,j}else if(x.type==="end"){const j=st(x);if(j!==yi)return j}if(x.type==="illegal"&&D==="")return 1;if(ke>1e5&&ke>x.index*3)throw new Error("potential infinite loop, way more iterations than matches");return $+=D,D.length}const ie=P(p);if(!ie)throw rt(o.replace("{}",p)),new Error('Unknown language: "'+p+'"');const qe=Dl(ie);let Pe="",T=N||qe;const pe={},V=new s.__emitter(s);ze();let $="",he=0,le=0,ke=0,Be=!1;try{if(ie.__emitTokens)ie.__emitTokens(y,V);else{for(T.matcher.considerAll();;){ke++,Be?Be=!1:T.matcher.considerAll(),T.matcher.lastIndex=le;const g=T.matcher.exec(y);if(!g)break;const x=y.substring(le,g.index),D=Ve(x,g);le=g.index+D}Ve(y.substring(le))}return V.finalize(),Pe=V.toHTML(),{language:p,value:Pe,relevance:he,illegal:!1,_emitter:V,_top:T}}catch(g){if(g.message&&g.message.includes("Illegal"))return{language:p,value:Ln(y),illegal:!0,relevance:0,_illegalBy:{message:g.message,index:le,context:y.slice(le-100,le+100),mode:g.mode,resultSoFar:Pe},_emitter:V};if(i)return{language:p,value:Ln(y),illegal:!1,relevance:0,errorRaised:g,_emitter:V,_top:T};throw g}}function b(p){const y={value:Ln(p),illegal:!1,relevance:0,_top:a,_emitter:new s.__emitter(s)};return y._emitter.addText(p),y}function _(p,y){y=y||s.languages||Object.keys(t);const C=b(p),N=y.filter(P).filter(q).map(G=>v(G,p,!1));N.unshift(C);const W=N.sort((G,Z)=>{if(G.relevance!==Z.relevance)return Z.relevance-G.relevance;if(G.language&&Z.language){if(P(G.language).supersetOf===Z.language)return 1;if(P(Z.language).supersetOf===G.language)return-1}return 0}),[J,re]=W,se=J;return se.secondBest=re,se}function A(p,y,C){const N=y&&n[y]||C;p.classList.add("hljs"),p.classList.add(`language-${N}`)}function S(p){let y=null;const C=f(p);if(c(C))return;if(Y("before:highlightElement",{el:p,language:C}),p.dataset.highlighted){console.log("Element previously highlighted. To highlight again, first unset `dataset.highlighted`.",p);return}if(p.children.length>0&&(s.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),console.warn("The element with unescaped HTML:"),console.warn(p)),s.throwUnescapedHTML))throw new Pl("One of your code blocks includes unescaped HTML.",p.innerHTML);y=p;const N=y.textContent,W=C?l(N,{language:C,ignoreIllegals:!0}):_(N);p.innerHTML=W.value,p.dataset.highlighted="yes",A(p,C,W.language),p.result={language:W.language,re:W.relevance,relevance:W.relevance},W.secondBest&&(p.secondBest={language:W.secondBest.language,relevance:W.secondBest.relevance}),Y("after:highlightElement",{el:p,result:W,text:N})}function h(p){s=bi(s,p)}const E=()=>{u(),lt("10.6.0","initHighlighting() deprecated.  Use highlightAll() now.")};function O(){u(),lt("10.6.0","initHighlightingOnLoad() deprecated.  Use highlightAll() now.")}let M=!1;function u(){if(document.readyState==="loading"){M=!0;return}document.querySelectorAll(s.cssSelector).forEach(S)}function I(){M&&u()}typeof window<"u"&&window.addEventListener&&window.addEventListener("DOMContentLoaded",I,!1);function m(p,y){let C=null;try{C=y(e)}catch(N){if(rt("Language definition for '{}' could not be registered.".replace("{}",p)),i)rt(N);else throw N;C=a}C.name||(C.name=p),t[p]=C,C.rawDefinition=y.bind(null,e),C.aliases&&H(C.aliases,{languageName:p})}function L(p){delete t[p];for(const y of Object.keys(n))n[y]===p&&delete n[y]}function K(){return Object.keys(t)}function P(p){return p=(p||"").toLowerCase(),t[p]||t[n[p]]}function H(p,{languageName:y}){typeof p=="string"&&(p=[p]),p.forEach(C=>{n[C.toLowerCase()]=y})}function q(p){const y=P(p);return y&&!y.disableAutodetect}function z(p){p["before:highlightBlock"]&&!p["before:highlightElement"]&&(p["before:highlightElement"]=y=>{p["before:highlightBlock"](Object.assign({block:y.el},y))}),p["after:highlightBlock"]&&!p["after:highlightElement"]&&(p["after:highlightElement"]=y=>{p["after:highlightBlock"](Object.assign({block:y.el},y))})}function k(p){z(p),r.push(p)}function U(p){const y=r.indexOf(p);y!==-1&&r.splice(y,1)}function Y(p,y){const C=p;r.forEach(function(N){N[C]&&N[C](y)})}function te(p){return lt("10.7.0","highlightBlock will be removed entirely in v12.0"),lt("10.7.0","Please use highlightElement now."),S(p)}Object.assign(e,{highlight:l,highlightAuto:_,highlightAll:u,highlightElement:S,highlightBlock:te,configure:h,initHighlighting:E,initHighlightingOnLoad:O,registerLanguage:m,unregisterLanguage:L,listLanguages:K,getLanguage:P,registerAliases:H,autoDetection:q,inherit:bi,addPlugin:k,removePlugin:U}),e.debugMode=function(){i=!1},e.safeMode=function(){i=!0},e.versionString=Ll,e.regex={concat:at,lookahead:Zo,either:Ir,optional:Yu,anyNumberOfTimes:Xu};for(const p in Qt)typeof Qt[p]=="object"&&Yo(Qt[p]);return Object.assign(e,Qt),e},bt=sa({});bt.newInstance=()=>sa({});var Bl=bt;bt.HighlightJS=bt;bt.default=bt;const xn=Ku(Bl);function $l(e){const t=e.regex,n=/(?![A-Za-z0-9])(?![$])/,r=t.concat(/[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/,n),i=t.concat(/(\\?[A-Z][a-z0-9_\x7f-\xff]+|\\?[A-Z]+(?=[A-Z][a-z0-9_\x7f-\xff])){1,}/,n),o={scope:"variable",match:"\\$+"+r},a={scope:"meta",variants:[{begin:/<\?php/,relevance:10},{begin:/<\?=/},{begin:/<\?/,relevance:.1},{begin:/\?>/}]},s={scope:"subst",variants:[{begin:/\$\w+/},{begin:/\{\$/,end:/\}/}]},c=e.inherit(e.APOS_STRING_MODE,{illegal:null}),f=e.inherit(e.QUOTE_STRING_MODE,{illegal:null,contains:e.QUOTE_STRING_MODE.contains.concat(s)}),l={begin:/<<<[ \t]*(?:(\w+)|"(\w+)")\n/,end:/[ \t]*(\w+)\b/,contains:e.QUOTE_STRING_MODE.contains.concat(s),"on:begin":(k,U)=>{U.data._beginMatch=k[1]||k[2]},"on:end":(k,U)=>{U.data._beginMatch!==k[1]&&U.ignoreMatch()}},v=e.END_SAME_AS_BEGIN({begin:/<<<[ \t]*'(\w+)'\n/,end:/[ \t]*(\w+)\b/}),b=`[ 	
]`,_={scope:"string",variants:[f,c,l,v]},A={scope:"number",variants:[{begin:"\\b0[bB][01]+(?:_[01]+)*\\b"},{begin:"\\b0[oO][0-7]+(?:_[0-7]+)*\\b"},{begin:"\\b0[xX][\\da-fA-F]+(?:_[\\da-fA-F]+)*\\b"},{begin:"(?:\\b\\d+(?:_\\d+)*(\\.(?:\\d+(?:_\\d+)*))?|\\B\\.\\d+)(?:[eE][+-]?\\d+)?"}],relevance:0},S=["false","null","true"],h=["__CLASS__","__DIR__","__FILE__","__FUNCTION__","__COMPILER_HALT_OFFSET__","__LINE__","__METHOD__","__NAMESPACE__","__TRAIT__","die","echo","exit","include","include_once","print","require","require_once","array","abstract","and","as","binary","bool","boolean","break","callable","case","catch","class","clone","const","continue","declare","default","do","double","else","elseif","empty","enddeclare","endfor","endforeach","endif","endswitch","endwhile","enum","eval","extends","final","finally","float","for","foreach","from","global","goto","if","implements","instanceof","insteadof","int","integer","interface","isset","iterable","list","match|0","mixed","new","never","object","or","private","protected","public","readonly","real","return","string","switch","throw","trait","try","unset","use","var","void","while","xor","yield"],E=["Error|0","AppendIterator","ArgumentCountError","ArithmeticError","ArrayIterator","ArrayObject","AssertionError","BadFunctionCallException","BadMethodCallException","CachingIterator","CallbackFilterIterator","CompileError","Countable","DirectoryIterator","DivisionByZeroError","DomainException","EmptyIterator","ErrorException","Exception","FilesystemIterator","FilterIterator","GlobIterator","InfiniteIterator","InvalidArgumentException","IteratorIterator","LengthException","LimitIterator","LogicException","MultipleIterator","NoRewindIterator","OutOfBoundsException","OutOfRangeException","OuterIterator","OverflowException","ParentIterator","ParseError","RangeException","RecursiveArrayIterator","RecursiveCachingIterator","RecursiveCallbackFilterIterator","RecursiveDirectoryIterator","RecursiveFilterIterator","RecursiveIterator","RecursiveIteratorIterator","RecursiveRegexIterator","RecursiveTreeIterator","RegexIterator","RuntimeException","SeekableIterator","SplDoublyLinkedList","SplFileInfo","SplFileObject","SplFixedArray","SplHeap","SplMaxHeap","SplMinHeap","SplObjectStorage","SplObserver","SplPriorityQueue","SplQueue","SplStack","SplSubject","SplTempFileObject","TypeError","UnderflowException","UnexpectedValueException","UnhandledMatchError","ArrayAccess","BackedEnum","Closure","Fiber","Generator","Iterator","IteratorAggregate","Serializable","Stringable","Throwable","Traversable","UnitEnum","WeakReference","WeakMap","Directory","__PHP_Incomplete_Class","parent","php_user_filter","self","static","stdClass"],M={keyword:h,literal:(k=>{const U=[];return k.forEach(Y=>{U.push(Y),Y.toLowerCase()===Y?U.push(Y.toUpperCase()):U.push(Y.toLowerCase())}),U})(S),built_in:E},u=k=>k.map(U=>U.replace(/\|\d+$/,"")),I={variants:[{match:[/new/,t.concat(b,"+"),t.concat("(?!",u(E).join("\\b|"),"\\b)"),i],scope:{1:"keyword",4:"title.class"}}]},m=t.concat(r,"\\b(?!\$)"),L={variants:[{match:[t.concat(/::/,t.lookahead(/(?!class\b)/)),m],scope:{2:"variable.constant"}},{match:[/::/,/class/],scope:{2:"variable.language"}},{match:[i,t.concat(/::/,t.lookahead(/(?!class\b)/)),m],scope:{1:"title.class",3:"variable.constant"}},{match:[i,t.concat("::",t.lookahead(/(?!class\b)/))],scope:{1:"title.class"}},{match:[i,/::/,/class/],scope:{1:"title.class",3:"variable.language"}}]},K={scope:"attr",match:t.concat(r,t.lookahead(":"),t.lookahead(/(?!::)/))},P={relevance:0,begin:/\(/,end:/$/,keywords:M,contains:[K,o,L,e.C_BLOCK_COMMENT_MODE,_,A,I]},H={relevance:0,match:[/\b/,t.concat("(?!fn\\b|function\\b|",u(h).join("\\b|"),"|",u(E).join("\\b|"),"\\b)"),r,t.concat(b,"*"),t.lookahead(/(?=$)/)],scope:{3:"title.function.invoke"},contains:[P]};P.contains.push(H);const q=[K,L,e.C_BLOCK_COMMENT_MODE,_,A,I],z={begin:t.concat(/#\[\s*/,i),beginScope:"meta",end:/]/,endScope:"meta",keywords:{literal:S,keyword:["new","array"]},contains:[{begin:/\[/,end:/]/,keywords:{literal:S,keyword:["new","array"]},contains:["self",...q]},...q,{scope:"meta",match:i}]};return{case_insensitive:!1,keywords:M,contains:[z,e.HASH_COMMENT_MODE,e.COMMENT("//","$"),e.COMMENT("/\\*","\\*/",{contains:[{scope:"doctag",match:"@[A-Za-z]+"}]}),{match:/__halt_compiler\($;/,keywords:"__halt_compiler",starts:{scope:"comment",end:e.MATCH_NOTHING_RE,contains:[{match:/\?>/,scope:"meta",endsParent:!0}]}},a,{scope:"variable.language",match:/\$this\b/},o,H,L,{match:[/const/,/\s/,r],scope:{1:"keyword",3:"variable.constant"}},I,{scope:"function",relevance:0,beginKeywords:"fn function",end:/[;{]/,excludeEnd:!0,illegal:"[$%\\[]",contains:[{beginKeywords:"use"},e.UNDERSCORE_TITLE_MODE,{begin:"=>",endsParent:!0},{scope:"params",begin:"\$",end:"\$",excludeBegin:!0,excludeEnd:!0,keywords:M,contains:["self",o,L,e.C_BLOCK_COMMENT_MODE,_,A]}]},{scope:"class",variants:[{beginKeywords:"enum",illegal:/[($"]/},{beginKeywords:"class interface trait",illegal:/[:($"]/}],relevance:0,end:/\{/,excludeEnd:!0,contains:[{beginKeywords:"extends implements"},e.UNDERSCORE_TITLE_MODE]},{beginKeywords:"namespace",relevance:0,end:";",illegal:/[.']/,contains:[e.inherit(e.UNDERSCORE_TITLE_MODE,{scope:"title.class"})]},{beginKeywords:"use",relevance:0,end:";",contains:[{match:/\b(as|const|function)\b/,scope:"keyword"},e.UNDERSCORE_TITLE_MODE]},_,A]}}Wu.start();xn.registerLanguage("php",$l);window.hljs=xn;xn.highlightElement(document.querySelector(".default-highlightable-code"));document.querySelectorAll(".highlightable-code").forEach(e=>{e.dataset.highlighted!=="yes"&&xn.highlightElement(e)});jt("[data-tippy-content]",{trigger:"click",arrow:!0,theme:"material",animation:"scale"});
</script>

hljs.initLineNumbersOnLoad()

window.addEventListener('load', function() {
            document.querySelectorAll('.renderer').forEach(function(element, index) {
                if (index > 0) {
                    element.remove();
                }
            });

document.querySelector('.default-highlightable-code').style.display = 'block';

document.querySelectorAll('.highlightable-code').forEach(function(element) {
                element.style.display = 'block';
            })
        });
    </script>
</body>
</html>

Cancel