{"products":"\n    <div id=\"m-navigation-replacer\"><\/div><div id=\"m-navigation-product-list-wrapper\">    <div class=\"message info empty\">\n        <div>\n            We can&#039;t find products matching the selection.        <\/div>\n    <\/div>\n<\/div>","products_count":"0","leftnav":"    <div\n        x-data=\"initLayeredNavigation()\"\n        x-init=\"checkIsMobileResolution()\"\n        @resize.window.debounce=\"checkIsMobileResolution()\"\n        @visibilitychange.window.debounce=\"checkIsMobileResolution()\"\n        class=\"block border border-container bg-container-darker p-4 md:border-0 md:bg-transparent md:py-0 md:px-0 my-6\"\n        role=\"region\"\n        aria-label=\"Product&#x20;filters\"\n    >\n        <h2\n            id=\"filters-heading\"\n            class=\"block-title\"\n        >\n            <button\n                type=\"button\"\n                @click=\"blockOpen = !blockOpen\"\n                class=\"block-title flex items-center justify-between w-full text-start\"\n                aria-controls=\"filters-content\"\n                :aria-expanded=\"blockOpen\"\n                :aria-disabled=\"!isMobile\"\n                :disabled=\"!isMobile ? '' : null\"\n            >\n                <span class=\"text-primary text-md md:text-3xl font-medium uppercase\">\n                    Shop By                <\/span>\n                <span\n                    class=\"py-1 px-1 bg-container-lighter rounded border border-container-darker md:hidden\"\n                    x-ref=\"LayeredNavigationMobileToggleIcon\"\n                >\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"transition-transform transform duration-300 ease-in-out\" width=\"24\" height=\"24\" :class=\"{ 'rotate-180': blockOpen }\" aria-hidden=\"true\" focusable=\"false\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"\/>\n<\/svg>\n                <\/span>\n            <\/button>\n        <\/h2>\n        <div\n            id=\"filters-content\"\n            class=\"block-content filter-content hidden md:block pt-4\"\n            :class=\"{ 'hidden': !blockOpen }\"\n        >\n                <div class=\"card filter-current \" data-mst-nav-part=\"state\" x-data=\"initLabelRenderer()\">\n        <strong class=\"title text-md md:text-lg font-semibold mb-4 block\" role=\"heading\" data-role=\"title\" aria-level=\"2\" data-count=\"2\">\n            Now Shopping by        <\/strong>\n\n        <ol class=\"items \">\n            \n                                            <li class=\"item mst-nav__state-filter cursor-pointer overflow-hidden text-ellipsis px-4 relative -pl-5\" data-element=\"filter\" @click=\"handleClick\">\n                    <span class=\"filter-label font-semibold\">Category: <\/span>\n                    <span class=\"filter-value\">Liberty Head $5<\/span>\n\n                                            <a\n                            class=\"action remove absolute px-1 -left-1 -top-px\"\n                            href=\"https:\/\/alhambracoin.com\/inventory.html?strike_type=249\"\n                            title=\"Remove Liberty Head $5\"\n                            rel=\"follow\"\n                        >\n                            <span>&#10005;<\/span>\n                        <\/a>\n                                    <\/li>\n                                            <li class=\"item mst-nav__state-filter cursor-pointer overflow-hidden text-ellipsis px-4 relative -pl-5\" data-element=\"filter\" @click=\"handleClick\">\n                    <span class=\"filter-label font-semibold\">Strike Type: <\/span>\n                    <span class=\"filter-value\">Business<\/span>\n\n                                            <a\n                            class=\"action remove absolute px-1 -left-1 -top-px\"\n                            href=\"https:\/\/alhambracoin.com\/inventory.html?category_ids=31\"\n                            title=\"Remove Business\"\n                            rel=\"follow\"\n                        >\n                            <span>&#10005;<\/span>\n                        <\/a>\n                                    <\/li>\n            \n                            <li class=\"item block-actions filter-actions font-semibold\" data-element=\"filter\" @click=\"handleClick\">\n                    <a href=\"https:\/\/alhambracoin.com\/inventory.html\" class=\"action clear filter-clear\"><span>Clear All<\/span><\/a>\n                <\/li>\n                    <\/ol>\n    <\/div>\n            <a\n                href=\"#product-list\"\n                class=\"sr-only focus:not-sr-only bg-blue-600 text-white px-12 py-4 text-center block rounded-sm\"\n            >\n                Skip to product list            <\/a>\n                                                <div\n                        x-data=\"{\n                            open: false,\n                            id: $id('filter-option')\n                        }\"\n                        x-defer=\"intersect\"\n                        class=\"filter-option card my-4\"\n                    >\n                        <h3 :id=\"`${id}-title`\">\n                            <button\n                                type=\"button\"\n                                @click=\"open = !open\"\n                                class=\"filter-options-title flex justify-between items-center cursor-pointer text-start hover:text-secondary-darker border-container w-full\"\n                                :class=\"{ 'border-b pb-4': open }\"\n                                :aria-controls=\"`${id}-content`\"\n                                :aria-expanded=\"open\"\n                            >\n                                <span class=\"title text-md md:text-lg font-semibold\">\n                                    Search within results                                    <span class=\"sr-only\"> filter<\/span>\n                                <\/span>\n                                    <span class=\"py-1 px-1 rounded border border-container\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"transition-transform transform duration-300 ease-in-out\" width=\"24\" height=\"24\" :class=\"{ 'rotate-180': open }\" aria-hidden=\"true\" focusable=\"false\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"\/>\n<\/svg>\n                                <\/span>\n                            <\/button>\n                        <\/h3>\n                        <template x-if=\"open\">\n                            <div\n                                :id=\"`${id}-content`\"\n                                class=\"filter-options-content pt-3\"\n                            >\n                                \n<div class=\"mst-nav__label mst-nav__search\" data-mst-nav-filter=\"search\" id=\"mst-nav__search\" x-data=\"{...initLabelRenderer(), ...initSearchRenderer()}\" x-init=\"initSearch()\">\n    <div class=\"mst-nav__search-field\">\n        <div class=\"mst-nav__search-wrapper relative\">\n        <label for=\"mst-nav__search-filter\"><\/label>\n        <input\n            type=\"text\"\n            name=\"search\"\n            placeholder=\"Search within results\"\n            id=\"mst-nav__search-filter\"\n            autocomplete=\"off\"\n            class=\"form-input w-full\"\n        >\n        <a id=\"mst-nav__search-apply\" href=\"\" class=\"action search absolute right-1 top-2.5 \" data-element=\"filter\" @click=\"handleClick\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" class=\"w-8 h-8 md:h-6 md:w-6 hover:text-black\" width=\"25\" height=\"25\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"><\/path>\n            <\/svg>\n        <\/a>\n        <\/div>\n        <div class=\"mst-nav__search-suggestion border-container absolute w-full left-0 md:w-96 max-h-96 z-10 card overflow-y-auto\" id=\"mst-nav__search-suggestion\" style=\"display: none\"><\/div>\n    <\/div>\n\n    <ol class=\"items\">\n            <\/ol>\n<\/div>\n\n                            <\/div>\n                        <\/template>\n                    <\/div>\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <\/div>\n    <\/div>\n    <script>\n        function initLayeredNavigation() {\n            return {\n                isMobile: false,\n                blockOpen: false,\n                checkIsMobileResolution() {\n                    const mobileElement = this.$refs.LayeredNavigationMobileToggleIcon;\n                    this.isMobile = mobileElement\n                        ? getComputedStyle(mobileElement).display !== \"none\"\n                        : window.matchMedia('(max-width: 767px)').matches; \/\/ Fallback to `md` breakpoint\n                }\n            }\n        }\n    <\/script>\n\n<script>\n    var mstOpenFilters = {};\n\n    function expandFilters() {\n        const idxs = [0];\n        const precalculationMode = getMstNavConfig().isPreCalculationEnabled();\n        let filters = document.querySelectorAll('.sidebar.sidebar-main div.filter-option');\n\n        if(filters.length == 0) {\n            filters = document.querySelectorAll('.column.main div.filter-option');\n        }\n\n        if (precalculationMode) {\n            updateFilterState();\n        }\n\n        filters.forEach(function(filter, idx) {\n            let isOpen = idxs.includes(idx) ? 'true' : 'false';\n            if (precalculationMode) {\n                isOpen = isOpen == 'true' ? isOpen \n                    : mstOpenFilters.hasOwnProperty(idx) ? mstOpenFilters[idx] \n                    : 'false';\n            }\n            filter.setAttribute('x-data', '{open: ' + isOpen + ', id: ' + idx + '}')\n\n\n        })\n    }\n\n    function updateFilterState() {\n        let filters = document.querySelectorAll('.sidebar.sidebar-main div.filter-option');\n        if (filters.length > 0) {\n            filters.forEach(function(filter, idx) {\n                filter.addEventListener('click', function(e) {\n                    const isOpen = !!filter.querySelector('.filter-options-content') ? 'true' : 'false';\n                    mstOpenFilters[idx] = isOpen;\n                });\n            })\n        }\n    }\n\n    expandFilters();\n<\/script>\n\n\n","quickNavigation":"","breadcrumbs":"<nav class=\"breadcrumbs bg-container-lighter shadow-sm\" aria-label=\"Breadcrumb\">\n    <div class=\"container\">\n        <ol class=\"items list-reset py-4 rounded flex flex-wrap text-grey text-sm\">\n                            <li class=\"item flex home\">\n                                                    <a href=\"https:\/\/alhambracoin.com\/\"\n                       class=\"no-underline\"\n                       title=\"Go&#x20;to&#x20;Home&#x20;Page\"\n                    >Home<\/a>\n                                <\/li>\n                            <li class=\"item flex category3\">\n                                    <span aria-hidden=\"true\" class=\"separator text-primary-lighter px-2\">\/<\/span>\n                                                    <span\n                       class=\"text-primary-lighter\"\n                       aria-current=\"page\"\n                    >INVENTORY<\/span>\n                                <\/li>\n                    <\/ol>\n    <\/div>\n<\/nav>\n","pageTitle":"<div class=\"container&#x20;flex&#x20;flex-col&#x20;md&#x3A;flex-row&#x20;flex-wrap&#x20;my-6&#x20;font-bold&#x20;lg&#x3A;mt-8&#x20;justify-start&#x20;text-4xl&#x20;mb-4\">\n    <h1 class=\"text-gray-900 page-title title-font\"\n        >\n        <span class=\"base\" data-ui-id=\"page-title-wrapper\" >INVENTORY<\/span>    <\/h1>\n    <\/div>\n","categoryViewData":"<div class=\"category-view\"><\/div>","url":"https:\/\/alhambracoin.com\/inventory.html?category_ids=31&strike_type=249","horizontalBar":"<div class=\"mst-nav__horizontal-bar\">    <div\n        x-data=\"initLayeredNavigation()\"\n        x-init=\"checkIsMobileResolution()\"\n        @resize.window.debounce=\"checkIsMobileResolution()\"\n        @visibilitychange.window.debounce=\"checkIsMobileResolution()\"\n        class=\"block border border-container bg-container-darker p-4 md:border-0 md:bg-transparent md:py-0 md:px-0 my-6\"\n        role=\"region\"\n        aria-label=\"Product&#x20;filters\"\n    >\n        <h2\n            id=\"filters-heading\"\n            class=\"block-title\"\n        >\n            <button\n                type=\"button\"\n                @click=\"blockOpen = !blockOpen\"\n                class=\"block-title flex items-center justify-between w-full text-start\"\n                aria-controls=\"filters-content\"\n                :aria-expanded=\"blockOpen\"\n                :aria-disabled=\"!isMobile\"\n                :disabled=\"!isMobile ? '' : null\"\n            >\n                <span class=\"text-primary text-md md:text-3xl font-medium uppercase\">\n                    Shop By                <\/span>\n                <span\n                    class=\"py-1 px-1 bg-container-lighter rounded border border-container-darker md:hidden\"\n                    x-ref=\"LayeredNavigationMobileToggleIcon\"\n                >\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"transition-transform transform duration-300 ease-in-out\" width=\"24\" height=\"24\" :class=\"{ 'rotate-180': blockOpen }\" aria-hidden=\"true\" focusable=\"false\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"\/>\n<\/svg>\n                <\/span>\n            <\/button>\n        <\/h2>\n        <div\n            id=\"filters-content\"\n            class=\"block-content filter-content hidden md:block pt-4\"\n            :class=\"{ 'hidden': !blockOpen }\"\n        >\n                        <a\n                href=\"#product-list\"\n                class=\"sr-only focus:not-sr-only bg-blue-600 text-white px-12 py-4 text-center block rounded-sm\"\n            >\n                Skip to product list            <\/a>\n                                                <\/div>\n    <\/div>\n    <script>\n        function initLayeredNavigation() {\n            return {\n                isMobile: false,\n                blockOpen: false,\n                checkIsMobileResolution() {\n                    const mobileElement = this.$refs.LayeredNavigationMobileToggleIcon;\n                    this.isMobile = mobileElement\n                        ? getComputedStyle(mobileElement).display !== \"none\"\n                        : window.matchMedia('(max-width: 767px)').matches; \/\/ Fallback to `md` breakpoint\n                }\n            }\n        }\n    <\/script>\n<\/div>","sidebarAdditional":"<aside class=\"sidebar sidebar-additional\">\n<script>\nfunction compareSidebarFetchHandler(postUrl, postHeaders, isSingleItem = true) {\n    const messages = {\n        \"success\": isSingleItem\n            ? \"You removed product Product from the comparison list\"\n            : \"You removed all products from the comparison list\",\n        \"warning\": isSingleItem\n            ? \"Could not remove item from compare.\"\n            : \"Could not remove all item from compare.\",\n    }\n\n    return fetch(postUrl, postHeaders).then(function (response) {\n        if (response.redirected) {\n            window.location.href = response.url;\n        } else if (response.ok) {\n            return response.json();\n        } else {\n            typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                [{ type: \"warning\", text: messages.warning }], 5000\n            );\n        }\n    }).then(function (response) {\n        if (!response) return;\n        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n            [{\n                type: (response.success) ? \"success\" : \"error\",\n                text: (response.success) ? messages.success : response.error_message\n            }], 5000\n        );\n        let reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n        window.dispatchEvent(reloadCustomerDataEvent);\n    }).catch(function (error) {\n        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n            [{ type: \"error\", text: error }], 5000\n        );\n    });\n}\n\nfunction initCompareOnCompareSidebar() {\n    return {\n        compareProducts: null,\n        itemCount: 0,\n        compareItems: {},\n        receiveCompareData: function (data) {\n            if (data['compare-products']) {\n                this.compareProducts = data['compare-products'];\n                this.itemCount = this.compareProducts.count;\n                this.compareItems = this.compareProducts.items;\n            }\n        },\n        removeFromCompare: function(productId) {\n            const formKey = hyva.getFormKey();\n            const postUrl = BASE_URL + 'catalog\/product_compare\/remove\/';\n            const confirmMessage = \"Are you sure you want to remove this item from your Compare Products list?\";\n            if (!window.confirm(confirmMessage)) return;\n            const postHeaders = {\n                \"headers\": {\n                    \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                },\n                \"body\": \"form_key=\" + formKey + \"&product=\" + productId + \"&uenc=\" + hyva.getUenc(),\n                \"method\": \"POST\",\n                \"mode\": \"cors\",\n                \"credentials\": \"include\"\n            };\n\n            compareSidebarFetchHandler(postUrl, postHeaders);\n        }\n    }\n}\n\nfunction initCompareSidebarClear() {\n    return {\n        clearCompare: function() {\n            const formKey = hyva.getFormKey();\n            const postUrl = BASE_URL + 'catalog\/product_compare\/clear\/';\n            const confirmMessage = \"Are you sure you want to remove all items from your Compare Products list?\";\n            if (!window.confirm(confirmMessage)) return;\n            const postHeaders = {\n                \"headers\": {\n                    \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                },\n                \"body\": \"form_key=\" + formKey + \"&uenc=\" + hyva.getUenc(),\n                \"method\": \"POST\",\n                \"mode\": \"cors\",\n                \"credentials\": \"include\"\n            };\n\n            compareSidebarFetchHandler(postUrl, postHeaders, isSingleItem = false);\n        }\n    }\n}\n<\/script>\n\n<div x-data=\"initCompareOnCompareSidebar()\"\n     @private-content-loaded.window=\"receiveCompareData($event.detail.data)\"\n     class=\"compare-widget\"\n>\n    <template x-if=\"itemCount\">\n        <div class=\"mt-8\">\n            <h2 class=\"border-t border-container mb-6 pt-5 text-primary font-semibold text-lg\"\n                id=\"compare-sidebar\"\n            >\n                Compare Products            <\/h2>\n            <ul class=\"my-4\" aria-labelledby=\"compare-sidebar\">\n                <template x-for=\"product in compareItems\">\n                    <li class=\"flex items-start mb-4\">\n                        <a\n                            :href=\"product.product_url\"\n                            class=\"block mb-3 w-10 h-10 shrink-0 mr-4\"\n                            aria-hidden=\"true\"\n                            tabindex=\"-1\"\n                        >\n                            <img\n                                :src=\"product.image\"\n                                alt=\"\"\n                                loading=\"lazy\"\n                            >\n                        <\/a>\n                        <strong class=\"mr-2 text-sm leading-6 font-normal\">\n                            <a :href=\"product.product_url\" :title=\"product.name\" x-html=\"product.name\"><\/a>\n                        <\/strong>\n                        <button\n                            type=\"button\"\n                            @click.prevent=\"removeFromCompare(product.id)\"\n                            :aria-label=\"hyva.str('Remove\\u0020product\\u0020\\u0022\\u00251\\u0022\\u0020from\\u0020the\\u0020comparison', product.name)\"\n                            class=\"p-1 inline-flex shrink-0 items-center justify-center text-gray-500\n                                   hover:text-primary ml-auto\"\n                        >\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"20\" height=\"20\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\"\/>\n<\/svg>\n                        <\/button>\n                    <\/li>\n                <\/template>\n            <\/ul>\n            <div class=\"flex flex-wrap items-center md:mt-5 space-x-4 text-sm\">\n                <a href=\"https:\/\/alhambracoin.com\/catalog\/product_compare\/index\/\"\n                    title=\"Compare&#x20;Products\"\n                    class=\"btn btn-secondary px-4 text-sm\">\n                    <span>Compare<\/span>\n                <\/a>\n                <button x-data=\"initCompareSidebarClear()\"\n                    @click.prevent=\"clearCompare()\"\n                    aria-label=\"Remove&#x20;all&#x20;Products\"\n                    class=\"p-1 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-primary ml-auto\">\n                    <span>Clear all<\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/template>\n<\/div>\n\n    <script>\n        function initWishlistOnWishlistSidebar() {\n            function wishlistSidebarFetchHandler(body, postUrl, isRemoveAction = true) {\n                const messages = {\n                    \"success\": isRemoveAction\n                        ? \"\\u00251\\u0020has\\u0020been\\u0020removed\\u0020from\\u0020your\\u0020Wish\\u0020List.\"\n                        : \"\\u00251\\u0020has\\u0020been\\u0020added\\u0020to\\u0020your\\u0020Wish\\u0020List.\",\n                    \"warning\": isRemoveAction\n                        ? \"Could\\u0020not\\u0020remove\\u0020item\\u0020from\\u0020your\\u0020Wish\\u0020List.\"\n                        : \"Could\\u0020not\\u0020add\\u0020item\\u0020to\\u0020your\\u0020Wish\\u0020List.\",\n                }\n\n                const postHeaders = {\n                    \"headers\": {\n                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                    },\n                    body: body,\n                    \"method\": \"POST\",\n                    \"mode\": \"cors\",\n                    \"credentials\": \"include\"\n                };\n\n                return fetch(postUrl, postHeaders).then(function (response) {\n                    if (response.redirected) {\n                        window.location.href = response.url;\n                    } else if (response.ok) {\n                        return response.json();\n                    } else {\n                        const message = { type: \"warning\", text: messages.warning };\n                        window.dispatchMessages && window.dispatchMessages([message], 5000);\n                    }\n                }).then(function (response) {\n                    if (!response) return;\n                    const message = {\n                        type: (response.success) ? \"success\" : \"error\",\n                        text: (response.success) ? messages.success : response.error_message\n                    }\n                    window.dispatchMessages && window.dispatchMessages([message], 5000);\n                    window.dispatchEvent(new CustomEvent(\"reload-customer-section-data\"));\n                }).catch(function (error) {\n                    const message = { type: \"error\", text: error };\n                    window.dispatchMessages && window.dispatchMessages([message], 5000);\n                });\n            }\n\n            return {\n                wishlistProducts: null,\n                itemCount: 0,\n                wishlistCountLabel: null,\n                wishlistItems: {},\n                receiveWishlistData: function (data) {\n                    if (data['wishlist']) {\n                        this.wishlistProducts = data['wishlist'];\n                        this.wishlistCountLabel = '(' + this.wishlistProducts.counter + ')';\n                        this.itemCount = this.wishlistProducts.items.length;\n                        this.wishlistItems = this.wishlistProducts.items;\n                    }\n                },\n                addToCart: function (json) {\n                    const obj = JSON.parse(json);\n                    const postUrl = obj.action;\n                    const body = \"form_key=\" + hyva.getFormKey() + \"&item=\" + obj.data.item + \"&qty=\" + obj.data.qty + \"&uenc=\" + hyva.getUenc();\n                    wishlistSidebarFetchHandler(body, postUrl, \/* isRemoveAction *\/ false);\n                },\n                removeFromWishlist: function(json) {\n                    const obj = JSON.parse(json);\n                    const postUrl = obj.action;\n                    const body = \"form_key=\" + hyva.getFormKey() + \"&item=\" + obj.data.item+\"&uenc=\" + hyva.getUenc();\n                    wishlistSidebarFetchHandler(body, postUrl);\n                }\n            }\n        }\n\n    <\/script>\n\n    <div x-data=\"initWishlistOnWishlistSidebar()\"\n         @private-content-loaded.window=\"receiveWishlistData($event.detail.data)\"\n         class=\"wishlist-widget\"\n    >\n        <template x-if=\"itemCount\">\n            <div class=\"mt-8\">\n                <h2 class=\"border-t border-container mb-6 pt-5\" id=\"wishlist-sidebar\">\n                    <strong class=\"title text-primary font-semibold text-lg\">My Wish List<\/strong>\n                    <span class=\"counter text-xs\" x-html=\"wishlistCountLabel\"><\/span>\n                <\/h2>\n                <ul class=\"my-4\" aria-labelledby=\"wishlist-sidebar\">\n                    <template x-for=\"product in wishlistItems\">\n                        <li class=\"flex items-start mb-4\">\n                            <a\n                                :href=\"product.product_url\"\n                                class=\"block mb-3 w-10 h-10 shrink-0 mr-4\"\n                                tabindex=\"-1\"\n                                aria-hidden=\"true\"\n                            >\n                                <img\n                                    :src=\"product.image.src\"\n                                    alt=\"\"\n                                    loading=\"lazy\"\n                                >\n                            <\/a>\n                            <div class=\"product-item-details\">\n                                <strong class=\"mr-2 text-sm leading-6 font-normal\">\n                                    <a :href=\"product.product_url\" :title=\"product.product_name\" x-html=\"product.product_name\"><\/a>\n                                <\/strong>\n                                <div class=\"mr-2 text-sm leading-6 font-bold\" x-html=\"product.product_price\"><\/div>\n                                <template x-if=\"product.product_is_saleable_and_visible\">\n                                    <div class=\"actions-primary my-2\">\n                                        <template x-if=\"!product.product_has_required_options\">\n                                            <button\n                                                type=\"button\"\n                                                @click.prevent=\"addToCart(product.add_to_cart_params)\"\n                                                class=\"action tocart primary btn btn-primary text-sm\"\n                                                :aria-label=\"hyva.str('Add\\u0020to\\u0020Cart\\u0020\\u00251', product.product_name)\"\n                                                data-addto=\"cart\"\n                                            >\n                                                Add to Cart                                            <\/button>\n                                        <\/template>\n                                    <\/div>\n                                <\/template>\n                            <\/div>\n                            <button\n                                type=\"button\"\n                                @click.prevent=\"removeFromWishlist(product.delete_item_params)\"\n                                :aria-label=\"hyva.str('Remove\\u0020product\\u0020\\u0022\\u00251\\u0022\\u0020from\\u0020My\\u0020Wish\\u0020List', product.product_name)\"\n                                class=\"\n                                    p-1 inline-flex shrink-0 items-center\n                                    justify-center text-gray-500 hover:text-primary ml-auto\n                                \"\n                            >\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"h-6 w-6\" width=\"25\" height=\"25\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\"\/>\n<\/svg>\n                            <\/button>\n                        <\/li>\n                    <\/template>\n                <\/ul>\n                <div class=\"flex flex-wrap items-center md:mt-5 space-x-4 text-sm\">\n                    <a href=\"https:\/\/alhambracoin.com\/wishlist\/\"\n                       aria-label=\"Go&#x20;to&#x20;Wish&#x20;List&#x20;page\"\n                       class=\"px-4 text-sm text-gray-500 hover:text-primary\"\n                    >\n                        Go to Wish List                    <\/a>\n                <\/div>\n            <\/div>\n        <\/template>\n    <\/div>\n<script>\n\n    function initRecentlyViewedProductsComponent_68768c9cda7f7(options) {\n\n        const defaultOptions = {\n            isSlider: false,\n            useGraphQL: false,\n            noOfProductsToShow: 5        };\n        const config = Object.assign({}, defaultOptions, options || {});\n\n        function readRecentlyViewedFromStorage () {\n            const data = hyva.getBrowserStorage().getItem('recently_viewed_products');\n            return data ? JSON.parse(data).filter(product => {\n                                return config.useGraphQL || product.id;\n            }) : [];\n        }\n\n        return {\n            products: [],\n            currency: [],\n            noOfProductsToShow: config.noOfProductsToShow,\n            loading: true,\n            minHeight() {\n                return 'min-height: ' + ((this.loading && '491px') || 0);\n            },\n            getProducts() {\n                const recentlyViewedProductsArray = readRecentlyViewedFromStorage();\n                let itemsToShow = [];\n                if (recentlyViewedProductsArray.length > 0) {\n                    \/\/ Avoid showing the current product\n                    const start = '' === '' ? 0 : 1;\n                    itemsToShow = recentlyViewedProductsArray.slice(start)\n                }\n\n                itemsToShow = itemsToShow.slice(0, this.noOfProductsToShow);\n\n                if (!itemsToShow.length) {\n                    this.noOfProductsToShow = 0;\n                    this.loading = false;\n                    return;\n                }\n\n                config.useGraphQL\n                    ? this.fetchProducts(itemsToShow)\n                    : this.renderRecentlyViewedProducts(itemsToShow)\n            },\n\n            fetchProducts(itemsToShow) {\n                const skusToFetch = itemsToShow.map(product => product.sku);\n                                                const query = `query ($skus: [String!]!) {\n  products(filter: { sku: { in: $skus } }) {\n    items {\n      sku\n      id\n      name\n      small_image {\n        label\n        url\n      }\n      url_key\n      url_suffix\n      visibility\n      status\n      price_range {\n        minimum_price {\n          regular_price {\n            value\n            currency\n          }\n          final_price {\n            value\n            currency\n          }\n        }\n      }\n    }\n  }\n}`;\n                const variables = JSON.stringify({skus: skusToFetch});\n                window.fetch(BASE_URL + 'graphql?' + new URLSearchParams({query, variables}), {\n                    method: 'GET',\n                    headers: {\n                        'Store': 'default',\n                        'Content-Currency': 'USD'\n                    },\n                })\n                    .then((response) =>  response.json())\n                    .then((result) => {\n                            this.currency = (result &&\n                                result.data &&\n                                result.data.currency);\n\n                            const responseProducts = (\n                                result &&\n                                result.data &&\n                                result.data.products &&\n                                result.data.products.items\n                            ) || [];\n\n                            \/\/ fix sorting of the response-products according to the sorting of the requested-products\n                            const sortedProducts = [];\n                            skusToFetch.forEach(sku => {\n                                responseProducts.forEach(productData => {\n                                    if (sku === productData.sku) {\n                                        sortedProducts.push(productData);\n                                    }\n                                });\n                            });\n                            this.renderRecentlyViewedProducts(sortedProducts);\n                        }\n                    )\n                    .finally(() => this.loading = false)\n            }, \/\/ end fetchProducts()\n\n            renderRecentlyViewedProducts(products) {\n                this.products = products;\n                this.loading = false;\n                if (config.isSlider) {\n                    this.$nextTick(() => this.calcPageSize());\n                }\n            },\n\n            addToWishlist(productId) {\n                const formKey = hyva.getFormKey();\n                const postUrl = BASE_URL + 'wishlist\/index\/add\/';\n\n                fetch(postUrl, {\n                    \"headers\": {\n                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                    },\n                    \"body\": \"form_key=\" + formKey + \"&product=\" + productId + \"&uenc=\" + hyva.getUenc(),\n                    \"method\": \"POST\",\n                    \"mode\": \"cors\",\n                    \"credentials\": \"include\"\n                }).then(response => {\n                    if (response.redirected) {\n                        window.location.href = response.url;\n                    } else if (response.ok) {\n                        return response.json();\n                    } else {\n                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                            [{\n                                type: \"warning\",\n                                text: \"Could not add item to wishlist.\"\n                            }], 5000\n                        );\n                    }\n                }).then(response => {\n                    if (!response) { return }\n                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                        [{\n                            type: (response.success) ? \"success\" : \"error\",\n                            text: (response.success)\n                                ? \"Product has been added to your Wish List.\" : response.error_message\n                        }], 5000\n                    );\n                    window.dispatchEvent(new CustomEvent(\"reload-customer-section-data\"));\n                }).catch(function (error) {\n                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                        [{\n                            type: \"error\",\n                            text: error\n                        }], 5000\n                    );\n                });\n            }, \/\/ end addToWishlist()\n\n            addToCompare(productId) {\n                const formKey = hyva.getFormKey();\n                const postUrl = BASE_URL + 'catalog\/product_compare\/add\/';\n\n                fetch(postUrl, {\n                    \"headers\": {\n                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                    },\n                    \"body\": \"form_key=\" + formKey + \"&product=\" + productId + \"&uenc=\" + hyva.getUenc(),\n                    \"method\": \"POST\",\n                    \"mode\": \"cors\",\n                    \"credentials\": \"include\"\n                }).then(response => {\n                    if (response.redirected) {\n                        window.location.href = response.url;\n                    }\n                }).catch(error => {\n                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                        [{\n                            type: \"error\",\n                            text: error\n                        }], 5000\n                    );\n                });\n            },\n\n            \/\/ slider properties\n            active: 0,\n            getSlider() {\n                return this.$root.querySelector('.js_slides');\n            },\n            pageSize: 4,\n            pageFillers: 0,\n            calcPageSize() {\n                const slider = this.getSlider();\n                if (slider) {\n                    this.pageSize = Math.round(slider.clientWidth \/ slider.querySelector('.js_slide').clientWidth);\n                    this.pageFillers = (\n                        this.pageSize * Math.ceil(this.products.length \/ this.pageSize)\n                    ) - this.products.length;\n                }\n            },\n            calcActive() {\n                const slider = this.getSlider();\n                if (slider) {\n                    this.active = Math.ceil(\n                        Math.round(\n                            slider.scrollLeft \/ (slider.scrollWidth \/ (this.products.length + this.pageFillers))\n                        ) \/ this.pageSize\n                    ) * this.pageSize;\n                }\n            }\n        }\n    }\n\n<\/script>\n<section class=\"my-12 text-gray-700 body-font\"\n         x-data=\"initRecentlyViewedProductsComponent_68768c9cda7f7(\n           {\n             isSlider: false,\n             noOfProductsToShow: 3           }\n         )\"\n         x-init=\"getProducts();\"\n         x-defer=\"intersect\"\n         :style=\"minHeight()\"\n>\n    <template x-if=\"products && products.length\">\n        <div class=\"container relative px-5\">\n            <div class=\"container flex flex-col items-center pt-6 pb-3 mx-auto mb-6 border-b-2\n                        border-gray-300 md:flex-row\">\n                <h3 class=\"text-2xl font-medium text-gray-900 title-font text-center\">\n                    Recently Viewed Products                <\/h3>\n            <\/div>\n            <div class=\"relative w-full\">\n                <div class=\"flex flex-col gap-4\">\n                    <template x-for=\"product in products\">\n                        <div class=\"\">\n                            <div class=\"card card-interactive\">\n                                                                    <a :href=\"'https\\u003A\\u002F\\u002Falhambracoin.com\\u002F' +\n                                            product.url_key + (product.url_suffix || '')\"\n                                       class=\"relative flex items-center bg-white product photo product-item-photo\"\n                                       style=\"padding-top:100%\"\n                                       tabindex=\"-1\">\n                                            <span class=\"absolute top-0 left-0 flex flex-wrap content-center w-full\n                                                h-full p-2 overflow-hidden align-center hover:shadow-sm\"\n                                            >\n                                                <img class=\"self-center w-full h-auto\"\n                                                     :src=\"product.small_image.url\"\n                                                     :alt=\"product.small_image.label\"\n                                                     loading=\"lazy\"\n                                                     width=\"500\"\n                                                     height=\"500\"\n                                                \/>\n                                            <\/span>\n                                    <\/a>\n                                                                                                    <p class=\"flex items-center justify-center px-1 pt-3 text-primary\">\n                                        <a class=\"truncate product-item-link\"\n                                           :href=\"'https\\u003A\\u002F\\u002Falhambracoin.com\\u002F'\n                                                  + product.url_key + (product.url_suffix || '')\"\n                                        >\n                                            <span x-html=\"product.name\"><\/span>\n                                        <\/a>\n                                    <\/p>\n                                                                                                <div class=\"price-container flex flex-col justify-center items-center\">\n                                    <div class=\"final-price\">\n                                        <span class=\"price-wrapper title-font font-medium text-2xl text-gray-900\">\n                                            <span class=\"price\" x-html=\"hyva.formatPrice(product.price_range.minimum_price.final_price.value)\"><\/span>\n                                        <\/span>\n                                    <\/div>\n                                                                    <\/div>\n                                                                <p class=\"flex flex-wrap gap-2 inline p-3 justify-center\">\n                                                                            <a class=\"justify-center w-auto btn btn-primary\"\n                                           :href=\"'https\\u003A\\u002F\\u002Falhambracoin.com\\u002F' +\n                                                    product.url_key + (product.url_suffix || '')\">\n                                            <span class=\"inline\">View Product<\/span>\n                                        <\/a>\n                                                                        <span class=\"inline-flex gap-2\">\n                                                                                                                        <\/span>\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/template>\n<\/section>\n<\/aside>","sidebarAdditionalSelector":"aside.sidebar.sidebar-additional"}