(window.webpackJsonp=window.webpackJsonp||[]).push([[98],{342:function(t,e,o){"use strict";o.r(e);var r=o(0),n=(o(8),o(10),o(132),o(133),o(73),o(4)),l={props:{config:{type:Object,required:!0},readonly:{type:Boolean,required:!1,default:()=>!1}},data:t=>({latestSearch:null,productDialog:!1,formattingData:!0,itemIndexOnEdit:null,productInputSearch:"",form:t.$vform.make({items:[],_method:"PATCH"}),slides:["/images/img/slide3.jpg","/images/img/slide4.jpg","/images/img/slide4.jpg"],products:[]}),computed:{responsive(){return{xs:{imgHeight:"180px"},sm:{imgHeight:"180px"},md:{imgHeight:"320px"},lg:{imgHeight:"320px"},xl:{imgHeight:"490px"}}[this.$vuetify.breakpoint.name]}},watch:{config:{handler(){this.setData()},deep:!0,immediate:!0}},methods:{getConfigItems(){var t,e;return Array.isArray(null===(t=this.config)||void 0===t?void 0:t.items)?this.config.items:null!==(e=this.config)&&void 0!==e&&e.items&&"object"==typeof this.config.items?Object.values(this.config.items):[]},submit(){var t=this;return Object(r.a)(function*(){try{t.form.startProcessing();var{data:data}=yield t.$axios.post("/admin/config/carousel",Object(n.k)(t.form.data()),{headers:{"Content-Type":"multipart/form-data"}});t.form.finishProcessing(),t.$notify("Configuración del Carrusel Actualizada con éxito!"),t.$emit("success",data),t.setData()}catch(e){t.form.handleErrors(e)}})()},getImagePreview(t){var e,o,r=null===(e=this.form.items)||void 0===e?void 0:e[t],n=this.getConfigItems();return null!=r&&r.image?URL.createObjectURL(r.image):(null===(o=n[t])||void 0===o?void 0:o.image_url)||this.slides[t]||this.slides[0]},getProductName(t,e){var o,r,n,l=this.getConfigItems();return t.product&&((null===(o=this.products.find(e=>e.id===t.product))||void 0===o?void 0:o.name)||(null===(r=l[e])||void 0===r||null===(n=r.product)||void 0===n?void 0:n.name))||"No hay producto asociado a esta imagen."},setData(){this.formattingData=!0,this.form.items=[];var t=this.getConfigItems();(t.length?t:Array.from({length:4},()=>({product:null}))).forEach((t,e)=>{this.form.items[e]={image:null,product:t.product?t.product.id:null}}),this.formattingData=!1},openProductDialog(t){this.itemIndexOnEdit=t,this.productDialog=!0},deteleProduct(t,i){t.product=null,this.getProductName(t,i)},closeProductDialog(){this.productDialog=!1,this.itemIndexOnEdit=null,this.latestSearch=null,this.productInputSearch=""},onProductSelected(t){t&&(this.products.find(e=>e.id===t.id)||this.products.push(t),this.latestSearch=t)},saveProductSelection(){var t;this.latestSearch&&null!==this.itemIndexOnEdit&&null!==(t=this.form.items)&&void 0!==t&&t[this.itemIndexOnEdit]&&(this.form.items[this.itemIndexOnEdit].product=this.latestSearch.id,this.closeProductDialog())}}},c=(o(742),o(1)),component=Object(c.a)(l,function(){var t=this,e=t._self._c;return e("v-form",{attrs:{readonly:t.readonly,disabled:t.form.busy},on:{submit:function(e){return e.preventDefault(),t.submit.apply(null,arguments)}}},[e("v-card",{attrs:{outlined:""}},[t.formattingData?t._e():e("v-card-text",[e("v-row",[e("v-col",{attrs:{cols:"12"}},[e("h2",[t._v("\n                        Carrusel Web\n                    ")]),t._v(" "),e("v-divider")],1),t._v(" "),t._l(t.form.items,function(o,i){return e("v-col",{key:i,attrs:{cols:"12",md:"6",sm:"6"}},[e("v-file-input",{attrs:{dense:"",counter:"",outlined:"","show-size":"","persistent-hint":"",accept:"image/*,",color:"fishboxColor",label:"Imagen ".concat(i+1),"prepend-icon":"fa-paperclip",hint:"Dimensiones: 1792 x 597 Formato: Webp",placeholder:"Seleccione imagen",error:t.form.errors.has("items.".concat(i,".image")),"error-messages":t.form.errors.get("items.".concat(i,".image"))},scopedSlots:t._u([{key:"selection",fn:function(o){var{index:r,text:text}=o;return[r<2?e("v-chip",{attrs:{color:"green",dark:"",label:"",small:""}},[t._v("\n                                "+t._s(text)+"\n                            ")]):t._e()]}}],null,!0),model:{value:t.form.items[i].image,callback:function(e){t.$set(t.form.items[i],"image",e)},expression:"form.items[i].image"}}),t._v(" "),e("div",[t._v("\n                        Producto:\n                        "),e("span",{domProps:{textContent:t._s(t.getProductName(o,i))}}),t._v(" "),e("v-tooltip",{attrs:{bottom:""},scopedSlots:t._u([{key:"activator",fn:function(o){var{on:r}=o;return[e("v-btn",t._g({attrs:{icon:"","x-small":"",color:"cyan",disabled:t.form.busy},on:{click:function(e){return t.openProductDialog(i)}}},r),[e("v-icon",[t._v("fa-edit")])],1)]}}],null,!0)},[t._v(" "),e("span",[t._v("Editar")])]),t._v(" "),e("v-tooltip",{attrs:{bottom:""},scopedSlots:t._u([{key:"activator",fn:function(r){var{on:n}=r;return[e("v-btn",t._g({attrs:{icon:"","x-small":"",color:"red",disabled:t.form.busy},on:{click:function(e){return t.deteleProduct(o,i)}}},n),[e("v-icon",[t._v("fas fa-times")])],1)]}}],null,!0)},[t._v(" "),e("span",[t._v("Eliminar")])]),t._v(" "),e("p",{staticClass:"text-caption red--text",domProps:{textContent:t._s(t.form.errors.get("items.".concat(i,".product")))}})],1)],1)}),t._v(" "),e("v-col",{attrs:{cols:"12"}},[e("vueper-slides",{ref:"slides",staticClass:"no-shadow",attrs:{autoplay:"","visible-slides":1,lazy:"","lazy-load-on-drag":"","dragging-distance":100,"fixed-height":t.responsive.imgHeight}},t._l(t.form.items,function(o,i){return e("vueper-slide",{key:i,attrs:{image:t.getImagePreview(i)},scopedSlots:t._u([{key:"loader",fn:function(){return[e("v-progress-circular",{attrs:{indeterminate:"",color:"primary","aria-label":"cargando"}}),t._v(" "),e("span",[e("strong",[t._v("\n                                        Cargando...\n                                    ")])])]},proxy:!0}],null,!0)})}),1)],1)],2)],1),t._v(" "),e("v-card-actions",[e("v-spacer"),t._v(" "),e("v-btn",{attrs:{small:"",dark:"",color:"green",type:"submit",loading:t.form.busy}},[e("strong",[t._v("\n                    Guardar\n                ")])])],1)],1),t._v(" "),e("app-dialog",{attrs:{value:t.productDialog,title:"Buscar Producto"},on:{close:t.closeProductDialog,save:t.saveProductSelection}},[e("app-select",{attrs:{dense:"",clearable:"",outlined:"","append-icon":"fas fa-chevron-down","item-value":"id","item-text":"name",color:"fishboxColor","allow-text-filtering":"","server-action":"/products/quick-search"},on:{input:t.onProductSelected},model:{value:t.productInputSearch,callback:function(e){t.productInputSearch=e},expression:"productInputSearch"}})],1)],1)},[],!1,null,null,null);e.default=component.exports},713:function(t,e,o){t.exports={}},742:function(t,e,o){"use strict";o(713)}}]);