{"id":511,"date":"2025-08-12T00:39:27","date_gmt":"2025-08-12T00:39:27","guid":{"rendered":"https:\/\/tree-of-mylife.com\/?page_id=511"},"modified":"2025-12-09T03:42:07","modified_gmt":"2025-12-09T03:42:07","slug":"assets","status":"publish","type":"page","link":"https:\/\/tree-of-mylife.com\/es\/assets\/","title":{"rendered":"ASSETS"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n<title>Assets Inventory<\/title>\n<style>\n  body {\n    margin:0; padding:60px 20px; font-family:Arial,sans-serif;\n    background:#fff;\n  }\n  .wrap {\n    max-width:900px; margin:auto; padding:28px; border-radius:14px;\n    color:#fff; box-shadow:0 12px 28px rgba(0,0,0,.18);\n    background:\n      linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)),\n      url('https:\/\/tree-of-mylife.com\/wp-content\/uploads\/2025\/08\/assets.png') center\/cover no-repeat;\n  }\n  h2 {\n    text-align:center; margin:0 0 18px;\n    color: gold; \/* Dorado brillante *\/\n    text-shadow:\n      -1px -1px 0 #000,\n       1px -1px 0 #000,\n      -1px  1px 0 #000,\n       1px  1px 0 #000,\n       0px  0px 6px rgba(255,255,255,0.9);\n  }\n  p { margin:0 0 20px; font-size:14px; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.6);}\n  label { display:block; margin-bottom:6px; font-weight:700; font-size:13px; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.7);}\n  input, textarea, select {\n    width:100%; padding:10px; margin-bottom:10px;\n    border:1px solid rgba(255,255,255,.45); border-radius:8px;\n    background:rgba(255,255,255,.15); color:#fff; font-size:14px;\n  }\n  .section {\n    border:1px solid rgba(255,255,255,.25);\n    border-radius:12px;\n    margin:18px 0;\n    padding:16px;\n    background:rgba(0,0,0,.2);\n  }\n  .section h3 {\n    margin:0 0 10px; font-size:18px;\n    color: gold;\n    text-shadow:\n      -1px -1px 0 #000,\n       1px -1px 0 #000,\n      -1px  1px 0 #000,\n       1px  1px 0 #000,\n       0px  0px 4px rgba(255,255,255,0.8);\n  }\n  .btn { display:inline-block; border:none; border-radius:8px; padding:10px 14px; cursor:pointer; font-weight:700;}\n  .btn-add { background:#1e7dd7; color:#fff;}\n  .btn-remove { background:#c0392b; color:#fff; margin-top:10px;}\n  .btn-submit { background:#2ecc71; color:#fff;}\n  .muted { font-size:12px; color:rgba(255,255,255,.9);}\n  .actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:20px 0;}\n  .actions button { background:#444; color:#fff; border:none; border-radius:6px; padding:8px 14px; cursor:pointer;}\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\">\n  <!-- Selector de idioma -->\n  <div style=\"text-align:right;\">\n    <label for=\"lang\" style=\"font-size:13px; color:#fff;\">\ud83c\udf10 Language:<\/label>\n    <select id=\"lang\" onchange=\"switchLang(this.value)\">\n      <option value=\"en\">English<\/option>\n      <option value=\"es\">Espa\u00f1ol<\/option>\n    <\/select>\n  <\/div>\n\n  <h2 data-en=\"Assets Inventory\" data-es=\"Inventario de Bienes\">Assets Inventory<\/h2>\n  <p data-en=\"Add your assets by category. You can attach documents and record valuation date.\"\n     data-es=\"Agrega tus bienes por categor\u00eda. Puedes adjuntar documentos y registrar fecha de valuaci\u00f3n.\">\n    Add your assets by category. You can attach documents and record valuation date.\n  <\/p>\n\n  <form id=\"assetsForm\">\n    <!-- Real Estate -->\n    <div class=\"section\">\n      <h3 data-en=\"Real Estate\" data-es=\"Bienes Ra\u00edces\">Real Estate<\/h3>\n      <div id=\"rows-realestate\"><\/div>\n      <button type=\"button\" class=\"btn btn-add\" data-target=\"realestate\">+ Add Property<\/button>\n    <\/div>\n\n    <!-- Vehicles -->\n    <div class=\"section\">\n      <h3 data-en=\"Vehicles\" data-es=\"Veh\u00edculos\">Vehicles<\/h3>\n      <div id=\"rows-vehicles\"><\/div>\n      <button type=\"button\" class=\"btn btn-add\" data-target=\"vehicles\">+ Add Vehicle<\/button>\n    <\/div>\n\n    <!-- Bank Accounts -->\n    <div class=\"section\">\n      <h3 data-en=\"Bank Accounts\" data-es=\"Cuentas Bancarias\">Bank Accounts<\/h3>\n      <div id=\"rows-bank\"><\/div>\n      <button type=\"button\" class=\"btn btn-add\" data-target=\"bank\">+ Add Account<\/button>\n    <\/div>\n\n    <!-- Investments -->\n    <div class=\"section\">\n      <h3 data-en=\"Investments\" data-es=\"Inversiones\">Investments<\/h3>\n      <div id=\"rows-invest\"><\/div>\n      <button type=\"button\" class=\"btn btn-add\" data-target=\"invest\">+ Add Investment<\/button>\n    <\/div>\n\n    <!-- Crypto -->\n    <div class=\"section\">\n      <h3 data-en=\"Crypto \/ Wallets\" data-es=\"Cripto \/ Billeteras\">Crypto \/ Wallets<\/h3>\n      <div id=\"rows-crypto\"><\/div>\n      <button type=\"button\" class=\"btn btn-add\" data-target=\"crypto\">+ Add Wallet<\/button>\n    <\/div>\n\n    <!-- Other Assets -->\n    <div class=\"section\">\n      <h3 data-en=\"Other Assets\" data-es=\"Otros Bienes\">Other Assets<\/h3>\n      <div id=\"rows-other\"><\/div>\n      <button type=\"button\" class=\"btn btn-add\" data-target=\"other\">+ Add Asset<\/button>\n    <\/div>\n\n    <div style=\"margin-top:20px; text-align:center;\">\n      <button type=\"submit\" class=\"btn btn-submit\">Submit<\/button>\n    <\/div>\n  <\/form>\n\n  <!-- Botones de acci\u00f3n (al final) -->\n  <div class=\"actions\">\n    <button onclick=\"shareForm()\">Share<\/button>\n    <button onclick=\"copyForm()\">Copy<\/button>\n    <button onclick=\"window.print()\">Print<\/button>\n    <button onclick=\"downloadPDF()\">Download PDF<\/button>\n    <button onclick=\"downloadJSON()\">Download JSON<\/button>\n  <\/div>\n<\/div>\n\n<script>\nconst templates = {\n  realestate: () => card(`\n    <label data-en=\"Property Address\" data-es=\"Direcci\u00f3n de la Propiedad\">Property Address<\/label>\n    <input type=\"text\" name=\"property_address[]\" placeholder=\"123 Main St\">\n    <label data-en=\"Estimated Value\" data-es=\"Valor Estimado\">Estimated Value<\/label>\n    <input type=\"number\" name=\"property_value[]\" placeholder=\"$250,000\">\n  `),\n  vehicles: () => card(`\n    <label data-en=\"Vehicle\" data-es=\"Veh\u00edculo\">Vehicle<\/label>\n    <input type=\"text\" name=\"vehicle[]\" placeholder=\"Car \/ Boat \/ Bike\">\n    <label data-en=\"Year\" data-es=\"A\u00f1o\">Year<\/label>\n    <input type=\"number\" name=\"vehicle_year[]\" placeholder=\"2022\">\n  `),\n  bank: () => card(`\n    <label data-en=\"Bank Name\" data-es=\"Banco\">Bank Name<\/label>\n    <input type=\"text\" name=\"bank[]\">\n    <label data-en=\"Account Type\" data-es=\"Tipo de Cuenta\">Account Type<\/label>\n    <input type=\"text\" name=\"account_type[]\">\n  `),\n  invest: () => card(`\n    <label data-en=\"Investment Type\" data-es=\"Tipo de Inversi\u00f3n\">Investment Type<\/label>\n    <input type=\"text\" name=\"investment[]\">\n    <label data-en=\"Value\" data-es=\"Valor\">Value<\/label>\n    <input type=\"number\" name=\"investment_value[]\">\n  `),\n  crypto: () => card(`\n    <label data-en=\"Crypto Asset\" data-es=\"Cripto Activo\">Crypto Asset<\/label>\n    <input type=\"text\" name=\"crypto[]\">\n    <label data-en=\"Wallet Address\" data-es=\"Direcci\u00f3n de Billetera\">Wallet Address<\/label>\n    <input type=\"text\" name=\"wallet[]\">\n  `),\n  other: () => card(`\n    <label data-en=\"Description\" data-es=\"Descripci\u00f3n\">Description<\/label>\n    <input type=\"text\" name=\"other_asset[]\">\n    <label data-en=\"Estimated Value\" data-es=\"Valor Estimado\">Estimated Value<\/label>\n    <input type=\"number\" name=\"other_value[]\">\n  `)\n};\n\nfunction card(inner){\n  return `<div class=\"card\" style=\"margin-bottom:15px; padding:12px; border:1px solid rgba(255,255,255,.3); border-radius:10px; background:rgba(0,0,0,.15);\">\n    ${inner}\n    <button type=\"button\" class=\"btn btn-remove\" onclick=\"this.parentNode.remove()\">Remove<\/button>\n  <\/div>`;\n}\n\ndocument.querySelectorAll('.btn-add').forEach(btn=>{\n  btn.addEventListener('click',()=>{\n    const t = btn.dataset.target;\n    document.getElementById('rows-'+t).insertAdjacentHTML('beforeend',templates[t]());\n  });\n});\n\n['realestate','vehicles','bank','invest','crypto','other'].forEach(k=>{\n  document.getElementById('rows-'+k).insertAdjacentHTML('beforeend',templates[k]());\n});\n\nfunction switchLang(lang){\n  document.querySelectorAll('[data-en]').forEach(el=>{\n    el.textContent = el.getAttribute('data-'+lang);\n  });\n}\n\nfunction shareForm(){ alert(\"Share link (demo).\"); }\nfunction copyForm(){ navigator.clipboard.writeText(location.href); alert(\"Link copied!\"); }\nfunction downloadJSON(){\n  const data = Object.fromEntries(new FormData(document.getElementById('assetsForm')));\n  const blob = new Blob([JSON.stringify(data,null,2)],{type:'application\/json'});\n  const a = document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='assets.json'; a.click();\n}\nfunction downloadPDF(){ alert(\"PDF download not implemented in demo.\"); }\n\ndocument.getElementById('assetsForm').addEventListener('submit', e=>{\n  e.preventDefault();\n  alert('Form submitted (demo).');\n});\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Assets Inventory \ud83c\udf10 Language: EnglishEspa\u00f1ol Assets Inventory Add your assets by category. You can attach documents and record valuation date. Real Estate + Add Property Vehicles + Add Vehicle Bank Accounts + Add Account Investments + Add Investment Crypto \/ Wallets + Add Wallet Other Assets + Add Asset Submit Share Copy Print Download PDF [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","pmpro_default_level":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-511","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/comments?post=511"}],"version-history":[{"count":16,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/511\/revisions"}],"predecessor-version":[{"id":738,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/511\/revisions\/738"}],"wp:attachment":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/media?parent=511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}