window.componentes = window.componentes || {};
    const AdminAppCategoriesNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    Nueva Categoria          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Add New Categories</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_categories_new_696bfa824ef25'" :ref="'admin_app_categories_new_696bfa824ef25'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"name":null,"_category":null},
        fields: [{"tag":"input","hint":"Insert Name","name":"name","label":"Nombre","active":true,"disabled":false,"key":"696bfa824ef2c"},{"tag":"input","hint":"Insert  Category","name":"_category","label":"Categoria","active":true,"disabled":false,"key":"696bfa824ef2e"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_categories_new_696bfa824ef25:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_categories_new_696bfa824ef25'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_categories/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Nueva Categoria</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.AdminAppCategoriesNew = AdminAppCategoriesNew;
    const AdminAppCategoriesUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Actualizar Categoria          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Categories</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_categories_update_696bfa824ef79'" :ref="'admin_app_categories_update_696bfa824ef79'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"name":null,"_category":null},
        fields: [{"tag":"input","hint":"Insert Name","name":"name","label":"Nombre","active":true,"disabled":false,"key":"696bfa824ef7e"},{"tag":"input","hint":"Insert  Category","name":"_category","label":"Categoria","active":true,"disabled":false,"key":"696bfa824ef7f"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_categories_update_696bfa824ef79:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_categories_update_696bfa824ef79'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_categories/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Actualizar Categoria</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_categories/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.AdminAppCategoriesUpdate = AdminAppCategoriesUpdate;
    const AdminAppClientsNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    Nuevo Cliente          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Add New Clients</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_clients_new_696bfa824efb2'" :ref="'admin_app_clients_new_696bfa824efb2'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"name":null,"logo":null,"link":null},
        fields: [{"tag":"input","hint":"Insert Name","name":"name","label":"Nombre","active":true,"disabled":false,"key":"696bfa824efb6"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bfa824efb7"},{"tag":"input","hint":"Insert Link","name":"link","label":"Pagina Web","active":true,"disabled":false,"key":"696bfa824efb8"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_clients_new_696bfa824efb2:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_clients_new_696bfa824efb2'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_clients/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Nuevo Cliente</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.AdminAppClientsNew = AdminAppClientsNew;
    const AdminAppClientsUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Actualizar Cliente          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Clients</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_clients_update_696bfa824effc'" :ref="'admin_app_clients_update_696bfa824effc'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"name":null,"logo":null,"link":null},
        fields: [{"tag":"input","hint":"Insert Name","name":"name","label":"Nombre","active":true,"disabled":false,"key":"696bfa824f000"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bfa824f001"},{"tag":"input","hint":"Insert Link","name":"link","label":"Pagina Web","active":true,"disabled":false,"key":"696bfa824f002"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_clients_update_696bfa824effc:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_clients_update_696bfa824effc'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_clients/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Actualizar Cliente</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_clients/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.AdminAppClientsUpdate = AdminAppClientsUpdate;
    const AdminAppContactDataNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Contact Data          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Add New Contact Data</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_contact_data_new_696bfa824f046'" :ref="'admin_app_contact_data_new_696bfa824f046'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"image":null,"color":null,"title":null,"caption":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f049"},{"tag":"file","hint":"Insert Image","name":"image","label":"Image","active":true,"disabled":false,"key":"696bfa824f04a"},{"tag":"input","hint":"Insert Color","name":"color","label":"Color","active":true,"disabled":false,"key":"696bfa824f04b"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Title","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f04c"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f04d"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_contact_data_new_696bfa824f046:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_contact_data_new_696bfa824f046'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_contact_data/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Contact Data</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.AdminAppContactDataNew = AdminAppContactDataNew;
    const AdminAppContactDataUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Contact Data          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Contact Data</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_contact_data_update_696bfa824f0bc'" :ref="'admin_app_contact_data_update_696bfa824f0bc'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"image":null,"color":null,"title":null,"caption":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f0bf"},{"tag":"file","hint":"Insert Image","name":"image","label":"Image","active":true,"disabled":false,"key":"696bfa824f0c1"},{"tag":"input","hint":"Insert Color","name":"color","label":"Color","active":true,"disabled":false,"key":"696bfa824f0c2"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Title","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f0c3"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f0c4"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_contact_data_update_696bfa824f0bc:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_contact_data_update_696bfa824f0bc'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_contact_data/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Contact Data</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_contact_data/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.AdminAppContactDataUpdate = AdminAppContactDataUpdate;
    const AdminAppContactMessagesNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Contact Messages          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Add New Contact Messages</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_contact_messages_new_696bfa824f132'" :ref="'admin_app_contact_messages_new_696bfa824f132'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"email":null,"phone":null,"subject":null,"message":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f136"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824f137"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bfa824f138"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bfa824f139"},{"tag":"input","hint":"Insert Subject","name":"subject","label":"Subject","active":true,"disabled":false,"key":"696bfa824f13a"},{"tag":"input","hint":"Insert Message","name":"message","label":"Message","active":true,"disabled":false,"key":"696bfa824f13b"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_contact_messages_new_696bfa824f132:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_contact_messages_new_696bfa824f132'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_contact_messages/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Contact Messages</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.AdminAppContactMessagesNew = AdminAppContactMessagesNew;
    const AdminAppContactMessagesUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Contact Messages          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Contact Messages</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_contact_messages_update_696bfa824f1b4'" :ref="'admin_app_contact_messages_update_696bfa824f1b4'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"email":null,"phone":null,"subject":null,"message":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f1b7"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824f1b9"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bfa824f1ba"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bfa824f1bb"},{"tag":"input","hint":"Insert Subject","name":"subject","label":"Subject","active":true,"disabled":false,"key":"696bfa824f1bc"},{"tag":"input","hint":"Insert Message","name":"message","label":"Message","active":true,"disabled":false,"key":"696bfa824f1bd"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_contact_messages_update_696bfa824f1b4:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_contact_messages_update_696bfa824f1b4'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_contact_messages/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Contact Messages</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_contact_messages/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.AdminAppContactMessagesUpdate = AdminAppContactMessagesUpdate;
    const AdminAppGalleryNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Gallery          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Add New Gallery</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_gallery_new_696bfa824f243'" :ref="'admin_app_gallery_new_696bfa824f243'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"caption":null,"file":null,"alt":null,"is_active":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f247"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f248"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f249"},{"tag":"file","hint":"Insert File","name":"file","label":"File","active":true,"disabled":false,"key":"696bfa824f24a"},{"tag":"input","hint":"Insert Alt","name":"alt","label":"Alt","active":true,"disabled":false,"key":"696bfa824f24b"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bfa824f24c"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_gallery_new_696bfa824f243:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_gallery_new_696bfa824f243'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_gallery/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Gallery</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.AdminAppGalleryNew = AdminAppGalleryNew;
    const AdminAppGalleryUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Gallery          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Gallery</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_gallery_update_696bfa824f2f9'" :ref="'admin_app_gallery_update_696bfa824f2f9'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"caption":null,"file":null,"alt":null,"is_active":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f2fd"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f2fe"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f300"},{"tag":"file","hint":"Insert File","name":"file","label":"File","active":true,"disabled":false,"key":"696bfa824f301"},{"tag":"input","hint":"Insert Alt","name":"alt","label":"Alt","active":true,"disabled":false,"key":"696bfa824f302"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bfa824f303"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_gallery_update_696bfa824f2f9:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_gallery_update_696bfa824f2f9'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_gallery/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Gallery</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_gallery/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.AdminAppGalleryUpdate = AdminAppGalleryUpdate;
    const AdminAppPostsNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    Nueva Publicacion          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Add New Posts</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_posts_new_696bfa824f37b'" :ref="'admin_app_posts_new_696bfa824f37b'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"_category":null,"picture":null,"title":null,"caption":null,"content":null,"tags":null},
        fields: [{"tag":"combobox","hint":"Insert  Category","name":"_category","label":"Categoria","table":"app_categories","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bfa824f37f"},{"tag":"file","hint":"Insert Picture","name":"picture","label":"Imagen","active":true,"disabled":false,"key":"696bfa824f380"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Titulo","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f381"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Sub Titulo","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f382"},{"tag":"editor","hint":"Insert Content","name":"content","label":"Content","active":true,"disabled":false,"key":"696bfa824f383"},{"tag":"textarea","hint":"Insert Tags","name":"tags","rows":1,"label":"Palabras de referencia","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f384"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_posts_new_696bfa824f37b:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_posts_new_696bfa824f37b'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_posts/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Nueva Publicacion</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.AdminAppPostsNew = AdminAppPostsNew;
    const AdminAppPostsUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Actualizar Publicacion          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Posts</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_posts_update_696bfa824f3fb'" :ref="'admin_app_posts_update_696bfa824f3fb'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"_category":null,"picture":null,"title":null,"caption":null,"content":null,"tags":null},
        fields: [{"tag":"combobox","hint":"Insert  Category","name":"_category","label":"Categoria","table":"app_categories","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bfa824f3fe"},{"tag":"file","hint":"Insert Picture","name":"picture","label":"Imagen","active":true,"disabled":false,"key":"696bfa824f400"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Titulo","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f401"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Sub titulo","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f402"},{"tag":"editor","hint":"Insert Content","name":"content","label":"Content","active":true,"disabled":false,"key":"696bfa824f403"},{"tag":"textarea","hint":"Insert Tags","name":"tags","rows":1,"label":"Palabras referenciales","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f404"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_posts_update_696bfa824f3fb:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_posts_update_696bfa824f3fb'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_posts/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Actualizar Publicacion</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_posts/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.AdminAppPostsUpdate = AdminAppPostsUpdate;
    const AdminAppProductsNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Products          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Add New Products</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_products_new_696bfa824f480'" :ref="'admin_app_products_new_696bfa824f480'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"_category":null,"name":null,"caption":null,"description":null,"_brand":null,"_model":null,"gallery":null,"data_sheet":null,"warranty_policy":null,"video_link":null},
        fields: [{"tag":"combobox","hint":"Insert  Category","name":"_category","label":" Category","table":"app_categories","active":true,"disabled":false,"item-text":"name","item-value":"id","key":"696bfa824f487"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f488"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f48a"},{"tag":"textarea","hint":"Insert Description","name":"description","rows":1,"label":"Description","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f48b"},{"tag":"input","hint":"Insert  Brand","name":"_brand","type":"","label":" Brand","active":true,"disabled":false,"key":"696bfa824f48c"},{"tag":"input","hint":"Insert  Model","name":"_model","label":" Model","active":true,"disabled":false,"key":"696bfa824f48d"},{"tag":"file","hint":"Insert Gallery","name":"gallery","label":"Gallery","accept":"*","active":true,"disabled":false,"multiple":true,"key":"696bfa824f48e"},{"tag":"file","hint":"Insert Data Sheet","name":"data_sheet","label":"Data Sheet","active":true,"disabled":false,"key":"696bfa824f48f"},{"tag":"editor","hint":"Insert Warranty Policy","name":"warranty_policy","label":"Warranty Policy","active":true,"disabled":false,"key":"696bfa824f490"},{"tag":"textarea","hint":"Insert Video Link","name":"video_link","rows":1,"label":"Video Link","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f491"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_products_new_696bfa824f480:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_products_new_696bfa824f480'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_products/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Products</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.AdminAppProductsNew = AdminAppProductsNew;
    const AdminAppProductsUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Products          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Products</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_products_update_696bfa824f54c'" :ref="'admin_app_products_update_696bfa824f54c'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"_category":null,"name":null,"caption":null,"description":null,"_brand":null,"_model":null,"gallery":null,"data_sheet":null,"warranty_policy":null,"video_link":null},
        fields: [{"tag":"combobox","hint":"Insert  Category","name":"_category","label":" Category","table":"app_categories","active":true,"disabled":false,"item-text":"name","item-value":"id","key":"696bfa824f552"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f553"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f554"},{"tag":"textarea","hint":"Insert Description","name":"description","rows":1,"label":"Description","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f555"},{"tag":"input","hint":"Insert  Brand","name":"_brand","type":"","label":" Brand","active":true,"disabled":false,"key":"696bfa824f556"},{"tag":"input","hint":"Insert  Model","name":"_model","label":" Model","active":true,"disabled":false,"key":"696bfa824f557"},{"tag":"file","hint":"Insert Gallery","name":"gallery","label":"Gallery","accept":"*","active":true,"disabled":false,"multiple":true,"key":"696bfa824f558"},{"tag":"file","hint":"Insert Data Sheet","name":"data_sheet","label":"Data Sheet","active":true,"disabled":false,"key":"696bfa824f559"},{"tag":"editor","hint":"Insert Warranty Policy","name":"warranty_policy","label":"Warranty Policy","active":true,"disabled":false,"key":"696bfa824f55a"},{"tag":"textarea","hint":"Insert Video Link","name":"video_link","rows":1,"label":"Video Link","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f55b"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_products_update_696bfa824f54c:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_products_update_696bfa824f54c'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_products/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Products</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_products/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.AdminAppProductsUpdate = AdminAppProductsUpdate;
    const AdminAppProductBrandsNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Product Brands          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Add New Product Brands</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_product_brands_new_696bfa824f623'" :ref="'admin_app_product_brands_new_696bfa824f623'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"logo":null,"url":null,"is_active":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f626"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824f627"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bfa824f628"},{"tag":"textarea","hint":"Insert Url","name":"url","rows":1,"label":"Url","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f629"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bfa824f62a"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_product_brands_new_696bfa824f623:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_product_brands_new_696bfa824f623'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_product_brands/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Product Brands</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.AdminAppProductBrandsNew = AdminAppProductBrandsNew;
    const AdminAppProductBrandsUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Product Brands          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Product Brands</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_product_brands_update_696bfa824f685'" :ref="'admin_app_product_brands_update_696bfa824f685'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"logo":null,"url":null,"is_active":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f688"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824f689"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bfa824f68a"},{"tag":"textarea","hint":"Insert Url","name":"url","rows":1,"label":"Url","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f68b"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bfa824f68c"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_product_brands_update_696bfa824f685:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_product_brands_update_696bfa824f685'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_product_brands/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Product Brands</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_product_brands/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.AdminAppProductBrandsUpdate = AdminAppProductBrandsUpdate;
    const AdminAppProductBudgetsNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Product Budgets          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Add New Product Budgets</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_product_budgets_new_696bfa824f6ef'" :ref="'admin_app_product_budgets_new_696bfa824f6ef'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"_product":null,"name":null,"legal_id":null,"phone":null,"email":null,"city":null,"message":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f6f3"},{"tag":"combobox","hint":"Insert  Product","name":"_product","label":" Product","table":"app_products","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bfa824f6f5"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824f6f6"},{"tag":"input","hint":"Insert Legal Id","name":"legal_id","label":"Legal Id","active":true,"disabled":false,"key":"696bfa824f6f7"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bfa824f6f8"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bfa824f6f9"},{"tag":"input","hint":"Insert City","name":"city","label":"City","active":true,"disabled":false,"key":"696bfa824f6fa"},{"tag":"textarea","hint":"Insert Message","name":"message","rows":1,"label":"Message","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f6fb"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_product_budgets_new_696bfa824f6ef:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_product_budgets_new_696bfa824f6ef'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_product_budgets/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Product Budgets</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.AdminAppProductBudgetsNew = AdminAppProductBudgetsNew;
    const AdminAppProductBudgetsUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Product Budgets          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Product Budgets</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_product_budgets_update_696bfa824f786'" :ref="'admin_app_product_budgets_update_696bfa824f786'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"_product":null,"name":null,"legal_id":null,"phone":null,"email":null,"city":null,"message":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f78a"},{"tag":"combobox","hint":"Insert  Product","name":"_product","label":" Product","table":"app_products","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bfa824f78b"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824f78c"},{"tag":"input","hint":"Insert Legal Id","name":"legal_id","label":"Legal Id","active":true,"disabled":false,"key":"696bfa824f78d"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bfa824f78e"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bfa824f78f"},{"tag":"input","hint":"Insert City","name":"city","label":"City","active":true,"disabled":false,"key":"696bfa824f790"},{"tag":"textarea","hint":"Insert Message","name":"message","rows":1,"label":"Message","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824f791"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_product_budgets_update_696bfa824f786:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_product_budgets_update_696bfa824f786'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_product_budgets/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Product Budgets</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_product_budgets/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.AdminAppProductBudgetsUpdate = AdminAppProductBudgetsUpdate;
    const AdminAppProductModelsNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Product Models          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Add New Product Models</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_product_models_new_696bfa824f876'" :ref="'admin_app_product_models_new_696bfa824f876'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"_brand":null,"name":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f879"},{"tag":"combobox","hint":"Insert  Brand","name":"_brand","label":" Brand","table":"app_product_brands","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bfa824f87a"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824f87b"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_product_models_new_696bfa824f876:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_product_models_new_696bfa824f876'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_product_models/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Product Models</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.AdminAppProductModelsNew = AdminAppProductModelsNew;
    const AdminAppProductModelsUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Product Models          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Product Models</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_product_models_update_696bfa824f8bb'" :ref="'admin_app_product_models_update_696bfa824f8bb'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"_brand":null,"name":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f8bd"},{"tag":"combobox","hint":"Insert  Brand","name":"_brand","label":" Brand","table":"app_product_brands","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bfa824f8be"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824f8bf"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_product_models_update_696bfa824f8bb:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_product_models_update_696bfa824f8bb'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_product_models/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Product Models</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_product_models/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.AdminAppProductModelsUpdate = AdminAppProductModelsUpdate;
    const AdminAppTagsNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Tags          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Add New Tags</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_tags_new_696bfa824f901'" :ref="'admin_app_tags_new_696bfa824f901'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f903"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824f904"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_tags_new_696bfa824f901:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_tags_new_696bfa824f901'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_tags/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Tags</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.AdminAppTagsNew = AdminAppTagsNew;
    const AdminAppTagsUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Tags          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Tags</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'admin_app_tags_update_696bfa824f92e'" :ref="'admin_app_tags_update_696bfa824f92e'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824f930"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824f931"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_tags_update_696bfa824f92e:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['admin_app_tags_update_696bfa824f92e'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_tags/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Tags</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_tags/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.AdminAppTagsUpdate = AdminAppTagsUpdate;
    const BaseSysUsersNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New User          </p>
          <p class="text-subtitle-1 text-medium-emphasis"></p>
        </v-col>
                <v-col cols="12" md="12">
          <div>            <DForm v-model="data" :FID="'base_sys_users_new_696bfa824f95b'" :ref="'base_sys_users_new_696bfa824f95b'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          <div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"fullname":null,"email":null,"phone":null,"birthday":null,"position":null,"role":null,"password":null,"bio":null},
        fields: [{"tag":"input","hint":"Insert Fullname","name":"fullname","label":"Fullname","active":true,"disabled":false,"key":"696bfa824f962","0":{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bfa824f963"},"1":{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bfa824f965"}},[{"tag":"date","hint":"Insert Birthday","name":"birthday","label":"Birthday","active":true,"disabled":false,"key":"696bfa824f966"},{"tag":"input","hint":"Insert Position","name":"position","label":"Position","active":true,"disabled":false,"key":"696bfa824f967"},{"tag":"select","hint":"Insert Role","name":"role","items":[{"text":"Admin","value":"admin"},{"text":"User","value":"user"}],"label":"Role","active":true,"disabled":false,"item-text":"text","item-value":"value","key":"696bfa824f968"}],{"tag":"input","hint":"Insert Password","name":"password","type":"password","label":"Password","active":true,"disabled":false,"key":"696bfa824f969"},{"tag":"input","hint":"Insert Bio","name":"bio","label":"Bio","active":true,"disabled":false,"key":"696bfa824f96a"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          base_sys_users_new_696bfa824f95b:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['base_sys_users_new_696bfa824f95b'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/sys_users/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New User</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.BaseSysUsersNew = BaseSysUsersNew;
    const BaseSysUsersUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Edit User          </p>
          <p class="text-subtitle-1 text-medium-emphasis"></p>
        </v-col>
                <v-col cols="12" md="12">
          <div>            <DForm v-model="data" :FID="'base_sys_users_update_696bfa824fa1a'" :ref="'base_sys_users_update_696bfa824fa1a'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          <div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"fullname":null,"email":null,"phone":null,"birthday":null,"position":null,"role":null,"bio":null},
        fields: [{"tag":"input","hint":"Insert Fullname","name":"fullname","label":"Fullname","active":true,"disabled":false,"key":"696bfa824fa22","0":{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bfa824fa23"},"1":{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bfa824fa24"}},[{"tag":"date","hint":"Insert Birthday","name":"birthday","label":"Birthday","active":true,"disabled":false,"key":"696bfa824fa25"},{"tag":"input","hint":"Insert Position","name":"position","label":"Position","active":true,"disabled":false,"key":"696bfa824fa26"},{"tag":"select","hint":"Insert Role","name":"role","items":[{"text":"Admin","value":"admin"},{"text":"User","value":"user"}],"label":"Role","active":true,"disabled":false,"item-text":"text","item-value":"value","key":"696bfa824fa27"}],{"tag":"input","hint":"Insert Bio","name":"bio","label":"Bio","active":true,"disabled":false,"key":"696bfa824fa28"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          base_sys_users_update_696bfa824fa1a:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['base_sys_users_update_696bfa824fa1a'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/sys_users/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Edit User</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/sys_users/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.BaseSysUsersUpdate = BaseSysUsersUpdate;
    const HeroSectionNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Hero Section          </p>
          <p class="text-subtitle-1 text-medium-emphasis"></p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'hero_section_new_696bfa824fac3'" :ref="'hero_section_new_696bfa824fac3'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"content":null,"background_file":null,"button_text":null,"button_link":null},
        fields: [[{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824fac9"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824faca"}],{"tag":"editor","hint":"Insert Content","name":"content","label":"Content","active":true,"disabled":false,"key":"696bfa824facb"},{"tag":"input","hint":"Insert Background File","name":"background_file","label":"Background File","active":true,"disabled":false,"key":"696bfa824facc"},{"tag":"input","hint":"Insert Button Text","name":"button_text","label":"Button Text","active":true,"disabled":false,"key":"696bfa824facd"},{"tag":"input","hint":"Insert Button Link","name":"button_link","label":"Button Link","active":true,"disabled":false,"key":"696bfa824face"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          hero_section_new_696bfa824fac3:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['hero_section_new_696bfa824fac3'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/hero_sections/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Hero Section</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.HeroSectionNew = HeroSectionNew;
    const HeroSectionUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Hero Section          </p>
          <p class="text-subtitle-1 text-medium-emphasis"></p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'hero_section_update_696bfa824fb37'" :ref="'hero_section_update_696bfa824fb37'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"content":null,"background_file":null,"button_text":null,"button_link":null},
        fields: [[{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824fb3c"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824fb3d"}],{"tag":"editor","hint":"Insert Content","name":"content","label":"Content","active":true,"disabled":false,"key":"696bfa824fb3e"},{"tag":"input","hint":"Insert Background File","name":"background_file","label":"Background File","active":true,"disabled":false,"key":"696bfa824fb3f"},{"tag":"input","hint":"Insert Button Text","name":"button_text","type":"","label":"Button Text","active":true,"disabled":false,"key":"696bfa824fb40"},{"tag":"input","hint":"Insert Button Link","name":"button_link","type":"","label":"Button Link","active":true,"disabled":false,"key":"696bfa824fb41"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          hero_section_update_696bfa824fb37:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['hero_section_update_696bfa824fb37'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/hero_sections/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Hero Section</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/hero_sections/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.HeroSectionUpdate = HeroSectionUpdate;
    const WebAppCategoriesDataNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Categories          </p>
          <p class="text-subtitle-1 text-medium-emphasis">New Categories</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_categories_data_new_696bfa824fbba'" :ref="'web_app_categories_data_new_696bfa824fbba'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"_category":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824fbbf"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824fbc1"},{"tag":"input","hint":"Insert  Category","name":"_category","label":" Category","active":true,"disabled":false,"key":"696bfa824fbc2"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_categories_data_new_696bfa824fbba:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_categories_data_new_696bfa824fbba'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_categories/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Categories</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.WebAppCategoriesDataNew = WebAppCategoriesDataNew;
    const WebAppCategoriesDataUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Categories          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Categories</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_categories_data_update_696bfa824fc0e'" :ref="'web_app_categories_data_update_696bfa824fc0e'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"_category":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824fc11"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824fc13"},{"tag":"input","hint":"Insert  Category","name":"_category","label":" Category","active":true,"disabled":false,"key":"696bfa824fc14"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_categories_data_update_696bfa824fc0e:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_categories_data_update_696bfa824fc0e'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_categories/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Categories</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_categories/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.WebAppCategoriesDataUpdate = WebAppCategoriesDataUpdate;
    const WebAppClientsDataNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Clients          </p>
          <p class="text-subtitle-1 text-medium-emphasis">New Clients</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_clients_data_new_696bfa824fc4e'" :ref="'web_app_clients_data_new_696bfa824fc4e'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"logo":null,"link":null,"caption":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824fc52"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824fc53"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bfa824fc54"},{"tag":"input","hint":"Insert Link","name":"link","label":"Link","active":true,"disabled":false,"key":"696bfa824fc55"},{"tag":"input","hint":"Insert Caption","name":"caption","label":"Caption","active":true,"disabled":false,"key":"696bfa824fc56"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_clients_data_new_696bfa824fc4e:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_clients_data_new_696bfa824fc4e'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_clients/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Clients</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.WebAppClientsDataNew = WebAppClientsDataNew;
    const WebAppClientsDataUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Clients          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Clients</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_clients_data_update_696bfa824fcaf'" :ref="'web_app_clients_data_update_696bfa824fcaf'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"logo":null,"link":null,"caption":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824fcb3"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824fcb4"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bfa824fcb5"},{"tag":"input","hint":"Insert Link","name":"link","label":"Link","active":true,"disabled":false,"key":"696bfa824fcb6"},{"tag":"input","hint":"Insert Caption","name":"caption","label":"Caption","active":true,"disabled":false,"key":"696bfa824fcb7"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_clients_data_update_696bfa824fcaf:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_clients_data_update_696bfa824fcaf'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_clients/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Clients</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_clients/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.WebAppClientsDataUpdate = WebAppClientsDataUpdate;
    const WebAppContactDataDataNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Contact Data          </p>
          <p class="text-subtitle-1 text-medium-emphasis">New Contact Data</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_contact_data_data_new_696bfa824fd0d'" :ref="'web_app_contact_data_data_new_696bfa824fd0d'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"image":null,"color":null,"title":null,"caption":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824fd11"},{"tag":"file","hint":"Insert Image","name":"image","label":"Image","active":true,"disabled":false,"key":"696bfa824fd12"},{"tag":"input","hint":"Insert Color","name":"color","label":"Color","active":true,"disabled":false,"key":"696bfa824fd13"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Title","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824fd14"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824fd15"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_contact_data_data_new_696bfa824fd0d:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_contact_data_data_new_696bfa824fd0d'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_contact_data/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Contact Data</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.WebAppContactDataDataNew = WebAppContactDataDataNew;
    const WebAppContactDataDataUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Contact Data          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Contact Data</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_contact_data_data_update_696bfa824fd72'" :ref="'web_app_contact_data_data_update_696bfa824fd72'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"image":null,"color":null,"title":null,"caption":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824fd75"},{"tag":"file","hint":"Insert Image","name":"image","label":"Image","active":true,"disabled":false,"key":"696bfa824fd76"},{"tag":"input","hint":"Insert Color","name":"color","label":"Color","active":true,"disabled":false,"key":"696bfa824fd77"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Title","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824fd78"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824fd79"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_contact_data_data_update_696bfa824fd72:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_contact_data_data_update_696bfa824fd72'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_contact_data/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Contact Data</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_contact_data/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.WebAppContactDataDataUpdate = WebAppContactDataDataUpdate;
    const WebAppContactMessagesDataNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Contact Messages          </p>
          <p class="text-subtitle-1 text-medium-emphasis">New Contact Messages</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_contact_messages_data_new_696bfa824fdd8'" :ref="'web_app_contact_messages_data_new_696bfa824fdd8'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"email":null,"phone":null,"subject":null,"message":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824fdec"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824fded"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bfa824fdee"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bfa824fdef"},{"tag":"input","hint":"Insert Subject","name":"subject","label":"Subject","active":true,"disabled":false,"key":"696bfa824fdf0"},{"tag":"input","hint":"Insert Message","name":"message","label":"Message","active":true,"disabled":false,"key":"696bfa824fdf1"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_contact_messages_data_new_696bfa824fdd8:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_contact_messages_data_new_696bfa824fdd8'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_contact_messages/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Contact Messages</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.WebAppContactMessagesDataNew = WebAppContactMessagesDataNew;
    const WebAppContactMessagesDataUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Contact Messages          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Contact Messages</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_contact_messages_data_update_696bfa824fe58'" :ref="'web_app_contact_messages_data_update_696bfa824fe58'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"email":null,"phone":null,"subject":null,"message":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824fe5b"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa824fe5c"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bfa824fe5d"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bfa824fe5e"},{"tag":"input","hint":"Insert Subject","name":"subject","label":"Subject","active":true,"disabled":false,"key":"696bfa824fe5f"},{"tag":"input","hint":"Insert Message","name":"message","label":"Message","active":true,"disabled":false,"key":"696bfa824fe60"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_contact_messages_data_update_696bfa824fe58:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_contact_messages_data_update_696bfa824fe58'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_contact_messages/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Contact Messages</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_contact_messages/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.WebAppContactMessagesDataUpdate = WebAppContactMessagesDataUpdate;
    const WebAppGalleryDataNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Gallery          </p>
          <p class="text-subtitle-1 text-medium-emphasis">New Gallery</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_gallery_data_new_696bfa824fedb'" :ref="'web_app_gallery_data_new_696bfa824fedb'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"caption":null,"file":null,"alt":null,"is_active":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824fede"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824fedf"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824fee0"},{"tag":"file","hint":"Insert File","name":"file","label":"File","active":true,"disabled":false,"key":"696bfa824fee1"},{"tag":"input","hint":"Insert Alt","name":"alt","label":"Alt","active":true,"disabled":false,"key":"696bfa824fee2"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bfa824fee3"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_gallery_data_new_696bfa824fedb:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_gallery_data_new_696bfa824fedb'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_gallery/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Gallery</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.WebAppGalleryDataNew = WebAppGalleryDataNew;
    const WebAppGalleryDataUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Gallery          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Gallery</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_gallery_data_update_696bfa824ff50'" :ref="'web_app_gallery_data_update_696bfa824ff50'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"caption":null,"file":null,"alt":null,"is_active":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824ff54"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824ff55"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824ff56"},{"tag":"file","hint":"Insert File","name":"file","label":"File","active":true,"disabled":false,"key":"696bfa824ff57"},{"tag":"input","hint":"Insert Alt","name":"alt","label":"Alt","active":true,"disabled":false,"key":"696bfa824ff58"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bfa824ff59"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_gallery_data_update_696bfa824ff50:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_gallery_data_update_696bfa824ff50'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_gallery/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Gallery</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_gallery/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.WebAppGalleryDataUpdate = WebAppGalleryDataUpdate;
    const WebAppPostsDataNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Posts          </p>
          <p class="text-subtitle-1 text-medium-emphasis">New Posts</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_posts_data_new_696bfa824ffc6'" :ref="'web_app_posts_data_new_696bfa824ffc6'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"_category":null,"picture":null,"title":null,"caption":null,"content":null,"tags":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa824ffca"},{"tag":"combobox","hint":"Insert  Category","name":"_category","label":" Category","table":"app_categories","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bfa824ffcb"},{"tag":"file","hint":"Insert Picture","name":"picture","label":"Picture","active":true,"disabled":false,"key":"696bfa824ffcc"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Title","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824ffcd"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824ffce"},{"tag":"editor","hint":"Insert Content","name":"content","label":"Content","active":true,"disabled":false,"key":"696bfa824ffcf"},{"tag":"textarea","hint":"Insert Tags","name":"tags","rows":1,"label":"Tags","active":true,"autoGrow":true,"disabled":false,"key":"696bfa824ffd0"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_posts_data_new_696bfa824ffc6:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_posts_data_new_696bfa824ffc6'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_posts/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Posts</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.WebAppPostsDataNew = WebAppPostsDataNew;
    const WebAppPostsDataUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Posts          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Posts</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_posts_data_update_696bfa8250056'" :ref="'web_app_posts_data_update_696bfa8250056'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"_category":null,"picture":null,"title":null,"caption":null,"content":null,"tags":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa8250059"},{"tag":"combobox","hint":"Insert  Category","name":"_category","label":" Category","table":"app_categories","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bfa825005a"},{"tag":"file","hint":"Insert Picture","name":"picture","label":"Picture","active":true,"disabled":false,"key":"696bfa825005b"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Title","active":true,"autoGrow":true,"disabled":false,"key":"696bfa825005c"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa825005d"},{"tag":"editor","hint":"Insert Content","name":"content","label":"Content","active":true,"disabled":false,"key":"696bfa825005e"},{"tag":"textarea","hint":"Insert Tags","name":"tags","rows":1,"label":"Tags","active":true,"autoGrow":true,"disabled":false,"key":"696bfa825005f"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_posts_data_update_696bfa8250056:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_posts_data_update_696bfa8250056'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_posts/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Posts</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_posts/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.WebAppPostsDataUpdate = WebAppPostsDataUpdate;
    const WebAppProductsDataNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Products          </p>
          <p class="text-subtitle-1 text-medium-emphasis">New Products</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_products_data_new_696bfa82500e2'" :ref="'web_app_products_data_new_696bfa82500e2'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"_category":null,"name":null,"caption":null,"description":null,"_brand":null,"_model":null,"gallery":null,"data_sheet":null,"warranty_policy":null,"video_link":null},
        fields: [{"tag":"combobox","hint":"Insert  Category","name":"_category","label":" Category","table":"app_categories","active":true,"disabled":false,"item-text":"name","item-value":"id","key":"696bfa82500e8"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bfa82500e9"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa82500ea"},{"tag":"textarea","hint":"Insert Description","name":"description","rows":1,"label":"Description","active":true,"autoGrow":true,"disabled":false,"key":"696bfa82500eb"},{"tag":"input","hint":"Insert  Brand","name":"_brand","type":"","label":" Brand","active":true,"disabled":false,"key":"696bfa82500ec"},{"tag":"input","hint":"Insert  Model","name":"_model","label":" Model","active":true,"disabled":false,"key":"696bfa82500ed"},{"tag":"file","hint":"Insert Gallery","name":"gallery","label":"Gallery","accept":"*","active":true,"disabled":false,"multiple":true,"key":"696bfa82500ee"},{"tag":"file","hint":"Insert Data Sheet","name":"data_sheet","label":"Data Sheet","active":true,"disabled":false,"key":"696bfa82500ef"},{"tag":"editor","hint":"Insert Warranty Policy","name":"warranty_policy","label":"Warranty Policy","active":true,"disabled":false,"key":"696bfa82500f0"},{"tag":"textarea","hint":"Insert Video Link","name":"video_link","rows":1,"label":"Video Link","active":true,"autoGrow":true,"disabled":false,"key":"696bfa82500f1"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_products_data_new_696bfa82500e2:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_products_data_new_696bfa82500e2'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_products/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Products</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.WebAppProductsDataNew = WebAppProductsDataNew;
    const WebAppProductsDataUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Products          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Products</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_products_data_update_696bfa82501ad'" :ref="'web_app_products_data_update_696bfa82501ad'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"_category":null,"name":null,"caption":null,"description":null,"_brand":null,"_model":null,"gallery":null,"data_sheet":null,"warranty_policy":null,"video_link":null},
        fields: [{"tag":"combobox","hint":"Insert  Category","name":"_category","label":" Category","table":"app_categories","active":true,"disabled":false,"item-text":"name","item-value":"id","key":"696bfa82501b3"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bfa82501b4"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bfa82501b5"},{"tag":"textarea","hint":"Insert Description","name":"description","rows":1,"label":"Description","active":true,"autoGrow":true,"disabled":false,"key":"696bfa82501b6"},{"tag":"input","hint":"Insert  Brand","name":"_brand","type":"","label":" Brand","active":true,"disabled":false,"key":"696bfa82501b7"},{"tag":"input","hint":"Insert  Model","name":"_model","label":" Model","active":true,"disabled":false,"key":"696bfa82501b8"},{"tag":"file","hint":"Insert Gallery","name":"gallery","label":"Gallery","accept":"*","active":true,"disabled":false,"multiple":true,"key":"696bfa82501b9"},{"tag":"file","hint":"Insert Data Sheet","name":"data_sheet","label":"Data Sheet","active":true,"disabled":false,"key":"696bfa82501ba"},{"tag":"editor","hint":"Insert Warranty Policy","name":"warranty_policy","label":"Warranty Policy","active":true,"disabled":false,"key":"696bfa82501bb"},{"tag":"textarea","hint":"Insert Video Link","name":"video_link","rows":1,"label":"Video Link","active":true,"autoGrow":true,"disabled":false,"key":"696bfa82501bc"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_products_data_update_696bfa82501ad:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_products_data_update_696bfa82501ad'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_products/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Products</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_products/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.WebAppProductsDataUpdate = WebAppProductsDataUpdate;
    const WebAppProductBrandsDataNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Product Brands          </p>
          <p class="text-subtitle-1 text-medium-emphasis">New Product Brands</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_product_brands_data_new_696bfa8250290'" :ref="'web_app_product_brands_data_new_696bfa8250290'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"logo":null,"url":null,"is_active":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa8250293"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa8250294"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bfa8250295"},{"tag":"textarea","hint":"Insert Url","name":"url","rows":1,"label":"Url","active":true,"autoGrow":true,"disabled":false,"key":"696bfa8250296"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bfa8250297"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_product_brands_data_new_696bfa8250290:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_product_brands_data_new_696bfa8250290'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_product_brands/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Product Brands</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.WebAppProductBrandsDataNew = WebAppProductBrandsDataNew;
    const WebAppProductBrandsDataUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Product Brands          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Product Brands</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_product_brands_data_update_696bfa82502f3'" :ref="'web_app_product_brands_data_update_696bfa82502f3'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null,"logo":null,"url":null,"is_active":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa82502f7"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa82502f8"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bfa82502f9"},{"tag":"textarea","hint":"Insert Url","name":"url","rows":1,"label":"Url","active":true,"autoGrow":true,"disabled":false,"key":"696bfa82502fa"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bfa82502fb"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_product_brands_data_update_696bfa82502f3:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_product_brands_data_update_696bfa82502f3'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_product_brands/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Product Brands</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_product_brands/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.WebAppProductBrandsDataUpdate = WebAppProductBrandsDataUpdate;
    const WebAppProductBudgetsDataNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Product Budgets          </p>
          <p class="text-subtitle-1 text-medium-emphasis">New Product Budgets</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_product_budgets_data_new_696bfa8250357'" :ref="'web_app_product_budgets_data_new_696bfa8250357'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"_product":null,"name":null,"legal_id":null,"phone":null,"email":null,"city":null,"message":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa825035d"},{"tag":"combobox","hint":"Insert  Product","name":"_product","label":" Product","table":"app_products","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bfa825035e"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa825035f"},{"tag":"input","hint":"Insert Legal Id","name":"legal_id","label":"Legal Id","active":true,"disabled":false,"key":"696bfa8250360"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bfa8250361"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bfa8250362"},{"tag":"input","hint":"Insert City","name":"city","label":"City","active":true,"disabled":false,"key":"696bfa8250363"},{"tag":"textarea","hint":"Insert Message","name":"message","rows":1,"label":"Message","active":true,"autoGrow":true,"disabled":false,"key":"696bfa8250364"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_product_budgets_data_new_696bfa8250357:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_product_budgets_data_new_696bfa8250357'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_product_budgets/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Product Budgets</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.WebAppProductBudgetsDataNew = WebAppProductBudgetsDataNew;
    const WebAppProductBudgetsDataUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Product Budgets          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Product Budgets</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_product_budgets_data_update_696bfa82503f3'" :ref="'web_app_product_budgets_data_update_696bfa82503f3'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"_product":null,"name":null,"legal_id":null,"phone":null,"email":null,"city":null,"message":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa82503f8"},{"tag":"combobox","hint":"Insert  Product","name":"_product","label":" Product","table":"app_products","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bfa82503f9"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa82503fa"},{"tag":"input","hint":"Insert Legal Id","name":"legal_id","label":"Legal Id","active":true,"disabled":false,"key":"696bfa82503fb"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bfa82503fc"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bfa82503fd"},{"tag":"input","hint":"Insert City","name":"city","label":"City","active":true,"disabled":false,"key":"696bfa82503fe"},{"tag":"textarea","hint":"Insert Message","name":"message","rows":1,"label":"Message","active":true,"autoGrow":true,"disabled":false,"key":"696bfa82503ff"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_product_budgets_data_update_696bfa82503f3:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_product_budgets_data_update_696bfa82503f3'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_product_budgets/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Product Budgets</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_product_budgets/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.WebAppProductBudgetsDataUpdate = WebAppProductBudgetsDataUpdate;
    const WebAppProductModelsDataNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Product Models          </p>
          <p class="text-subtitle-1 text-medium-emphasis">New Product Models</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_product_models_data_new_696bfa825048d'" :ref="'web_app_product_models_data_new_696bfa825048d'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"_brand":null,"name":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa8250490"},{"tag":"combobox","hint":"Insert  Brand","name":"_brand","label":" Brand","table":"app_product_brands","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bfa8250491"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa8250492"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_product_models_data_new_696bfa825048d:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_product_models_data_new_696bfa825048d'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_product_models/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Product Models</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.WebAppProductModelsDataNew = WebAppProductModelsDataNew;
    const WebAppProductModelsDataUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Product Models          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Product Models</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_product_models_data_update_696bfa82504d4'" :ref="'web_app_product_models_data_update_696bfa82504d4'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"_brand":null,"name":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa82504d7"},{"tag":"combobox","hint":"Insert  Brand","name":"_brand","label":" Brand","table":"app_product_brands","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bfa82504d9"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa82504da"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_product_models_data_update_696bfa82504d4:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_product_models_data_update_696bfa82504d4'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_product_models/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Product Models</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_product_models/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.WebAppProductModelsDataUpdate = WebAppProductModelsDataUpdate;
    const WebAppTagsDataNew = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                          <v-icon>mdi-plus</v-icon>
                                    New Tags          </p>
          <p class="text-subtitle-1 text-medium-emphasis">New Tags</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_tags_data_new_696bfa825051a'" :ref="'web_app_tags_data_new_696bfa825051a'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa825051d"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa825051e"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_tags_data_new_696bfa825051a:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_tags_data_new_696bfa825051a'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

                      let destination = '/api/app_tags/save'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
          
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>New Tags</strong> saved successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
          },
    created(){
          },
  };
  window.componentes.WebAppTagsDataNew = WebAppTagsDataNew;
    const WebAppTagsDataUpdate = {
    template: `
      <v-row no-gutters>
        <v-col v-if="admin==true" cols="12" md="12">
          <p class="text-h6 font-weight-bold">
                                      <v-icon>mdi-pencil</v-icon>
                        Update Tags          </p>
          <p class="text-subtitle-1 text-medium-emphasis">Update Tags</p>
        </v-col>
                <v-col cols="12" md="12">
          </div>            <DForm v-model="data" :FID="'web_app_tags_data_update_696bfa8250549'" :ref="'web_app_tags_data_update_696bfa8250549'" :fields="render_fields" @validate="validate" :loading="helper.loading" :disabled="helper.loading">
            </DForm>
            <v-card-actions>
              <v-btn @click="Save()" v-bind="$root.settings.PANEL_BTN.config.success" class="mx-auto">
                <v-icon>mdi-content-save-all-outline</v-icon>&nbsp;Save
              </v-btn>
            </v-card-actions>
          </div>        </v-col>
              </v-row>
    `,
    data() {
      return {
        key:this.$uniqid(),
        data:{"id":null,"name":null},
        fields: [{"tag":"input","hint":"Insert Id","name":"id","label":"Id","active":true,"disabled":false,"key":"696bfa825054b"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bfa825054c"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_tags_data_update_696bfa8250549:null
        }
      };
    },
    props: {
      page: {
        type: String,
        default: "list"
      },
      send_to: {
        type: String,
        default: null
      },
      extra: {
        type: Array,
        default: () => []
      },
      allow: {
        type: Array,
        default: () => []
      },
      attrs: {
        type: Object,
        default: () => {}
      },
      inline:{
        type: Boolean,
        default: false
      },
      admin:{
        type: Boolean,
        default: true
      },
      binds: {
        type: Object,
        default: () => {}
      },
      received_values: {
        type: Object,
        default: () => {}
      }
    },
    watch:{
      binds: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      },
      received_values: {
        handler(newValue, oldValue) {
          Object.keys(newValue).forEach((item)=>{
            this.data[item] = newValue[item]
          })
        },
        immediate: true, // Ejecutar inmediatamente
        deep: true // Usar true si es un objeto/array
      }
    },
    computed:{
      render_fields(){
        let fields = []
        if (this.fields.length>0) {
          this.fields.forEach((field)=>{
            if(Array.isArray(field)){
              let s_field = []
              field.forEach((f)=>{
                if ("parent_field" in f && "child_field" in f) {
                  f.where[f.child_field] = this.data[f.parent_field]
                  f.key = this.data[f.parent_field]
                }
                s_field.push({... f });              
              })
              fields.push([... s_field ]);
            } else {
              if ("parent_field" in field && "child_field" in field) {
                field.where[field.child_field] = this.data[field.parent_field]
                field.key = this.data[field.parent_field]
              }
              fields.push({... field });
            }
          })
        }
        return fields
      },
    },
    methods: {
      async Save() {
        this.helper.loading = true
        if(this.valid['web_app_tags_data_update_696bfa8250549'] == true){
          const formData = new FormData
          this.$form_data(formData,this.data)

          
                      let destination = '/api/app_tags/'+this.$root.url.param+'/update'
            if(this.send_to){
              destination = this.send_to
            }
            const promise = await axios.post(destination,formData);
                    if (promise) {
            this.helper.loading = false
            if(promise.data.error==false){
              this.$toast_success("<strong>Update Tags</strong> updated successfully!.")
              this.$hash('home')
            } else {
              this.$toast_validation("Form Validation",promise.data.data)
            }
          }
        } else {
          this.helper.loading = false
        }
      },
      validate(id,value){
        this.valid[id] = value
      },
              async Get() {
          this.helper.loading = true
          const promise = await axios.get('/api/app_tags/data?ID='+this.$root.url.param);
          this.fields.forEach((item)=>{
            if(Array.isArray(item)){
              item.forEach((field)=>{
                if(field.active==1){
                  this.data[field.name] = promise.data.data[field.name]
                }
              })
            } else {
              if(item.active==1){
                this.data[item.name] = promise.data.data[item.name]
              }
            }
          })
          this.helper.loading = false
        },
          },
    created(){
              this.Get()
          },
  };
  window.componentes.WebAppTagsDataUpdate = WebAppTagsDataUpdate;