{"version":3,"file":"cotiza-tus-prendas-empeno.e8b39cff.js","sources":["../../../app/javascript/components/appraiser/CotizaTusPrendasEmpeno.vue?vue&type=template&lang.js","../../../app/javascript/components/appraiser/CotizaTusPrendasEmpeno.vue","../../../app/javascript/entrypoints/cotiza-tus-prendas-empeno.js"],"sourcesContent":["\n<div class=\"container text-center\">\n    <div>\n        <StepSlider :step=\"step\" :isMobile=\"isMobile\" :titles=\"titles\" @increase-step=\"setStep\"/>\n    </div>\n    <div class=\"steps-container mt-5 mx-auto\">\n        <div v-if=\"step === 1\" class=\"items-container\">\n            <p>¿Qué tipo de prenda vas a empeñar?</p>\n            <ItemSelector :items=\"prendas\" @selectItem=\"setGarments\"/>\n        </div>\n        <div v-if=\"step === 2\" class=\"items-container\">\n            <p>{{ type.titulo_paso_2.value }}</p>\n            <ItemSelector :items=\"type.prendas.value\" @selectItem=\"setGarment\"/>\n        </div>\n        <div class=\"items-container\" v-if=\"step === 3\">\n            <p>{{ sectionThreeTitle() }}</p>\n            <GoldSliders @setDetails=\"setGarmentDetails\" :garment=\"garment\" :garmentTitle=\"type.titulo.value\"/>\n        </div>\n        <div class=\"mx-auto my-5\" v-if=\"step === 4\" style=\"width: 80%\">\n            <GarmentValue :garment=\"garment\" @setLoan=\"sendGarment\">\n                <template v-slot:header>\n                    Por el <span style=\"color: #2C5697;\">empeño</span> de\n                    {{ garment.prenda === 'Aretes' ? 'tus' : 'tu' }} <span style=\"color: #2C5697\"\n                                                                           v-html=\"garmentInformation()\"/> te\n                    podemos prestar\n                </template>\n            </GarmentValue>\n            <div class=\"loan mx-auto\">\n                <button :disabled=\"!haveLoan\" class=\"btn btn-blue\" @click=\"goCuantoNecesitas\">¿Necesitas más dinero?\n                </button>\n                <button :disabled=\"!haveLoan\" class=\"btn btn-orange\" @click=\"showAppointmentLocations\">Haz una cita\n                    en sucursal\n                </button>\n                <span class=\"cta-blue\" @click=\"createLog('Calcula el valor de otra prenda')\">Calcula el valor de otra\n                    prenda</span>\n            </div>\n            <div id=\"sucursales\" class=\"mt-5\">\n                <div class=\"col text-center\">\n                    <h2 class=\"title mb-0\">\n                        Encuentra tu sucursal más cercana\n                    </h2>\n                    <div class=\"sub-title\">\n                        Con más de 1,100 sucursales en todo el país, siempre habrá un Presta Prenda cerca de ti.\n                        <br/>Ingresa tu dirección o C.P. y localiza tu sucursal más cercana\n                    </div>\n                </div>\n                <div class=\"col text-center\">\n                    <div class=\"col-12 button-bottom text-center\">\n                        <a href=\"/sucursales\" target=\"_blank\" class=\"btn btn-primary btn-orange\"\n                           @click=\"createLog('Buscar mi sucursal más cercana', false)\">\n                            Buscar sucursal\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"footer-container mb-5\">\n            <Footer :activeElement=\"step === 4\" :isMobile=\"isMobile\" :step=\"step\"/>\n        </div>\n    </div>\n</div>\n","<template>\n    <div class=\"container text-center\">\n        <div>\n            <StepSlider :step=\"step\" :isMobile=\"isMobile\" :titles=\"titles\" @increase-step=\"setStep\"/>\n        </div>\n        <div class=\"steps-container mt-5 mx-auto\">\n            <div v-if=\"step === 1\" class=\"items-container\">\n                <p>¿Qué tipo de prenda vas a empeñar?</p>\n                <ItemSelector :items=\"prendas\" @selectItem=\"setGarments\"/>\n            </div>\n            <div v-if=\"step === 2\" class=\"items-container\">\n                <p>{{ type.titulo_paso_2.value }}</p>\n                <ItemSelector :items=\"type.prendas.value\" @selectItem=\"setGarment\"/>\n            </div>\n            <div class=\"items-container\" v-if=\"step === 3\">\n                <p>{{ sectionThreeTitle() }}</p>\n                <GoldSliders @setDetails=\"setGarmentDetails\" :garment=\"garment\" :garmentTitle=\"type.titulo.value\"/>\n            </div>\n            <div class=\"mx-auto my-5\" v-if=\"step === 4\" style=\"width: 80%\">\n                <GarmentValue :garment=\"garment\" @setLoan=\"sendGarment\">\n                    <template v-slot:header>\n                        Por el <span style=\"color: #2C5697;\">empeño</span> de\n                        {{ garment.prenda === 'Aretes' ? 'tus' : 'tu' }} <span style=\"color: #2C5697\"\n                                                                               v-html=\"garmentInformation()\"/> te\n                        podemos prestar\n                    </template>\n                </GarmentValue>\n                <div class=\"loan mx-auto\">\n                    <button :disabled=\"!haveLoan\" class=\"btn btn-blue\" @click=\"goCuantoNecesitas\">¿Necesitas más dinero?\n                    </button>\n                    <button :disabled=\"!haveLoan\" class=\"btn btn-orange\" @click=\"showAppointmentLocations\">Haz una cita\n                        en sucursal\n                    </button>\n                    <span class=\"cta-blue\" @click=\"createLog('Calcula el valor de otra prenda')\">Calcula el valor de otra\n                        prenda</span>\n                </div>\n                <div id=\"sucursales\" class=\"mt-5\">\n                    <div class=\"col text-center\">\n                        <h2 class=\"title mb-0\">\n                            Encuentra tu sucursal más cercana\n                        </h2>\n                        <div class=\"sub-title\">\n                            Con más de 1,100 sucursales en todo el país, siempre habrá un Presta Prenda cerca de ti.\n                            <br/>Ingresa tu dirección o C.P. y localiza tu sucursal más cercana\n                        </div>\n                    </div>\n                    <div class=\"col text-center\">\n                        <div class=\"col-12 button-bottom text-center\">\n                            <a href=\"/sucursales\" target=\"_blank\" class=\"btn btn-primary btn-orange\"\n                               @click=\"createLog('Buscar mi sucursal más cercana', false)\">\n                                Buscar sucursal\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"footer-container mb-5\">\n                <Footer :activeElement=\"step === 4\" :isMobile=\"isMobile\" :step=\"step\"/>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nimport Valuation from \"@/components/mixins/valuation.js\";\nimport StepSlider from \"./StepSlider.vue\";\nimport ItemSelector from \"./ItemSelector.vue\";\nimport GoldSliders from \"./GarmentSliders.vue\";\nimport GarmentValue from \"./GarmentValue.vue\";\nimport Footer from \"./Footer.vue\";\n\nexport default {\n    mixins: [Valuation],\n    components: {Footer, GarmentValue, StepSlider, ItemSelector, GoldSliders},\n    methods: {\n        async goCuantoNecesitas() {\n            let log = await this.createLog('¿Necesitas más dinero?', false)\n            if (log) window.location.href = `/valuador/empeno/cuanto-necesitas/${log}`\n        },\n        showAppointmentLocations() {\n            this.createLog('Haz una cita en sucursal')\n            window.open(\"/sucursales?service=cita\", \"_blank\");\n        }\n    }\n\n}\n</script>\n<style lang=\"scss\" scoped>\n.steps-container {\n    max-width: 970px;\n}\n\n.btn-blue {\n    color: white;\n    padding-inline: 3rem !important;\n}\n\n.btn-orange {\n    color: white;\n    background-color: #F9A13B !important;\n    padding-inline: 3rem !important;\n    margin-top: 15px;\n}\n\n.cta-blue {\n    color: #2C5697;\n    text-decoration: underline;\n    cursor: pointer;\n    margin: 1rem auto;\n}\n\n.title {\n    color: #2C5697;\n    font-weight: 600;\n}\n\n.subtitle {\n    color: #767676;\n}\n\n\n.orange {\n    color: #F9A13B;\n}\n\n.blue {\n    color: #2C5697;\n}\n\n.btn {\n    text-transform: none;\n}\n\n#sucursales {\n    padding-top: 0;\n\n    .btn-orange {\n        padding-inline: 4rem !important;\n    }\n\n    .sub-title {\n        font-size: 17px;\n    }\n}\n\n.loan {\n    display: flex;\n    flex-direction: column;\n    width: 50%;\n\n    a {\n        margin: auto;\n        width: 50%;\n        min-width: 260px;\n    }\n}\n\n@media (max-width: 801px) {\n    .container {\n        width: 100% !important;\n        padding: 0;\n    }\n    .item-calculator-container {\n        flex-direction: column;\n        width: 100%;\n    }\n    .left-container, .right-container {\n        width: 100% !important;\n    }\n    .steps-container {\n        margin-top: 1rem !important;\n    }\n    .items-container {\n        p {\n            display: none !important;\n        }\n    }\n    .loan {\n        width: 90%;\n    }\n}\n\n</style>","import Vue from 'vue'\nimport App from '../components/appraiser/CotizaTusPrendasEmpeno.vue'\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    const app = new Vue({\n        render: h => h(App, {\n            props: {\n                prendas: prendas ? prendas : [],\n                aforos: aforos ? aforos : []\n            }\n        })\n    }).$mount('#main')\n})"],"names":["render","_vm","_h","_c","$event","staticRenderFns","__vue2_script","Valuation","Footer","GarmentValue","StepSlider","ItemSelector","GoldSliders","log","Vue","h","App"],"mappings":"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"}