{"id":1224067,"date":"2024-03-22T01:52:46","date_gmt":"2024-03-21T17:52:46","guid":{"rendered":"https:\/\/www.h-eparts.com\/piezas\/"},"modified":"2026-05-08T01:01:09","modified_gmt":"2026-05-07T17:01:09","slug":"piezas","status":"publish","type":"page","link":"https:\/\/www.h-eparts.com\/es\/piezas\/","title":{"rendered":"Piezas"},"content":{"rendered":"<style>\r\n    .part-table thead tr:hover{\r\n        background-color: #000;\r\n    }\r\n    .table {\r\n        font-weight: normal;\r\n    }\r\n    select {\r\n        max-width: 80%;\r\n    }\r\n    select.model-type{\r\n        max-width: 100%;\r\n    }\r\n    .cart-btn-group{\r\n        justify-content: right;\r\n        align-items: center;\r\n        margin-bottom: 1rem;\r\n    }\r\n    .selected-cart-btn{\r\n        display: flex;\r\n        align-items: center;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        position: relative;\r\n        margin-right: 18px;\r\n    }\r\n    .selected-cart-btn::after{\r\n        content: '';\r\n        background: url(\/wp-content\/themes\/voltron\/src\/img\/icon-chevron-right-yellow.svg) center center no-repeat;\r\n        display: block;\r\n        position: absolute;\r\n        right: -18px;\r\n        padding: 0;\r\n        width: 10px;\r\n        height: .875em;\r\n        transform: rotate(90deg);\r\n    }\r\n    .view-cart-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        position: relative;\r\n        margin-right: 3rem;\r\n    }\r\n    .view-more-link{\r\n        cursor: pointer;\r\n    }\r\n    .view-cart-btn::after{\r\n        content: '';\r\n        background: url(\/wp-content\/themes\/voltron\/src\/img\/icon-chevron-right-yellow.svg) center center no-repeat;\r\n        display: block;\r\n        position: absolute;\r\n        right: -15px;\r\n        padding: 0;\r\n        width: 10px;\r\n        height: .875em;\r\n    }\r\n    .cart{\r\n        background-image: url(\/wp-content\/themes\/voltron\/dist\/img\/cart.svg);\r\n        background-size: cover;\r\n        background-position: center center;\r\n        height: 2.3rem;\r\n        width: 2.3rem;\r\n        display: inline-block;\r\n        color: #feca38;\r\n        font-size: 14px;\r\n        text-align: center;\r\n        padding-top: 5px;\r\n        padding-left: 7px;\r\n        margin-right: 0.45rem;\r\n    }\r\n    .bottom-copy{\r\n        max-width: 1000px;\r\n        margin: 3rem auto;\r\n    }\r\n    .browse-contain{\r\n        background-color: white;\r\n        padding: 1rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n    .desktop-search-button button{\r\n        float: right;\r\n    }\r\n    .browse-contain div{\r\n        padding: 0.5rem;\r\n    }\r\n    .browse-contain a{\r\n        border-bottom: 2px solid #ddd;\r\n        display: block;\r\n        padding-bottom: 0.5rem;\r\n        font-weight: 400;\r\n    }\r\n    h3{\r\n        font-size: 18px;\r\n        margin-bottom: 1rem;\r\n    }\r\n    .results-btn{\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n    .results-btn .back{\r\n        text-transform: uppercase;\r\n        font-weight: 600;\r\n        position: relative;\r\n        margin-left: 15px;\r\n        align-items: center;\r\n        display: flex;\r\n        line-height: 1;\r\n    }\r\n    .back::before{\r\n        content: '';\r\n        background: url(\/wp-content\/themes\/voltron\/src\/img\/icon-chevron-right-yellow.svg) center center no-repeat;\r\n        display: block;\r\n        position: absolute;\r\n        left: -15px;\r\n        padding: 0;\r\n        width: 10px;\r\n        height: .875em;\r\n        transform: rotate(180deg);\r\n    }\r\n    .details{\r\n        max-width: 55rem;\r\n        margin: 2rem auto;\r\n        display: block;\r\n    }\r\n    .description-table {\r\n        max-width: 55rem;\r\n        margin: 0 auto;\r\n        background-color: transparent;\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n    }\r\n    .description-row{\r\n        padding: 0.5rem 1rem;\r\n    }\r\n    .description-table .description-row:nth-child(odd){\r\n        background-color: white;\r\n    }\r\n    .desc-title{\r\n        font-weight: 600;\r\n    }\r\n    a.details-btn.btn{\r\n        padding: 8px 60px 8px 10px;\r\n        font-size: 12px;\r\n    }\r\n    a.details-btn.btn::after{\r\n        width: 38px;\r\n    }\r\n    @media (max-width: 849px) {\r\n        .browse-contain a.no-border{\r\n            border-bottom: 2px solid #ddd !important;\r\n        }\r\n        .browse-contain a.no-border.no-border-mobile{\r\n            border-bottom: 0 !important;\r\n        }\r\n        .selected-cart-btn.details-select{\r\n            display: none;\r\n        }\r\n        .details-instructions{\r\n            display: none;\r\n        }\r\n        .results-btn {\r\n            flex-direction: column;\r\n            margin: 1rem auto;\r\n        }\r\n        .mobile-service-exchange{\r\n            flex-direction: column;\r\n        }\r\n        .cart-btn-group{\r\n            display: flex !important;\r\n            flex-direction: column;\r\n        }\r\n        .selected-cart-btn{\r\n            display: inline-flex;\r\n        }\r\n        .view-cart-btn{\r\n            margin-bottom: 1.25rem;\r\n            display: inline-flex;\r\n        }\r\n        select {\r\n            max-width: 100%;\r\n        }\r\n        .hide-mobile {\r\n            display: none;\r\n        }\r\n\r\n        .display-mobile {\r\n            display: initial !important;\r\n        }\r\n\r\n        .display-mobile-block {\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .wrapper {\r\n            height: 55px !important;\r\n            margin-top: 10px !important;\r\n        }\r\n\r\n        .pagination {\r\n            text-align: center;\r\n        }\r\n\r\n        .table.drop-headers tr {\r\n            border-top: 30px solid transparent;\r\n            border-bottom: 30px solid transparent;\r\n        }\r\n\r\n        .table.drop-headers td {\r\n            padding: 3px 20px !important;\r\n            display: block !important;\r\n            text-align: left !important;\r\n            width: 100% !important;\r\n        }\r\n    }\r\n\r\n    .display-mobile {\r\n        display: none;\r\n    }\r\n\r\n    .display-mobile-block {\r\n        display: none;\r\n    }\r\n\r\n    .part-number {\r\n        \/* min-width: 130px; *\/\r\n    }\r\n\r\n    .part-table ul {\r\n        padding-left: 20px;\r\n    }\r\n\r\n    .part-table tr:hover {\r\n        background-color: white;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .details-link {\r\n        cursor: pointer;\r\n    }\r\n\r\n\r\n\r\n    .loader,\r\n    .fader {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, .7);\r\n        opacity: 0;\r\n        transition: opacity .3s ease-in-out;\r\n        z-index: 1001;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .loader-local-local,\r\n    .fader-local-local {\r\n        position: absolute;\r\n\r\n    }\r\n\r\n    .loading,\r\n    .fading {\r\n        opacity: 1;\r\n    }\r\n\r\n    .loader {\r\n        background-image: url(\/wp-content\/themes\/voltron\/dist\/img\/loader.svg);\r\n        background-color: rgba(0, 0, 0, .7);\r\n        background-repeat: no-repeat;\r\n        background-position: center center;\r\n    }\r\n\r\n    .results {\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .modal-mask {\r\n        position: fixed;\r\n        z-index: 9998;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, .5);\r\n        display: table;\r\n        transition: opacity .3s ease;\r\n    }\r\n\r\n    .modal-wrapper {\r\n        display: table-cell;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .modal-container {\r\n        \/*width: 300px;*\/\r\n        margin: 0px auto;\r\n        padding: 20px 30px;\r\n        background-color: #fff;\r\n        border-radius: 2px;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, .33);\r\n        transition: all .3s ease;\r\n        font-family: Helvetica, Arial, sans-serif;\r\n        \/*visibility: visible;*\/\r\n        pointer-events: none;\r\n        \/*opacity: 1;*\/\r\n    }\r\n\r\n    .modal-cart {\r\n        max-width: 680px !important;\r\n        margin: auto;\r\n        position: absolute;\r\n        z-index: 2;\r\n        top: 0%;\r\n        left: 20px;\r\n        right: 20px;\r\n        background: #000;\r\n        color: #fff;\r\n        \/*transform: scale(0.8);*\/\r\n        transition: transform 0.3s, top 0.2s;\r\n    }\r\n\r\n    .modal-title,\r\n    .modal-body,\r\n    .modal-footer {\r\n        padding: 10px;\r\n    }\r\n\r\n    .modal-title {\r\n        border-bottom: solid 1px #DDD;\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .modal-close {\r\n        position: absolute;\r\n        \/*right: 20px;*\/\r\n        \/*top: 10px;*\/\r\n        font-size: 24px;\r\n        text-decoration: none;\r\n        transition: .3s ease-in-out color;\r\n        color: #fff;\r\n    }\r\n\r\n    .modal-close:hover {\r\n        color: #CCC;\r\n    }\r\n\r\n    .modal-footer {\r\n        display: flex;\r\n    }\r\n\r\n    .modal-footer .flex-row {\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .modal .form-group label {\r\n        display: block;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .modal .form-group input,\r\n    .modal .form-group textarea {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .modal-header h3 {\r\n        \/*margin-top: 0;*\/\r\n        \/*color: #42b983;*\/\r\n    }\r\n\r\n    .modal-body {\r\n        \/*margin: 20px 0;*\/\r\n    }\r\n\r\n    .modal-default-button {\r\n        \/*float: right;*\/\r\n    }\r\n\r\n    .modal-enter {\r\n        opacity: 0;\r\n        transition: .3s ease-in-out all;\r\n    }\r\n\r\n    .modal-leave-active {\r\n        opacity: 0;\r\n        transition: .3s ease-in-out all;\r\n    }\r\n\r\n    .modal-enter .modal-container,\r\n    .modal-leave-active .modal-container {\r\n        transition: .3s ease-in-out all;\r\n        -webkit-transform: scale(1.1);\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .item-status {\r\n        display: inline-block;\r\n        background: black;\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 50%;\r\n        font-size: 8px;\r\n        text-align: center;\r\n        line-height: 14px;\r\n        color: yellow;\r\n        position: relative;\r\n        top: -6px;\r\n    }\r\n\r\n    .down:before {\r\n        background: url(\/wp-content\/themes\/voltron\/src\/img\/icon-chevron-down.svg) no-repeat center center #feca38;\r\n        \/* background: url(\/wp-content\/themes\/voltron\/src\/img\/icon-chevron-down.svg) !important; *\/\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: auto;\r\n        bottom: 0;\r\n        display: inline-block;\r\n        content: \"\";\r\n        width: 22px;\r\n        height: auto;\r\n        background-size: 40%;\r\n        padding: 12px 12px 12px 16px;\r\n    }\r\n\r\n    .down:after {\r\n        background: none !important;\r\n    }\r\n\r\n    .wrapper {\r\n        position: relative;\r\n        \/* width: 250px; *\/\r\n        height: 125px;\r\n        \/* border: 1px dashed #ccc; *\/\r\n        \/* margin: 10px; *\/\r\n    }\r\n\r\n    .line {\r\n        position: absolute;\r\n        left: 49%;\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 1px;\r\n        background: #ccc;\r\n        z-index: 1;\r\n    }\r\n\r\n    .wordwrapper {\r\n        text-align: center;\r\n        height: 12px;\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        top: 50%;\r\n        margin-top: -12px;\r\n        z-index: 2;\r\n    }\r\n\r\n    .word {\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        padding: 8px;\r\n        font: bold 12px arial, sans-serif;\r\n        background: url(\/wp-content\/themes\/voltron\/dist\/img\/feature-bg-dark.png) #231f20 repeat;\r\n    }\r\n\r\n    .col-1 {\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .col {\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .col-2 {\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .col-3 {\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .col-4 {\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .feature-block-title::after {\r\n        content: none !important;\r\n    }\r\n\r\n    .responsive {\r\n        max-width: 100%;\r\n        overflow: auto;\r\n    }\r\n\r\n    .responsive th:first-child,\r\n    .responsive td:first-child {\r\n        position: sticky;\r\n        left: 0;\r\n    }\r\n\r\n    .responsive th:first-child,\r\n    .responsive th:last-child {\r\n        background-color: #231f20;\r\n        box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, .5);\r\n    }\r\n\r\n    .responsive tbody td:first-child,\r\n    .responsive tbody td:last-child {\r\n        box-shadow: 10px 0px 10px -15px rgba(0, 0, 0, .5);\r\n    }\r\n\r\n    .responsive tbody td:last-child {\r\n        box-shadow: -10px 0px 10px -15px rgba(0, 0, 0, .5);\r\n    }\r\n\r\n    .responsive tbody tr:nth-child(odd) td:first-child,\r\n    .responsive tbody tr:nth-child(odd) td:last-child {\r\n        background-color: #fff;\r\n    }\r\n\r\n    .responsive tbody tr:nth-child(even) td:first-child,\r\n    .responsive tbody tr:nth-child(even) td:last-child {\r\n        background-color: #fff;\r\n        background-color: #efefef;\r\n    }\r\n\r\n    .responsive th:last-child,\r\n    .responsive td:last-child {\r\n        position: sticky;\r\n        right: 0;\r\n    }\r\n<\/style>\r\n\r\n<div id=\"part-search\" class=\"part-search-app\" :class=\"(detail ? 'detail-view ' : '') + (is_mounted ? 'mounted ' : '')\">\r\n    <div class=\"fader\" :class=\"is_fading ? 'fading' : ''\"><\/div>\r\n    <div class=\"loader\" :class=\"is_loading ? 'loading' : ''\"><\/div>\r\n\r\n    <div class=\"breathe-mini\">\r\n        <div class=\"feature-block\">\r\n            <p class=\"feature-block-title text-center\" style=\"text-transform: uppercase;\">Search Inventory<\/p>\r\n\r\n            <form @submit.prevent=\"onSearch()\" id=\"searchformparts\" class=\"search\">\r\n                <div class=\"form-group\">\r\n                    <div class=\"row\" style=\"padding: 0px 20px;\">\r\n\r\n                        <div class=\"col-3\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col\">\r\n                                    <label class=\"control-label\" for=\"keyword\"><strong>Search Part # or Keyword<\/strong><\/label>\r\n                                    <label class=\"control-label visually-hidden\" for=\"hepi\">Search<\/label>\r\n                                    <input v-model=\"search.keyword\" type=\"search\" name=\"keyword\" id=\"keyword\"\r\n                                        placeholder=\"Any Number\" \/>\r\n                                    <input type=\"hidden\" name=\"post_type\" value=\"products\" \/>\r\n                                    <!-- \/\/ hidden 'products' value -->\r\n                                    <input type=\"hidden\" name=\"custom_search\" value=\"1\" \/>\r\n                                    <!-- flag so we don't add all custom post types to this search -->\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"row hide-mobile\" style=\"display: flex; justify-content: flex-end;\">\r\n                                <div class=\"col hide-mobile\">\r\n                                    <button\r\n                                        v-if=\"search.divisions < 1 && search.equipment_types < 1 && search.he_part_nums< 1 && search.makes < 1 && search.models < 1 && search.oem_part_nums < 1 && search.keyword < 1\"\r\n                                        disabled type=\"submit\" class=\"btn btn-light-frame btn-small\"\r\n                                        style=\"opacity:.5\">Search<\/button>\r\n                                    <button v-else type=\"submit\" class=\"btn btn-light-frame btn-small\">Search<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"col-1\">\r\n                            <div class=\"wrapper\">\r\n                                <div class=\"line hide-mobile\"><\/div>\r\n                                <div class=\"wordwrapper\">\r\n                                    <div class=\"word\">or<\/div>\r\n                                <\/div>\r\n\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"col-8\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-4\" v-if=\"filter_options_base.product_types.length > 0\">\r\n                                    <label class=\"control-label\" for=\"product_type\"><strong>Product Type<\/strong><\/label>\r\n                                    <label class=\"control-label visually-hidden\" for=\"product_type\">Search<\/label>\r\n                                    <select name=\"division\" v-model=\"search.product_types\" @change=\"onSearch($event, true, true)\">\r\n                                        <option value=\"\">Any Product Type<\/option>\r\n                                        <option v-for=\"option in filter_options.product_types\">{{option}}<\/option>\r\n                                    <\/select>\r\n\r\n                                    <input type=\"hidden\" name=\"post_type\" value=\"products\" \/>\r\n                                <\/div>\r\n                                <div class=\"col-4\">\r\n                                  <label class=\"control-label\" for=\"division\"><strong>Division<\/strong><\/label>\r\n                                  <label class=\"control-label visually-hidden\" for=\"division\">Search<\/label>\r\n                                  <select name=\"division\" v-model=\"search.divisions\" @change=\"onSearch($event, true, true)\">\r\n                                      <option value=\"\">Any Division<\/option>\r\n                                      <option value=\"Mining\">Mining<\/option>\r\n                                      <option value=\"Dom-Ex\">Dom-Ex<\/option>\r\n                                      \r\n                                      <!-- <option v-for=\"option in filter_options_base.divisions\">{{option}}<\/option> -->\r\n                                  <\/select>\r\n\r\n                                  <input type=\"hidden\" name=\"post_type\" value=\"products\" \/>\r\n                                <\/div>\r\n                                <div class=\"clearfix\"><\/div>\r\n                                <div class=\"col-4\">\r\n                                    <label class=\"control-label\" for=\"equipment_type\"><strong>Equipment\r\n                                            Type<\/strong><\/label>\r\n                                    <label class=\"control-label visually-hidden\" for=\"equipment_type\">Search<\/label>\r\n                                    <select  name=\"equipment_type\" v-model=\"search.equipment_types\"\r\n                                        @change=\"onSearch($event, true, true)\">\r\n                                        <option value=\"\">Any Equipment Type<\/option>\r\n                                        <option v-for=\"option in filter_options.equipment_types\">{{option}}<\/option>\r\n                                    <\/select>\r\n\r\n                                    <input type=\"hidden\" name=\"post_type\" value=\"products\" \/>\r\n                                    <!-- \/\/ hidden 'products' value -->\r\n                                    <input type=\"hidden\" name=\"custom_search\" value=\"5\" \/>\r\n                                    <!-- flag so we don't add all custom post types to this search -->\r\n                                <\/div>\r\n\r\n                                <div class=\"col-3\">\r\n                                    <label class=\"control-label\" for=\"make\"><strong>Make<\/strong><\/label>\r\n                                    <label class=\"control-label visually-hidden\" for=\"make\">Search<\/label>\r\n                                    <select name=\"make\" v-model=\"search.makes\" @change=\"onSearch($event, true, true)\">\r\n                                        <option value=\"\">Any Make<\/option>\r\n                                        <option v-for=\"option in filter_options_base.makes\">{{option}}<\/option>\r\n                                    <\/select>\r\n                                <\/div>\r\n\r\n                                <div class=\"col-2\">\r\n                                    <label class=\"control-label\" for=\"model\"><strong>Model<\/strong><\/label>\r\n\r\n\r\n                                    <label class=\"control-label visually-hidden\" for=\"model\">Search<\/label>\r\n\r\n                                    <select class=\"model-type\" disabled v-if=\"search.makes === ''\" name=\"equipment_type\"\r\n                                        v-model=\"search.models\" @change=\"onSearch($event)\">\r\n                                        <option value=\"\">Select a Make<\/option>\r\n                                    <\/select>\r\n\r\n                                    <select v-else-if=\"search.makes !== ''\" name=\"equipment_type\"\r\n                                        v-model=\"search.models\" @change=\"onSearch($event)\">\r\n                                        <option value=\"\">Model<\/option>\r\n                                        <!-- <option v-for=\"option in get_models[`${search.makes.toLowerCase()}`]\">{{option}}<\/option> -->\r\n                                        <option v-for=\"option in get_models[`${search.makes.toLowerCase()}`]\">{{option}}\r\n                                        <\/option>\r\n                                    <\/select>\r\n\r\n\r\n                                    <input type=\"hidden\" name=\"post_type\" value=\"products\" \/>\r\n                                    <!-- \/\/ hidden 'products' value -->\r\n                                    <input type=\"hidden\" name=\"custom_search\" value=\"6\" \/>\r\n                                    <!-- flag so we don't add all custom post types to this search -->\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"row mobile-service-exchange\" style=\"display: flex; justify-content: flex-end;\">\r\n\r\n                                <div class=\"col-3\" style=\"margin-top: 14px;font-size:16px;flex-grow:4\">\r\n                                    <!-- <label class=\"control-label\" for=\"item_type\"><strong>Item Type<\/strong><\/label> -->\r\n                                    <label class=\"control-label visually-hidden\" or=\"item_type\">Search<\/label>\r\n                                    <label><input type=\"checkbox\" name=\"flag\" v-model=\"search.flags\" @change=\"onSearch($event)\" :checked=\"search.flags\"> Service Exchange Only<\/label>\r\n                                <\/div>\r\n\r\n                                <!-- <div class=\"col-3\" style=\"margin-top: 14px;font-size:16px;flex-grow:4\">\r\n                                    <label class=\"control-label visually-hidden\" or=\"item_type\">Search<\/label>\r\n                                    <label><input type=\"checkbox\" name=\"domex\" v-model=\"search.domex\" @change=\"excludeDomEx($event)\" :checked=\"search.domex\"> Include Dom-Ex Used Parts<\/label>\r\n                                <\/div> -->\r\n\r\n                                <div class=\"col\">\r\n                                    <a v-if=\"visible_results.length == 0 && parts == null\" style=\"visibility:none\"><\/a>\r\n                                    <a v-else href=\"#\" @click=\"resetForm($event)\" class=\"cart-btn\"\r\n                                        style=\"color:#feca38;margin-top: 14px;font-size:16px;display:inline-flex\">\r\n                                        <img decoding=\"async\" style=\"width: auto; height: 30px; padding-top: 4px; padding-bottom: 4px; display: inline-block;\"\r\n                                            src=\"\/wp-content\/themes\/voltron\/dist\/img\/icon-reset.svg\" alt=\"\">\r\n                                        <p style=\"padding:4px\">Reset<\/p>\r\n                                    <\/a>\r\n                                <\/div>\r\n\r\n                                <div class=\"col\">\r\n                                    <button\r\n                                        v-if=\"search.divisions < 1 && search.equipment_types < 1 && search.he_part_nums< 1 && search.makes < 1 && search.models < 1 && search.oem_part_nums < 1 && search.keyword < 1\"\r\n                                        disabled type=\"submit\" class=\"btn btn-light-frame btn-small\"\r\n                                        style=\"opacity:.5\">Search<\/button>\r\n                                    <button v-else type=\"submit\" class=\"btn btn-light-frame btn-small\"\r\n                                        style=\"min-width: 120px !important;\">Search<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n\r\n\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"row\" style=\"display: flex;flex-flow: row-reverse;\">\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n        <\/div>\r\n        <\/form>\r\n    <\/div>\r\n    <div  v-if=\"!visible_results.length && !detail && parts?.results\" class=\"breathe\">\r\n        <h3 class=\"text-center\">No results found.<\/h3>\r\n    <\/div>\r\n    <div v-if=\"!detail && visible_results.length === 0\"\r\n    class=\"relative results-block breathe\">\r\n<!-- v-if=\"!visible_results.length && !detail && !parts\"  -->\r\n        <div class=\"part-search-index\" style=\"justify-content: space-evenly;\">\r\n\r\n            <div class=\"flex-row\">\r\n                <div style=\"display: flex;flex-direction: column;\" class=\"flex-col part-search-index__panel\">\r\n                    <h3>Browse by Type<\/h3>\r\n                    <div class=\"browse-contain\" v-if=\"filter_options_base.equipment_types.length\">\r\n                        <div class=\"col-3 browse-item\" v-for=\"cats in filter_options_base.equipment_types\">\r\n                            <a :href=\"`\/parts\/?equipment_type=${cats}`\">{{cats}}<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"flex-row\">\r\n                <div style=\"display: flex;flex-direction: column;\" class=\"flex-col part-search-index__panel\">\r\n                    <h3>Most Popular Makes<\/h3>\r\n                    <div class=\"browse-contain\" v-if=\"filter_options_base.makes.length\">\r\n                        <div class=\"flex-row\" style=\"padding: 0;\">\r\n                            <div style=\"display: flex;flex-direction: column; padding: 0;\" class=\"flex-col part-search-index__panel\">\r\n\r\n                                <div class=\"browse-contain\" style=\"padding: 0; border-bottom: 2px solid #ddd;;\r\n                                margin-bottom: 1rem;\">\r\n                                 <div class=\"col-3 browse-item\">\r\n                                    <a href=\"\/parts\/?make=Caterpillar\">Caterpillar<\/a>\r\n                                <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Atlas Copco\">Atlas Copco<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Unit Rig\">Unit Rig<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Wagner\">Wagner<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Cummins\">Cummins<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Eprioc\">Eprioc<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Hitachi\">Hitachi<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Komatsu\">Komatsu<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a class=\"no-border\" href=\"\/parts\/?make=Liebherr\">Liebherr<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a class=\"no-border no-border-mobile\" href=\"\/parts\/?make=Sandvik\">Sandvik<\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<div id=\"results\" v-if=\"!detail && visible_results.length > 0\r\n\" class=\"relative results-block breathe\">\r\n    <div class=\"fader fader-local\" :class=\"is_results_fading ? 'fading' : ''\"><\/div>\r\n\r\n\r\n    <div class=\"cart-btn-group flex-row\">\r\n        <!-- <h3>Results Found<\/h3> -->\r\n        <a href=\"#\" class=\"view-cart-btn btn-inline\" @click=\"addMultipleParts($event)\"><div class=\"cart\">{{cart_parts.length}}<\/div> View Cart<\/a>\r\n        <a href=\"#\" class=\"btn-inline selected-cart-btn\"\r\n            @click=\"addMultiplePartsNoModal($event)\">\r\n\r\n            Add Selected to Cart\r\n        <\/a>\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"block\">\r\n        <div id=\"part-table\" data-super-table class=\"super-table\">\r\n            <div class=\"\">\r\n                <table id=\"data-table\" class=\"table drop-headers part-table\">\r\n                    <thead class=\"documents-table-header\">\r\n                        <tr class=\"\">\r\n                            <th class=\"th allow-wrap part-number\">HEPI Parts #<\/th>\r\n                            <th class=\"th allow-wrap part-number\">OEM Part #<\/th>\r\n                            <th class=\"th allow-wrap make\">Make<\/th>\r\n                            <th class=\"th allow-wrap model\">Model<\/th>\r\n                            <th data-auto-lock class=\"th allow-wrap  division\">Division<\/th>\r\n                            <th class=\"th allow-wrap division\">Product Type<\/th>\r\n                            <th class=\"th allow-wrap part-number\">Equipment Type<\/th>\r\n                            <th class=\"th allow-wrap description\">Description<\/th>\r\n                            <th class=\"th allow-wrap description\">Quantity<\/th>\r\n                            <!-- <th class=\"th details\">Details<\/th> -->\r\n                            <th data-auto-lock class=\"th check\">\r\n                                <a style=\"color: white;\" href=\"#\" class=\"\" @click=\"onSelectAll($event)\">\r\n                                    Add\r\n                                <\/a>\r\n                            <\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody class=\"\">\r\n\r\n                        <tr v-for=\"(part, i) in visible_results.slice(search.page_offset,search.results_per_page+search.page_offset)\"\r\n                            :key=\"i\" class=\"\">\r\n                            <template v-if=\"i <= 10\"><\/template>\r\n                            <!-- <a @click=\"onDetailView($event, part)\" class=\"view-more-link\"> -->\r\n\r\n\r\n                            <td class=\"td part-number\"  @click=\"onDetailView($event, part)\">\r\n                                <!--  -->\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    HEPI Parts #:\r\n                                <\/div>\r\n\r\n                                <div v-for=\"he_part_num in part.he_part_num\" style=\"display: inline-block;\">\r\n                                        {{he_part_num}}\r\n                                    <\/a>\r\n                                <\/div>\r\n                                <\/a>\r\n                            <\/td>\r\n\r\n                            <td class=\"td part-number\"  @click=\"onDetailView($event, part)\">\r\n\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    OEM Part #:\r\n                                <\/div>\r\n\r\n                                <div style=\"display: inline-block; vertical-align: top; width: 58%;\">\r\n                                    <div v-for=\"oem_part_num in part.oem_part_num\">{{oem_part_num}} <\/div>\r\n                                <\/div>\r\n\r\n                            <\/td>\r\n\r\n                            <td class=\"td allow-wrap make\"  @click=\"onDetailView($event, part)\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    Make:\r\n                                <\/div>\r\n\r\n                                <div v-for=\"make in part.make\" style=\"display: inline-block;\">{{make}}<\/div>\r\n                            <\/td>\r\n\r\n                            <td class=\"td allow-wrap format\"  @click=\"onDetailView($event, part)\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    Model:\r\n                                <\/div>\r\n                                <div style=\"display: inline-block; vertical-align: top; width: 58%;\">\r\n                                    <div v-if=\"part.model.filter(e => e && e.length).length > 0\">\r\n                                      {{(part.model.filter(e => e.length)).join(', ')}}\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/td>\r\n\r\n                            <td class=\"td division\"  @click=\"onDetailView($event, part)\">\r\n                              <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                  Division:\r\n                              <\/div>\r\n\r\n                              <div v-for=\"division in part.division\" style=\"display: inline-block;\">{{division}}<\/span>\r\n                          <\/td>\r\n\r\n                            <td class=\"td division\"  @click=\"onDetailView($event, part)\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    Product Type:\r\n                                <\/div>\r\n\r\n                                <div v-for=\"part_type in part.class\" style=\"display: inline-block;\">{{part_type}}<\/span>\r\n                            <\/td>\r\n\r\n                            <td class=\"td division\" @click=\"onDetailView($event, part)\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    Equipment Type:\r\n                                <\/div>\r\n\r\n                                <!-- <div style=\"display: inline-block;\"> -->\r\n                                <!-- <div v-for=\"equipment_type in part.equipment_type\" style=\"display: inline-block;\">\r\n                                  {{equipment_type}};\r\n                                <\/div> -->\r\n                                  <span v-if=\"part.equipment_type.filter(e => e && e.length).length > 0\">\r\n                                    {{(part.equipment_type.filter(e => e.length)).join(', ')}}\r\n                                  <\/span>\r\n                            <\/td>\r\n\r\n\r\n                            <td class=\"td allow-wrap description\" @click=\"onDetailView($event, part)\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    Description:\r\n                                <\/div>\r\n\r\n                                <div style=\"display: inline-block; vertical-align: top; width: 58%;\">\r\n                                    <p v-for=\"description in part.description\" style=\"margin-bottom: 0;\" >{{description}}<\/p>\r\n                                <\/div>\r\n                            <\/td>\r\n\r\n\r\n\r\n                            <td class=\"td allow-wrap description\" @click=\"onDetailView($event, part)\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    Quantity:\r\n                                <\/div>\r\n\r\n                                <p v-for=\"quantity in part.quantity\" v-if=\"isDomex(part)\" style=\"display: inline-block;\">{{quantity}}<\/p>\r\n                                <p v-else style=\"display: inline-block;\">Lead Times Vary<\/p>\r\n                            <\/td>\r\n                            <\/\u03b1>\r\n\r\n                            <!-- here -->\r\n                            <td class=\"hide-label text-left\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                        Select:\r\n                                <\/div>\r\n\r\n                                <input v-model=\"selected_parts\" :value=\"part.he_part_num\" type=\"checkbox\">\r\n                            <\/td>\r\n\r\n\r\n                            <!-- <td class=\"td details hide-label\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n\r\n                                <\/div>\r\n                                <a @click=\"onDetailView($event, part)\" class=\"details-link\">Details<\/a>\r\n                            <\/td> -->\r\n\r\n                            <!--<div class=\"td description\">-->\r\n                            <!--    <p v-for=\"equipment_type in part.equipment_type\">{{equipment_type}}<\/p>-->\r\n                            <!--<\/div>-->\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div v-if=\"parts.total_results > search.results_per_page\">\r\n        <div class=\"pagination\">\r\n            <a href=\"#\" class=\"prev page-numbers\" v-if=\"search.page > 0\" @click=\"onChangePage($event, search.page - 1)\"\r\n                title=\"Previous\">\u2039<\/a>\r\n\r\n            <!-- <a href=\"#\" title=\"!\" v-if=\"search.page > 3 && page_count > 5\" class=\"page-numbers\" @click=\"onChangePage($event, 1)\"><\/a> -->\r\n\r\n            <a href=\"#\" v-if=\"n > (search.page - 1) && n < (search.page + 3)\" class=\"page-numbers\"\r\n                :class=\"n == search.page+1 ? 'current' : ''\" v-for=\"n in page_count\"\r\n                @click=\"onChangePage($event, n-1)\">{{n}}<\/a>\r\n\r\n            <!-- <a href=\"#\" :title=\"page_count\" v-if=\"search.page <= page_count - 3 && page_count > 5\" class=\"page-numbers\" @click=\"onChangePage($event, page_count)\"><\/a> -->\r\n\r\n            <a href=\"#\" class=\"next page-numbers\" v-if=\"search.page < page_count-1\"\r\n                @click=\"onChangePage($event, search.page + 1)\" title=\"Next\">\u203a<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"flex-row space-between display-mobile\">\r\n        <!-- <h3>Results Found<\/h3> -->\r\n        <a href=\"#\" class=\"btn \"\r\n            @click=\"addMultiplePartsNoModal($event)\">\r\n\r\n            Add Selected to Cart\r\n        <\/a>\r\n        <a href=\"#\" class=\"\" @click=\"addMultipleParts($event)\">View Cart <div class=\"cart\"><\/div><\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div v-if=\"detail\" class=\"detail\">\r\n\r\n    <div class=\"results-btn\">\r\n        <a href=\"#\" @click=\"onDetailView($event)\" class=\"back\">Back to Results<\/a>\r\n        <a id=\"show-cart\" class=\"details-btn btn btn-inline margin-top\" @click=\"addToPartSearchCart($event, detail)\">Add to Cart<\/a>\r\n    <\/div>\r\n\r\n    <!-- <h2>H-E Parts <span v-for=\"he_part_num in detail.he_part_num\">{{he_part_num}}<\/span> Details<\/h2> -->\r\n    <h1 style=\"font-size: 36px;\r\n    letter-spacing: 1px;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n    margin-top: 0;\r\n    margin-bottom: .5em;\r\n    font-weight: 600;\r\n    margin: 0.67em 0;\" class=\"text-center margin-bottom\">{{makeHeadline(detail)}}<\/h1>\r\n    <div class=\"description-table\">\r\n        <div class=\"description-row\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>HEPI Part Number<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"he_part_num in detail.he_part_num\">{{he_part_num.toUpperCase()}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Item Status<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"item_status in detail.item_status\">{{item_status ? item_status.length > 1 ? item_status[0].toUpperCase() + item_status.slice(1) : '' : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"description-row\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Alternate Part Number<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"alt_part_num in detail.alt_part_num\">{{alt_part_num ? alt_part_num.toUpperCase() : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Equipment Type<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"equipment_type in detail.equipment_type\">{{equipment_type ? equipment_type.length > 1 ? equipment_type[0].toUpperCase() + equipment_type.slice(1) : '' : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"description-row\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>OEM Part Number<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"oem_part_num in detail.oem_part_num\">{{oem_part_num ? oem_part_num.toUpperCase() : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Division<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"division in detail.division\">{{division ? division.length > 1 ? division[0].toUpperCase() + division.slice(1) : '' : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"description-row\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Make<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"make in detail.make\">{{make ? make : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Availability<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"availability in detail.availability\">{{availability ? availability.length > 1 ? availability[0].toUpperCase() + availability.slice(1).toLowerCase() : '' : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"description-row\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Model<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"model in detail.model\">{{model ? model.toUpperCase() : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Item type<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"flag in detail.flag\">{{getItemType(flag)}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"description-row\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Description<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"description in detail.description\">{{description ? description.toUpperCase() : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div style=\"margin-top: 50px;\">\r\n        <p style=\"max-width: 880px; margin-inline: auto;\">{{makeSeoText(detail)[0]}}<\/p>\r\n        <p style=\"max-width: 880px; margin-inline: auto; margin-block: 1rem;\">{{makeSeoText(detail)[1]}}<\/p>\r\n    <\/div>\r\n\r\n    <div v-if=\"additionalParts.length > 0\" class=\"details\">\r\n        \r\n        <h2 style=\"font-size: 30px;\r\n        letter-spacing: 2px;\r\n        line-height: 1;\r\n        text-transform: uppercase;\r\n        margin-bottom: .5em;\r\n        font-weight: 600;\" class=\"text-center marging-top margin-bottom\" style=\"margin-top: 2rem;\">{{additionalPartsLine(detail)}}<\/h2>\r\n        <a href=\"#\" style=\"float: right; margin-bottom: 0.5rem;\" class=\"details-select selected-cart-btn\"\r\n            @click=\"addMultiplePartsNoModal($event)\">\r\n\r\n            Add Selected to Cart\r\n        <\/a>\r\n        <div id=\"part-table\" data-super-table class=\"super-table\">\r\n            <div class=\"\">\r\n                <table id=\"data-table\" class=\"table drop-headers part-table\">\r\n                    <thead class=\"documents-table-header\">\r\n                        <tr class=\"\">\r\n                            <th class=\"th allow-wrap part-number\">HEPI Parts #<\/th>\r\n                            <th class=\"th allow-wrap part-number\">OEM Part #<\/th>\r\n                            <th data-auto-lock class=\"th allow-wrap  division\">Division<\/th>\r\n                            <th class=\"th allow-wrap description\">Description<\/th>\r\n                            <th data-auto-lock class=\"th check\">\r\n                                <a style=\"color: white;\" href=\"#\" class=\"\" @click=\"onSelectAll($event)\">\r\n                                    Add\r\n                                <\/a>\r\n                            <\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody class=\"\">\r\n\r\n                        <tr v-for=\"(part, i) in additionalParts.slice(search.page_offset,search.results_per_page+search.page_offset)\"\r\n                            :key=\"i\" class=\"\">\r\n                            <template v-if=\"i <= 10 && part.id[0] != detail.id[0]\"><\/template>\r\n\r\n\r\n                                <td @click=\"onDetailView($event, part)\" class=\"td part-number\">\r\n                                    <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                        HEPI Parts #:\r\n                                    <\/div>\r\n\r\n                                    <div v-for=\"he_part_num in part.he_part_num\" style=\"display: inline-block;\">\r\n                                            {{he_part_num}}\r\n\r\n                                    <\/div>\r\n                                <\/td>\r\n\r\n                                <td @click=\"onDetailView($event, part)\" class=\"td part-number\">\r\n                                    <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                        OEM Part #:\r\n                                    <\/div>\r\n\r\n                                    <div @click=\"onDetailView($event, part)\" style=\"display: inline-block; vertical-align: top; width: 58%;\">\r\n                                        <div v-for=\"oem_part_num in part.oem_part_num\">{{oem_part_num}} <\/div>\r\n                                    <\/div>\r\n                                <\/td>\r\n\r\n                                <td @click=\"onDetailView($event, part)\" class=\"td division\">\r\n                                    <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                        Division:\r\n                                    <\/div>\r\n\r\n                                    <div v-for=\"division in part.division\" style=\"display: inline-block;\">{{division}}<\/span>\r\n                                <\/td>\r\n\r\n                                <td @click=\"onDetailView($event, part)\" class=\"td allow-wrap description\">\r\n                                    <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                        Description:\r\n                                    <\/div>\r\n\r\n                                    <div @click=\"onDetailView($event, part)\" style=\"display: inline-block; vertical-align: top; width: 58%;\">\r\n                                        <p v-for=\"description in part.description\" style=\"margin-bottom: 0;\" >{{description}}<\/p>\r\n                                    <\/div>\r\n                                <\/td>\r\n\r\n                                <td class=\"hide-label text-left\">\r\n                                    <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                            Select:\r\n                                    <\/div>\r\n\r\n                                    <input v-model=\"selected_parts\" :value=\"part.he_part_num\" type=\"checkbox\">\r\n                                <\/td>\r\n\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<!--\r\n        <div class=\"bottom-copy text-center details-instructions\">\r\n            <p style=\"margin-bottom: 2rem;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<\/p>\r\n\r\n            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores<\/p>\r\n        <\/div> -->\r\n\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":27,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-parts-inventory-search.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1224067","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/pages\/1224067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/comments?post=1224067"}],"version-history":[{"count":1,"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/pages\/1224067\/revisions"}],"predecessor-version":[{"id":1224070,"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/pages\/1224067\/revisions\/1224070"}],"wp:attachment":[{"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/media?parent=1224067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}