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_696bf6707abac'" :ref="'admin_app_categories_new_696bf6707abac'" :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":"696bf6707abb2"},{"tag":"input","hint":"Insert  Category","name":"_category","label":"Categoria","active":true,"disabled":false,"key":"696bf6707abb5"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_categories_new_696bf6707abac: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_696bf6707abac'] == 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_696bf6707ac05'" :ref="'admin_app_categories_update_696bf6707ac05'" :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":"696bf6707ac09"},{"tag":"input","hint":"Insert  Category","name":"_category","label":"Categoria","active":true,"disabled":false,"key":"696bf6707ac0b"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_categories_update_696bf6707ac05: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_696bf6707ac05'] == 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_696bf6707ac4c'" :ref="'admin_app_clients_new_696bf6707ac4c'" :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":"696bf6707ac51"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bf6707ac52"},{"tag":"input","hint":"Insert Link","name":"link","label":"Pagina Web","active":true,"disabled":false,"key":"696bf6707ac53"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_clients_new_696bf6707ac4c: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_696bf6707ac4c'] == 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_696bf6707ac98'" :ref="'admin_app_clients_update_696bf6707ac98'" :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":"696bf6707ac9c"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bf6707ac9d"},{"tag":"input","hint":"Insert Link","name":"link","label":"Pagina Web","active":true,"disabled":false,"key":"696bf6707ac9e"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_clients_update_696bf6707ac98: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_696bf6707ac98'] == 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_696bf6707ace3'" :ref="'admin_app_contact_data_new_696bf6707ace3'" :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":"696bf6707ace6"},{"tag":"file","hint":"Insert Image","name":"image","label":"Image","active":true,"disabled":false,"key":"696bf6707ace7"},{"tag":"input","hint":"Insert Color","name":"color","label":"Color","active":true,"disabled":false,"key":"696bf6707ace8"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Title","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707acea"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707aceb"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_contact_data_new_696bf6707ace3: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_696bf6707ace3'] == 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_696bf6707ad7b'" :ref="'admin_app_contact_data_update_696bf6707ad7b'" :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":"696bf6707ad80"},{"tag":"file","hint":"Insert Image","name":"image","label":"Image","active":true,"disabled":false,"key":"696bf6707ad81"},{"tag":"input","hint":"Insert Color","name":"color","label":"Color","active":true,"disabled":false,"key":"696bf6707ad82"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Title","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707ad83"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707ad84"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_contact_data_update_696bf6707ad7b: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_696bf6707ad7b'] == 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_696bf6707adf5'" :ref="'admin_app_contact_messages_new_696bf6707adf5'" :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":"696bf6707adfa"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707adfb"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bf6707adfc"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bf6707adfd"},{"tag":"input","hint":"Insert Subject","name":"subject","label":"Subject","active":true,"disabled":false,"key":"696bf6707adfe"},{"tag":"input","hint":"Insert Message","name":"message","label":"Message","active":true,"disabled":false,"key":"696bf6707adff"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_contact_messages_new_696bf6707adf5: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_696bf6707adf5'] == 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_696bf6707ae7a'" :ref="'admin_app_contact_messages_update_696bf6707ae7a'" :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":"696bf6707ae7f"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707ae80"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bf6707ae81"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bf6707ae82"},{"tag":"input","hint":"Insert Subject","name":"subject","label":"Subject","active":true,"disabled":false,"key":"696bf6707ae83"},{"tag":"input","hint":"Insert Message","name":"message","label":"Message","active":true,"disabled":false,"key":"696bf6707ae84"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_contact_messages_update_696bf6707ae7a: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_696bf6707ae7a'] == 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_696bf6707aefe'" :ref="'admin_app_gallery_new_696bf6707aefe'" :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":"696bf6707af02"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707af03"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707af05"},{"tag":"file","hint":"Insert File","name":"file","label":"File","active":true,"disabled":false,"key":"696bf6707af06"},{"tag":"input","hint":"Insert Alt","name":"alt","label":"Alt","active":true,"disabled":false,"key":"696bf6707af07"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bf6707af08"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_gallery_new_696bf6707aefe: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_696bf6707aefe'] == 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_696bf6707afbd'" :ref="'admin_app_gallery_update_696bf6707afbd'" :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":"696bf6707afc4"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707afc5"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707afc6"},{"tag":"file","hint":"Insert File","name":"file","label":"File","active":true,"disabled":false,"key":"696bf6707afc8"},{"tag":"input","hint":"Insert Alt","name":"alt","label":"Alt","active":true,"disabled":false,"key":"696bf6707afc9"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bf6707afca"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_gallery_update_696bf6707afbd: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_696bf6707afbd'] == 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_696bf6707b053'" :ref="'admin_app_posts_new_696bf6707b053'" :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":"696bf6707b05c"},{"tag":"file","hint":"Insert Picture","name":"picture","label":"Imagen","active":true,"disabled":false,"key":"696bf6707b05e"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Titulo","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b060"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Sub Titulo","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b061"},{"tag":"editor","hint":"Insert Content","name":"content","label":"Content","active":true,"disabled":false,"key":"696bf6707b063"},{"tag":"textarea","hint":"Insert Tags","name":"tags","rows":1,"label":"Palabras de referencia","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b065"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_posts_new_696bf6707b053: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_696bf6707b053'] == 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_696bf6707b111'" :ref="'admin_app_posts_update_696bf6707b111'" :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":"696bf6707b119"},{"tag":"file","hint":"Insert Picture","name":"picture","label":"Imagen","active":true,"disabled":false,"key":"696bf6707b11c"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Titulo","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b11d"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Sub titulo","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b11f"},{"tag":"editor","hint":"Insert Content","name":"content","label":"Content","active":true,"disabled":false,"key":"696bf6707b121"},{"tag":"textarea","hint":"Insert Tags","name":"tags","rows":1,"label":"Palabras referenciales","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b122"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_posts_update_696bf6707b111: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_696bf6707b111'] == 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_696bf6707b1e9'" :ref="'admin_app_products_new_696bf6707b1e9'" :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":"696bf6707b1f3"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b1f5"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b1f6"},{"tag":"textarea","hint":"Insert Description","name":"description","rows":1,"label":"Description","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b1f7"},{"tag":"input","hint":"Insert  Brand","name":"_brand","type":"","label":" Brand","active":true,"disabled":false,"key":"696bf6707b1f9"},{"tag":"input","hint":"Insert  Model","name":"_model","label":" Model","active":true,"disabled":false,"key":"696bf6707b1fa"},{"tag":"file","hint":"Insert Gallery","name":"gallery","label":"Gallery","accept":"*","active":true,"disabled":false,"multiple":true,"key":"696bf6707b1fb"},{"tag":"file","hint":"Insert Data Sheet","name":"data_sheet","label":"Data Sheet","active":true,"disabled":false,"key":"696bf6707b1fc"},{"tag":"editor","hint":"Insert Warranty Policy","name":"warranty_policy","label":"Warranty Policy","active":true,"disabled":false,"key":"696bf6707b1fd"},{"tag":"textarea","hint":"Insert Video Link","name":"video_link","rows":1,"label":"Video Link","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b1fe"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_products_new_696bf6707b1e9: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_696bf6707b1e9'] == 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_696bf6707b2e5'" :ref="'admin_app_products_update_696bf6707b2e5'" :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":"696bf6707b2ec"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b2ee"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b2ef"},{"tag":"textarea","hint":"Insert Description","name":"description","rows":1,"label":"Description","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b2f0"},{"tag":"input","hint":"Insert  Brand","name":"_brand","type":"","label":" Brand","active":true,"disabled":false,"key":"696bf6707b2f1"},{"tag":"input","hint":"Insert  Model","name":"_model","label":" Model","active":true,"disabled":false,"key":"696bf6707b2f2"},{"tag":"file","hint":"Insert Gallery","name":"gallery","label":"Gallery","accept":"*","active":true,"disabled":false,"multiple":true,"key":"696bf6707b2f3"},{"tag":"file","hint":"Insert Data Sheet","name":"data_sheet","label":"Data Sheet","active":true,"disabled":false,"key":"696bf6707b2f4"},{"tag":"editor","hint":"Insert Warranty Policy","name":"warranty_policy","label":"Warranty Policy","active":true,"disabled":false,"key":"696bf6707b2f5"},{"tag":"textarea","hint":"Insert Video Link","name":"video_link","rows":1,"label":"Video Link","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b2f6"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_products_update_696bf6707b2e5: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_696bf6707b2e5'] == 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_696bf6707b3b0'" :ref="'admin_app_product_brands_new_696bf6707b3b0'" :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":"696bf6707b3b4"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b3b5"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bf6707b3b6"},{"tag":"textarea","hint":"Insert Url","name":"url","rows":1,"label":"Url","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b3b7"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bf6707b3b8"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_product_brands_new_696bf6707b3b0: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_696bf6707b3b0'] == 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_696bf6707b413'" :ref="'admin_app_product_brands_update_696bf6707b413'" :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":"696bf6707b417"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b418"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bf6707b419"},{"tag":"textarea","hint":"Insert Url","name":"url","rows":1,"label":"Url","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b41a"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bf6707b41b"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_product_brands_update_696bf6707b413: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_696bf6707b413'] == 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_696bf6707b476'" :ref="'admin_app_product_budgets_new_696bf6707b476'" :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":"696bf6707b47b"},{"tag":"combobox","hint":"Insert  Product","name":"_product","label":" Product","table":"app_products","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bf6707b47c"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b47d"},{"tag":"input","hint":"Insert Legal Id","name":"legal_id","label":"Legal Id","active":true,"disabled":false,"key":"696bf6707b47e"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bf6707b47f"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bf6707b480"},{"tag":"input","hint":"Insert City","name":"city","label":"City","active":true,"disabled":false,"key":"696bf6707b481"},{"tag":"textarea","hint":"Insert Message","name":"message","rows":1,"label":"Message","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b482"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_product_budgets_new_696bf6707b476: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_696bf6707b476'] == 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_696bf6707b517'" :ref="'admin_app_product_budgets_update_696bf6707b517'" :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":"696bf6707b51c"},{"tag":"combobox","hint":"Insert  Product","name":"_product","label":" Product","table":"app_products","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bf6707b51d"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b51e"},{"tag":"input","hint":"Insert Legal Id","name":"legal_id","label":"Legal Id","active":true,"disabled":false,"key":"696bf6707b51f"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bf6707b520"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bf6707b521"},{"tag":"input","hint":"Insert City","name":"city","label":"City","active":true,"disabled":false,"key":"696bf6707b522"},{"tag":"textarea","hint":"Insert Message","name":"message","rows":1,"label":"Message","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707b523"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_product_budgets_update_696bf6707b517: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_696bf6707b517'] == 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_696bf6707b60b'" :ref="'admin_app_product_models_new_696bf6707b60b'" :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":"696bf6707b60e"},{"tag":"combobox","hint":"Insert  Brand","name":"_brand","label":" Brand","table":"app_product_brands","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bf6707b60f"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b610"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_product_models_new_696bf6707b60b: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_696bf6707b60b'] == 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_696bf6707b65c'" :ref="'admin_app_product_models_update_696bf6707b65c'" :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":"696bf6707b65f"},{"tag":"combobox","hint":"Insert  Brand","name":"_brand","label":" Brand","table":"app_product_brands","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bf6707b660"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b661"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_product_models_update_696bf6707b65c: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_696bf6707b65c'] == 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_696bf6707b6a3'" :ref="'admin_app_tags_new_696bf6707b6a3'" :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":"696bf6707b6a6"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b6a7"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_tags_new_696bf6707b6a3: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_696bf6707b6a3'] == 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_696bf6707b6d2'" :ref="'admin_app_tags_update_696bf6707b6d2'" :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":"696bf6707b6d5"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b6d6"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          admin_app_tags_update_696bf6707b6d2: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_696bf6707b6d2'] == 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_696bf6707b701'" :ref="'base_sys_users_new_696bf6707b701'" :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":"696bf6707b708","0":{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bf6707b709"},"1":{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bf6707b70b"}},[{"tag":"date","hint":"Insert Birthday","name":"birthday","label":"Birthday","active":true,"disabled":false,"key":"696bf6707b711"},{"tag":"input","hint":"Insert Position","name":"position","label":"Position","active":true,"disabled":false,"key":"696bf6707b712"},{"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":"696bf6707b713"}],{"tag":"input","hint":"Insert Password","name":"password","type":"password","label":"Password","active":true,"disabled":false,"key":"696bf6707b714"},{"tag":"input","hint":"Insert Bio","name":"bio","label":"Bio","active":true,"disabled":false,"key":"696bf6707b715"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          base_sys_users_new_696bf6707b701: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_696bf6707b701'] == 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_696bf6707b7b4'" :ref="'base_sys_users_update_696bf6707b7b4'" :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":"696bf6707b7bd","0":{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bf6707b7be"},"1":{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bf6707b7bf"}},[{"tag":"date","hint":"Insert Birthday","name":"birthday","label":"Birthday","active":true,"disabled":false,"key":"696bf6707b7c1"},{"tag":"input","hint":"Insert Position","name":"position","label":"Position","active":true,"disabled":false,"key":"696bf6707b7c2"},{"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":"696bf6707b7c3"}],{"tag":"input","hint":"Insert Bio","name":"bio","label":"Bio","active":true,"disabled":false,"key":"696bf6707b7c4"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          base_sys_users_update_696bf6707b7b4: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_696bf6707b7b4'] == 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_696bf6707b850'" :ref="'hero_section_new_696bf6707b850'" :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":"696bf6707b855"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b856"}],{"tag":"editor","hint":"Insert Content","name":"content","label":"Content","active":true,"disabled":false,"key":"696bf6707b857"},{"tag":"input","hint":"Insert Background File","name":"background_file","label":"Background File","active":true,"disabled":false,"key":"696bf6707b858"},{"tag":"input","hint":"Insert Button Text","name":"button_text","label":"Button Text","active":true,"disabled":false,"key":"696bf6707b859"},{"tag":"input","hint":"Insert Button Link","name":"button_link","label":"Button Link","active":true,"disabled":false,"key":"696bf6707b85a"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          hero_section_new_696bf6707b850: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_696bf6707b850'] == 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_696bf6707b8c3'" :ref="'hero_section_update_696bf6707b8c3'" :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":"696bf6707b8c6"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b8c7"}],{"tag":"editor","hint":"Insert Content","name":"content","label":"Content","active":true,"disabled":false,"key":"696bf6707b8c8"},{"tag":"input","hint":"Insert Background File","name":"background_file","label":"Background File","active":true,"disabled":false,"key":"696bf6707b8c9"},{"tag":"input","hint":"Insert Button Text","name":"button_text","type":"","label":"Button Text","active":true,"disabled":false,"key":"696bf6707b8ca"},{"tag":"input","hint":"Insert Button Link","name":"button_link","type":"","label":"Button Link","active":true,"disabled":false,"key":"696bf6707b8cb"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          hero_section_update_696bf6707b8c3: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_696bf6707b8c3'] == 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_696bf6707b967'" :ref="'web_app_categories_data_new_696bf6707b967'" :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":"696bf6707b96b"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b96d"},{"tag":"input","hint":"Insert  Category","name":"_category","label":" Category","active":true,"disabled":false,"key":"696bf6707b96e"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_categories_data_new_696bf6707b967: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_696bf6707b967'] == 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_696bf6707b9b4'" :ref="'web_app_categories_data_update_696bf6707b9b4'" :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":"696bf6707b9b7"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b9b8"},{"tag":"input","hint":"Insert  Category","name":"_category","label":" Category","active":true,"disabled":false,"key":"696bf6707b9b9"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_categories_data_update_696bf6707b9b4: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_696bf6707b9b4'] == 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_696bf6707b9f4'" :ref="'web_app_clients_data_new_696bf6707b9f4'" :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":"696bf6707b9f7"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707b9f8"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bf6707b9f9"},{"tag":"input","hint":"Insert Link","name":"link","label":"Link","active":true,"disabled":false,"key":"696bf6707b9fa"},{"tag":"input","hint":"Insert Caption","name":"caption","label":"Caption","active":true,"disabled":false,"key":"696bf6707b9fb"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_clients_data_new_696bf6707b9f4: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_696bf6707b9f4'] == 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_696bf6707ba55'" :ref="'web_app_clients_data_update_696bf6707ba55'" :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":"696bf6707ba59"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707ba5a"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bf6707ba5b"},{"tag":"input","hint":"Insert Link","name":"link","label":"Link","active":true,"disabled":false,"key":"696bf6707ba5c"},{"tag":"input","hint":"Insert Caption","name":"caption","label":"Caption","active":true,"disabled":false,"key":"696bf6707ba5d"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_clients_data_update_696bf6707ba55: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_696bf6707ba55'] == 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_696bf6707bab4'" :ref="'web_app_contact_data_data_new_696bf6707bab4'" :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":"696bf6707baba"},{"tag":"file","hint":"Insert Image","name":"image","label":"Image","active":true,"disabled":false,"key":"696bf6707babb"},{"tag":"input","hint":"Insert Color","name":"color","label":"Color","active":true,"disabled":false,"key":"696bf6707babc"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Title","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707babd"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707babe"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_contact_data_data_new_696bf6707bab4: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_696bf6707bab4'] == 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_696bf6707bb1c'" :ref="'web_app_contact_data_data_update_696bf6707bb1c'" :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":"696bf6707bb1f"},{"tag":"file","hint":"Insert Image","name":"image","label":"Image","active":true,"disabled":false,"key":"696bf6707bb20"},{"tag":"input","hint":"Insert Color","name":"color","label":"Color","active":true,"disabled":false,"key":"696bf6707bb21"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Title","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bb22"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bb23"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_contact_data_data_update_696bf6707bb1c: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_696bf6707bb1c'] == 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_696bf6707bb84'" :ref="'web_app_contact_messages_data_new_696bf6707bb84'" :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":"696bf6707bb88"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707bb89"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bf6707bb8a"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bf6707bb8b"},{"tag":"input","hint":"Insert Subject","name":"subject","label":"Subject","active":true,"disabled":false,"key":"696bf6707bb8c"},{"tag":"input","hint":"Insert Message","name":"message","label":"Message","active":true,"disabled":false,"key":"696bf6707bb8d"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_contact_messages_data_new_696bf6707bb84: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_696bf6707bb84'] == 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_696bf6707bbf2'" :ref="'web_app_contact_messages_data_update_696bf6707bbf2'" :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":"696bf6707bbf5"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707bbf6"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bf6707bbf7"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bf6707bbf8"},{"tag":"input","hint":"Insert Subject","name":"subject","label":"Subject","active":true,"disabled":false,"key":"696bf6707bbf9"},{"tag":"input","hint":"Insert Message","name":"message","label":"Message","active":true,"disabled":false,"key":"696bf6707bbfa"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_contact_messages_data_update_696bf6707bbf2: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_696bf6707bbf2'] == 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_696bf6707bc61'" :ref="'web_app_gallery_data_new_696bf6707bc61'" :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":"696bf6707bc65"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bc66"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bc67"},{"tag":"file","hint":"Insert File","name":"file","label":"File","active":true,"disabled":false,"key":"696bf6707bc68"},{"tag":"input","hint":"Insert Alt","name":"alt","label":"Alt","active":true,"disabled":false,"key":"696bf6707bc69"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bf6707bc6a"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_gallery_data_new_696bf6707bc61: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_696bf6707bc61'] == 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_696bf6707bce7'" :ref="'web_app_gallery_data_update_696bf6707bce7'" :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":"696bf6707bceb"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bced"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bcee"},{"tag":"file","hint":"Insert File","name":"file","label":"File","active":true,"disabled":false,"key":"696bf6707bcef"},{"tag":"input","hint":"Insert Alt","name":"alt","label":"Alt","active":true,"disabled":false,"key":"696bf6707bcf0"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bf6707bcf1"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_gallery_data_update_696bf6707bce7: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_696bf6707bce7'] == 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_696bf6707bd6b'" :ref="'web_app_posts_data_new_696bf6707bd6b'" :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":"696bf6707bd6f"},{"tag":"combobox","hint":"Insert  Category","name":"_category","label":" Category","table":"app_categories","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bf6707bd70"},{"tag":"file","hint":"Insert Picture","name":"picture","label":"Picture","active":true,"disabled":false,"key":"696bf6707bd71"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Title","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bd72"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bd73"},{"tag":"editor","hint":"Insert Content","name":"content","label":"Content","active":true,"disabled":false,"key":"696bf6707bd74"},{"tag":"textarea","hint":"Insert Tags","name":"tags","rows":1,"label":"Tags","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bd75"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_posts_data_new_696bf6707bd6b: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_696bf6707bd6b'] == 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_696bf6707bdfb'" :ref="'web_app_posts_data_update_696bf6707bdfb'" :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":"696bf6707be01"},{"tag":"combobox","hint":"Insert  Category","name":"_category","label":" Category","table":"app_categories","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bf6707be02"},{"tag":"file","hint":"Insert Picture","name":"picture","label":"Picture","active":true,"disabled":false,"key":"696bf6707be03"},{"tag":"textarea","hint":"Insert Title","name":"title","rows":1,"label":"Title","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707be04"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707be05"},{"tag":"editor","hint":"Insert Content","name":"content","label":"Content","active":true,"disabled":false,"key":"696bf6707be06"},{"tag":"textarea","hint":"Insert Tags","name":"tags","rows":1,"label":"Tags","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707be07"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_posts_data_update_696bf6707bdfb: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_696bf6707bdfb'] == 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_696bf6707be8a'" :ref="'web_app_products_data_new_696bf6707be8a'" :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":"696bf6707be8f"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707be90"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707be91"},{"tag":"textarea","hint":"Insert Description","name":"description","rows":1,"label":"Description","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707be92"},{"tag":"input","hint":"Insert  Brand","name":"_brand","type":"","label":" Brand","active":true,"disabled":false,"key":"696bf6707be93"},{"tag":"input","hint":"Insert  Model","name":"_model","label":" Model","active":true,"disabled":false,"key":"696bf6707be94"},{"tag":"file","hint":"Insert Gallery","name":"gallery","label":"Gallery","accept":"*","active":true,"disabled":false,"multiple":true,"key":"696bf6707be95"},{"tag":"file","hint":"Insert Data Sheet","name":"data_sheet","label":"Data Sheet","active":true,"disabled":false,"key":"696bf6707be96"},{"tag":"editor","hint":"Insert Warranty Policy","name":"warranty_policy","label":"Warranty Policy","active":true,"disabled":false,"key":"696bf6707be97"},{"tag":"textarea","hint":"Insert Video Link","name":"video_link","rows":1,"label":"Video Link","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707be98"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_products_data_new_696bf6707be8a: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_696bf6707be8a'] == 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_696bf6707bf54'" :ref="'web_app_products_data_update_696bf6707bf54'" :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":"696bf6707bf5a"},{"tag":"textarea","hint":"Insert Name","name":"name","rows":1,"label":"Name","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bf5b"},{"tag":"textarea","hint":"Insert Caption","name":"caption","rows":1,"label":"Caption","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bf5c"},{"tag":"textarea","hint":"Insert Description","name":"description","rows":1,"label":"Description","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bf5d"},{"tag":"input","hint":"Insert  Brand","name":"_brand","type":"","label":" Brand","active":true,"disabled":false,"key":"696bf6707bf5e"},{"tag":"input","hint":"Insert  Model","name":"_model","label":" Model","active":true,"disabled":false,"key":"696bf6707bf5f"},{"tag":"file","hint":"Insert Gallery","name":"gallery","label":"Gallery","accept":"*","active":true,"disabled":false,"multiple":true,"key":"696bf6707bf60"},{"tag":"file","hint":"Insert Data Sheet","name":"data_sheet","label":"Data Sheet","active":true,"disabled":false,"key":"696bf6707bf61"},{"tag":"editor","hint":"Insert Warranty Policy","name":"warranty_policy","label":"Warranty Policy","active":true,"disabled":false,"key":"696bf6707bf62"},{"tag":"textarea","hint":"Insert Video Link","name":"video_link","rows":1,"label":"Video Link","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707bf63"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_products_data_update_696bf6707bf54: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_696bf6707bf54'] == 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_696bf6707c01e'" :ref="'web_app_product_brands_data_new_696bf6707c01e'" :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":"696bf6707c021"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707c022"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bf6707c023"},{"tag":"textarea","hint":"Insert Url","name":"url","rows":1,"label":"Url","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707c024"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bf6707c025"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_product_brands_data_new_696bf6707c01e: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_696bf6707c01e'] == 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_696bf6707c081'" :ref="'web_app_product_brands_data_update_696bf6707c081'" :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":"696bf6707c085"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707c086"},{"tag":"file","hint":"Insert Logo","name":"logo","label":"Logo","active":true,"disabled":false,"key":"696bf6707c087"},{"tag":"textarea","hint":"Insert Url","name":"url","rows":1,"label":"Url","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707c088"},{"tag":"input","hint":"Insert Is Active","name":"is_active","type":"number","label":"Is Active","active":true,"disabled":false,"key":"696bf6707c089"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_product_brands_data_update_696bf6707c081: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_696bf6707c081'] == 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_696bf6707c0f9'" :ref="'web_app_product_budgets_data_new_696bf6707c0f9'" :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":"696bf6707c0fd"},{"tag":"combobox","hint":"Insert  Product","name":"_product","label":" Product","table":"app_products","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bf6707c0ff"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707c100"},{"tag":"input","hint":"Insert Legal Id","name":"legal_id","label":"Legal Id","active":true,"disabled":false,"key":"696bf6707c101"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bf6707c102"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bf6707c103"},{"tag":"input","hint":"Insert City","name":"city","label":"City","active":true,"disabled":false,"key":"696bf6707c104"},{"tag":"textarea","hint":"Insert Message","name":"message","rows":1,"label":"Message","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707c105"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_product_budgets_data_new_696bf6707c0f9: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_696bf6707c0f9'] == 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_696bf6707c197'" :ref="'web_app_product_budgets_data_update_696bf6707c197'" :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":"696bf6707c19c"},{"tag":"combobox","hint":"Insert  Product","name":"_product","label":" Product","table":"app_products","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bf6707c19d"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707c19e"},{"tag":"input","hint":"Insert Legal Id","name":"legal_id","label":"Legal Id","active":true,"disabled":false,"key":"696bf6707c19f"},{"tag":"input","hint":"Insert Phone","name":"phone","label":"Phone","active":true,"disabled":false,"key":"696bf6707c1a0"},{"tag":"input","hint":"Insert Email","name":"email","label":"Email","active":true,"disabled":false,"key":"696bf6707c1a1"},{"tag":"input","hint":"Insert City","name":"city","label":"City","active":true,"disabled":false,"key":"696bf6707c1a2"},{"tag":"textarea","hint":"Insert Message","name":"message","rows":1,"label":"Message","active":true,"autoGrow":true,"disabled":false,"key":"696bf6707c1a3"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_product_budgets_data_update_696bf6707c197: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_696bf6707c197'] == 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_696bf6707c22f'" :ref="'web_app_product_models_data_new_696bf6707c22f'" :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":"696bf6707c232"},{"tag":"combobox","hint":"Insert  Brand","name":"_brand","label":" Brand","table":"app_product_brands","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bf6707c233"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707c234"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_product_models_data_new_696bf6707c22f: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_696bf6707c22f'] == 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_696bf6707c276'" :ref="'web_app_product_models_data_update_696bf6707c276'" :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":"696bf6707c279"},{"tag":"combobox","hint":"Insert  Brand","name":"_brand","label":" Brand","table":"app_product_brands","active":true,"disabled":false,"item-text":"id","item-value":"id","key":"696bf6707c27a"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707c27b"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_product_models_data_update_696bf6707c276: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_696bf6707c276'] == 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_696bf6707c2ba'" :ref="'web_app_tags_data_new_696bf6707c2ba'" :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":"696bf6707c2bd"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707c2be"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_tags_data_new_696bf6707c2ba: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_696bf6707c2ba'] == 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_696bf6707c351'" :ref="'web_app_tags_data_update_696bf6707c351'" :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":"696bf6707c356"},{"tag":"input","hint":"Insert Name","name":"name","label":"Name","active":true,"disabled":false,"key":"696bf6707c357"}],
        helper:{
          loading:false,
          error:null
        },
        valid:{
          web_app_tags_data_update_696bf6707c351: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_696bf6707c351'] == 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;