{"id":1001,"date":"2024-07-22T19:38:39","date_gmt":"2024-07-22T17:38:39","guid":{"rendered":"https:\/\/econoky.impulsa3.dev\/datos-financieros\/"},"modified":"2024-07-22T19:38:39","modified_gmt":"2024-07-22T17:38:39","slug":"datos-financieros","status":"publish","type":"page","link":"https:\/\/econoky.com\/en\/datos-financieros\/","title":{"rendered":"My Financial Data"},"content":{"rendered":"<div x-data=\"tabManager()\" x-init=\"initialize()\">\n    <div x-data=\"{ showModal: false, allowAccess: false, show_success_toast: false, show_error_toast: false }\">\n\n        <div class=\"tw-relative tw-flex tw-flex-col tw-gap-y-3 sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center\">\n            <p class=\"tw-mt-1 tw-text-sm tw-leading-6 tw-text-gray-600\">\n                    Here you can track your financial data, keeping control of your income, expenses, and the evolution of your wealth.            <\/p>\n            <!-- <div class='econoky-tooltip-container'>\n                <span class='econoky-tooltip econoky-tooltip-r sm:econoky-tooltip-t econoky-tooltip-lg'>Prueba de tooltip<\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"tw-size-5\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z\" \/>\n                <\/svg>\n            <\/div> -->\n                            <button type=\"button\" disabled class=\"econoky-button-primary-default econoky-button-primary-disabled\">\n                        <span>\n                            <span class=\"tw-inline-flex tw-items-center tw-mr-5 tw-rounded-md tw-bg-gray-100 tw-px-2 tw-py-1 tw-text-xs tw-font-medium tw-text-gray-600\">Pro<\/span>\n                            New Entry                        <\/span>\n                <\/button>\n                    <\/div>\n\n        <div class=\"sm:tw-hidden tw-mt-5 tw-grid tw-grid-cols-5 tw-align-middle\">\n            <div class=\"tw-col-span-5\">\n                <label for=\"tabs\" class=\"tw-sr-only\">Select a data group<\/label>\n                <select id=\"tabs\" name=\"tabs\" x-model=\"tab\" class=\"tw-block tw-w-full tw-text-sm tw-font-semibold tw-text-gray-900 tw-rounded-md tw-border-gray-300 tw-shadow-sm focus:tw-border-econoky-blue-light focus:tw-ring-econoky-blue-light hover:tw-bg-gray-50\">\n                    <option value=\"income-expenses\" :selected=\"tab === 'income-expenses'\">Income &amp; Expenses<\/option>\n                    <option value=\"assets-liabilities\" :selected=\"tab === 'assets-liabilities'\">Assets &amp; Liabilities<\/option>\n                <\/select>\n            <\/div>\n            <div class=\" tw-hidden tw-col-span-1 tw-justify-end\">\n                <button type=\"button\" class=\"tw-rounded tw-aspect-square tw-h-full tw-flex tw-items-center tw-justify-center tw-bg-white tw-p-1 tw-text-gray-400 tw-shadow-sm tw-ring-inset tw-border-gray-300 hover:tw-bg-gray-50 hover:tw-text-gray-600 hover:tw-border-gray-300 focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2\">\n                    <svg class=\"tw-h-5 tw-w-5\" viewBox=\"0 0 25 25\" fill=\"currentColor\" aria-hidden=\"true\">\n                        <path fill=\"none\" clip-rule=\"evenodd\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 7H20\" \/>\n                        <path fill=\"none\" clip-rule=\"evenodd\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 12L17 12\" \/>\n                        <path fill=\"none\" clip-rule=\"evenodd\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 17H13\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n        <div class=\"tw-hidden sm:tw-block tw-mt-5\">\n            <div class=\"tw-border-b tw-border-gray-200\">\n                <nav class=\"-tw-mb-px tw-flex\" aria-label=\"Tabs\">\n                    <a href=\"#\" x-on:click=\"selectTab('income-expenses')\" title=\"Income &amp; Expenses\" :class=\"tab === 'income-expenses' ? 'econoky-tab-selected' : 'econoky-tab-disabled'\" class=\"tw-w-1\/2 tw-border-b-2 tw-px-1 tw-py-4 tw-text-center tw-text-sm tw-font-medium\" aria-current=\"page\">Income &amp; Expenses<\/a>\n                    <a href=\"#\" x-on:click=\"selectTab('assets-liabilities')\" title=\"Assets &amp; Liabilities\" :class=\"tab === 'assets-liabilities' ? 'econoky-tab-selected' : 'econoky-tab-disabled'\" class=\"tw-w-1\/2 tw-border-b-2 tw-px-1 tw-py-4 tw-text-center tw-text-sm tw-font-medium\">Assets &amp; Liabilities<\/a>\n                <\/nav>\n            <\/div>\n        <\/div>\n\n        <div x-show=\"false\" x-cloak class=\"tw-my-3\">\n            <button type=\"button\" class=\"tw-hidden sm:tw-inline-flex econoky-button-auxiliary-leading-icon\">\n                <svg class=\"tw-h-5 tw-w-5\" viewBox=\"0 0 25 25\" fill=\"currentColor\" aria-hidden=\"true\">\n                    <path fill=\"none\" clip-rule=\"evenodd\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 7H20\" \/>\n                    <path fill=\"none\" clip-rule=\"evenodd\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 12L17 12\" \/>\n                    <path fill=\"none\" clip-rule=\"evenodd\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 17H13\" \/>\n                <\/svg>\n                <span class=\"tw-ml-5\">Filter<\/span>\n            <\/button>\n\n            <span x-data=\"{ open: true }\" x-show=\"open\" class=\"tw-inline-flex tw-items-center sm:tw-ml-4 tw-gap-x-0.5 tw-rounded-md tw-bg-gray-300 tw-px-2 tw-py-1 tw-text-xs tw-font-medium tw-text-gray-500\">\n                Activos\n                <button type=\"button\" x-on:click=\"open = false\" class=\"tw-group tw-relative -tw-mr-1 tw-h-3.5 tw-w-3.5 tw-rounded-sm tw-border-none hover:tw-bg-gray-500\/20\">\n                    <span class=\"tw-sr-only\">Remove<\/span>\n                    <svg viewBox=\"0 0 14 14\" class=\"tw-h-3.5 tw-w-3.5 tw-stroke-gray-700\/50 group-hover:tw-stroke-gray-700\/75\">\n                        <path d=\"M4 4l6 6m0-6l-6 6\" \/>\n                    <\/svg>\n                    <span class=\"tw-absolute -tw-inset-1\"><\/span>\n                <\/button>\n            <\/span>\n        <\/div>\n\n        <div id=\"income-expenses\" x-show=\"tab === 'income-expenses'\" class=\"tw-relative tw-mt-5 sm:tw-mt-3 tw-bg-white tw-border tw-rounded-md tw-shadow-sm\">\n            \n<div x-data>\n    <div class=\"tw-relative\">\n        <div id=\"fade-overlay\" class=\"tw-transition-opacity tw-duration-500 tw-opacity-100\">\n            <ul role=\"list\" class=\"tw-divide-y tw-divide-gray-100\">\n                <div>\n                                    <\/div>\n            <\/ul>\n        <\/div>\n\n        \n<div>\n<nav x-data=\"{ current_page: 1,\n            total_pages: 0, \n            is_modal: false,\n            item_id: -1}\" class=\"tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-200 tw-px-4 tw-pb-4 sm:tw-px-3\">\n    <div class=\"-mt-px tw-flex tw-w-0 tw-flex-1\">\n        <a href=\"#\" x-on:click=\"getHTMLPage(tab, 'prev', true )\" \n                    :class=\"current_page == 1 ? 'econoky-anchor-disabled' : ''\" class=\"tw-inline-flex tw-items-center tw-border-t-2 tw-border-transparent tw-pr-1 tw-pt-4 tw-text-sm tw-font-medium tw-text-gray-500 hover:tw-border-gray-300 hover:tw-text-gray-700\">\n            <svg class=\"tw-mr-3 tw-h-5 tw-w-5 tw-text-gray-400\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n                <path fill-rule=\"evenodd\" d=\"M18 10a.75.75 0 01-.75.75H4.66l2.1 1.95a.75.75 0 11-1.02 1.1l-3.5-3.25a.75.75 0 010-1.1l3.5-3.25a.75.75 0 111.02 1.1l-2.1 1.95h12.59A.75.75 0 0118 10z\" clip-rule=\"evenodd\" \/>\n            <\/svg>\n            <div class=\"tw-hidden sm:tw-inline-block\">\n                Previous            <\/div>\n        <\/a>\n    <\/div>\n    <div class=\"tw-flex\">\n                                    <a href=\"#\" \n                                            id=\"current-page\"\n                        class=\"tw-inline-flex tw-items-center tw-border-t-2 tw-px-4 tw-pt-4 tw-text-sm tw-font-medium tw-border-solid tw-border-econoky-blue-light tw-text-econoky-blue-light\"\n                                        x-on:click=\"getHTMLPage(tab, 1, true )\">\n                    1                <\/a>\n                        <\/div>\n    <div class=\"-mt-px tw-flex tw-w-0 tw-flex-1 tw-justify-end\">\n        <a href=\"#\" x-on:click=\"getHTMLPage(tab, 'next', true )\" \n        :class=\"current_page >= total_pages ? 'econoky-anchor-disabled' : ''\" class=\"tw-inline-flex tw-items-center tw-border-t-2 tw-border-transparent tw-pl-1 tw-pt-4 tw-text-sm tw-font-medium tw-text-gray-500 hover:tw-border-gray-300 hover:tw-text-gray-700\">\n        <div class=\"tw-hidden sm:tw-inline-block\">\n            Next        <\/div>\n        <svg class=\"tw-ml-3 tw-h-5 tw-w-5 tw-text-gray-400\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path fill-rule=\"evenodd\" d=\"M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0 111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0 11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z\" clip-rule=\"evenodd\" \/>\n        <\/svg>\n        <\/a>\n    <\/div>\n<\/nav>\n<\/div>\n    <\/div>\n\n\n    <div x-transition:enter=\"tw-ease-in-out tw-duration-500\" \n        x-transition:enter-start=\"tw-opacity-0\" \n        x-transition:enter-end=\"tw-opacity-100\" \n        x-cloak\n        x-show=\"showModal && tab === 'income-expenses'\" @toggle-modal-income-expenses.window=\"showModal = !showModal\"\n        class=\"tw-relative tw-z-1000\" aria-labelledby=\"modal-title\" role=\"dialog\" aria-modal=\"true\">\n        <div @click=\"showModal = false\" class=\"tw-fixed tw-inset-0 tw-bg-gray-500 tw-bg-opacity-75 tw-transition-opacity\" aria-hidden=\"true\"><\/div>\n        <div class=\"tw-fixed tw-inset-0 tw-z-10 tw-w-screen tw-overflow-y-auto\">\n            <div class=\"tw-flex tw-min-h-full tw-items-center tw-justify-center tw-p-4 tw-text-center sm:tw-items-center sm:tw-p-0\">\n                <div id=\"modalIncome\" x-data=\"{transactionType: 'expense', recurring: false}\" class=\"tw-relative tw-transform tw-overflow-y-auto tw-rounded-lg tw-bg-white tw-text-left tw-shadow-xl tw-max-h-full-reboot tw-w-full tw-max-w-full tw-min-w-full sm:tw-my-8 lg:tw-min-w-min lg:tw-w-[90%] lg:tw-max-w-[90%] xl:tw-max-w-[75%] tw-p-10 tw-flex tw-flex-col tw-justify-between tw-gap-y-3 sm:tw-gap-y-6\">\n                    <p class=\"tw-mt-1 tw-text-l sm:tw-text-2xl tw-font-medium tw-leading-6 tw-text-econoky-purple\">\n                            New entry - Income &amp; Expenses                    <\/p>\n\n                    <div class=\"tw-grid tw-gap-x-6 tw-gap-y-3 tw-grid-cols-1 sm:tw-grid-cols-6\">\n                        <div id=\"name\" class=\"sm:tw-col-span-3\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Name<\/label>\n                            <div class=\"mt-2\">\n                                 <input id=\"data\" name=\"name\" type=\"text\" x-on:change.debounce.100ms=\"validateIncomeExpensesData('modalIncome', '#name')\" value=\"\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 econoky-input-normal tw-shadow-sm tw-ring-1 tw-ring-inset placeholder:tw-text-gray-400 focus:tw-ring-2 focus:tw-ring-inset sm:tw-text-sm sm:tw-leading-6\" placeholder=\"Name\">\n                            <\/div>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n                        <div id=\"transaction_type\" class=\"sm:tw-col-span-1\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Type<\/label>\n                            <select id=\"data\" name=\"transaction_type\" x-model=\"transactionType\" x-on:change.debounce.100ms=\"validateIncomeExpensesData('modalIncome', '#transaction_type_detail', 0, null, transactionType)\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-3 tw-pr-10 econoky-select tw-ring-1 tw-ring-inset focus:tw-ring-2 sm:tw-text-sm sm:tw-leading-6\">\n                                                                     <option value=\"income\" >Income<\/option>\n                                                                     <option value=\"expense\" selected>Expense<\/option>\n                                                                     <option value=\"debt\" >Debt<\/option>\n                                                            <\/select>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n                        <div id=\"transaction_type_detail\" class=\"sm:tw-col-span-1\" :class=\"transactionType === 'income'? 'custom-select' : 'tw-hidden'\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Category<\/label>\n                            <select id=\"data\" name=\"transaction_type_detail\" x-on:change.debounce.100ms=\"validateIncomeExpensesData('modalIncome', '#transaction_type_detail', 0, null, transactionType)\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-3 tw-pr-10 econoky-select tw-ring-1 tw-ring-inset focus:tw-ring-2 sm:tw-text-sm sm:tw-leading-6\">\n                                                                    <option value=\"payroll\">Payroll<\/option>\n                                                                    <option value=\"property_rental\">Property rental<\/option>\n                                                                    <option value=\"self-employment_income\">Self-employment income<\/option>\n                                                                    <option value=\"retirement_benefit\">Retirement benefit<\/option>\n                                                                    <option value=\"disability_benefit\">Disability benefit<\/option>\n                                                                    <option value=\"other_type_of_regular_income\">Other type of regular income<\/option>\n                                                                    <option value=\"royalties\">Royalties<\/option>\n                                                                    <option value=\"consulting_sessions\">Consulting sessions<\/option>\n                                                                    <option value=\"tax_refunds\">Tax refunds<\/option>\n                                                                    <option value=\"benefit_refunds\">Benefit refunds<\/option>\n                                                                    <option value=\"capital_gains_from_asset_sales\">Capital gains from asset sales<\/option>\n                                                                    <option value=\"dividends\">Dividends<\/option>\n                                                                    <option value=\"second-hand_sales\">Second-hand sales<\/option>\n                                                                    <option value=\"claims_and_refunds\">Claims and refunds<\/option>\n                                                                    <option value=\"fees\">Fees<\/option>\n                                                                    <option value=\"grants\">Grants<\/option>\n                                                                    <option value=\"gifts\">Gifts<\/option>\n                                                                    <option value=\"one-time_collaboration\">One-time collaboration<\/option>\n                                                                    <option value=\"awards_received\">Awards received<\/option>\n                                                                    <option value=\"other_extraordinary_income\">Other extraordinary income<\/option>\n                                                                    <option value=\"other_recurring_income\">Other recurring income<\/option>\n                                                            <\/select>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n                        <div id=\"transaction_type_detail\" class=\"sm:tw-col-span-1\" :class=\"transactionType === 'expense'? 'custom-select' : 'tw-hidden'\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Category<\/label>\n                            <select id=\"data\" name=\"transaction_type_detail\" x-on:change.debounce.100ms=\"validateIncomeExpensesData('modalIncome', '#transaction_type_detail', 0, null, transactionType)\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-3 tw-pr-10 econoky-select tw-ring-1 tw-ring-inset focus:tw-ring-2 sm:tw-text-sm sm:tw-leading-6\">\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"rent\"  >Rent<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"household_utilities\"  >Household utilities (electricity, water, gas, others)<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"internet_and_mobile\"  >Internet and mobile<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"home_maintenance\"  >Home maintenance<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"hoa_fees\"  >HOA fees<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"taxes\"  >Taxes<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"microexpenses\"  >Microexpenses<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"groceries\"  >Groceries<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"restaurants\"  >Restaurants<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"parking\"  >Parking<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"public_transportation\"  >Public transportation (subway, bus, train, plane, boat)<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"fuel_and_car_maintenance\"  >Fuel and car maintenance<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"insurance\"  >Insurance<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"clothing_and_footwear\"  >Clothing and footwear<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"personal_care\"  >Personal care<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"entertainment\"  >Entertainment<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"education\"  >Education<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"childcare\"  >Childcare<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"pets\"  >Pets<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"gifts_and_donations\"  >Gifts and donations<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"card\"  >Tarjeta<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"investment_allocation\"  >Investment allocation<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"savings_allocation\"  >Savings allocation<\/option>\n                                                                    <option x-show=\"transactionType === 'expense'\" value=\"others\"  selected>Others<\/option>\n                                                            <\/select>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n                        <div id=\"transaction_type_detail\" class=\"sm:tw-col-span-1\" :class=\"transactionType === 'debt'? 'custom-select' : 'tw-hidden'\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Category<\/label>\n                            <select id=\"data\" name=\"transaction_type_detail\" x-on:change.debounce.100ms=\"validateIncomeExpensesData('modalIncome', '#transaction_type_detail', 0, null, transactionType)\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-3 tw-pr-10 econoky-select tw-ring-1 tw-ring-inset focus:tw-ring-2 sm:tw-text-sm sm:tw-leading-6\">\n                                                                    <option x-show=\"transactionType === 'debt'\" value=\"mortgage\">Mortgage<\/option>\n                                                                    <option x-show=\"transactionType === 'debt'\" value=\"personal_loan\">Personal loan<\/option>\n                                                                    <option x-show=\"transactionType === 'debt'\" value=\"credit_card_payment\">Credit card payment<\/option>\n                                                                    <option x-show=\"transactionType === 'debt'\" value=\"others\">Others<\/option>\n                                                            <\/select>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n                        <div id=\"value\" class=\"sm:tw-col-span-1\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Amount<\/label>\n                            <div class=\"tw-relative mt-2\">\n                                <div class=\"tw-pointer-events-none tw-absolute tw-inset-y-0 tw-left-0 tw-flex tw-items-center tw-pl-3\">\n                                    <span class=\"tw-text-gray-500 sm:tw-text-sm\">\u20ac<\/span>\n                                <\/div>\n                                <input id=\"data\" name=\"value\" type=\"text\" x-on:change.debounce.100ms=\"validateIncomeExpensesData('modalIncome', '#value')\" inputmode=\"decimal\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-7 tw-pr-12 econoky-input-normal tw-shadow-sm tw-ring-1 tw-ring-inset placeholder:tw-text-gray-400 focus:tw-ring-2 focus:tw-ring-inset sm:tw-text-sm sm:tw-leading-6\" placeholder=\"0.00\">\n                                <div class=\"tw-pointer-events-none tw-absolute tw-inset-y-0 tw-right-0 flex tw-items-center tw-pr-3\">\n                                    <span class=\"tw-text-gray-500 sm:tw-text-sm\" id=\"price-currency\">EUR<\/span>\n                                <\/div>\n                            <\/div>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"tw-grid tw-gap-x-6 tw-gap-y-3 tw-grid-cols-1 sm:tw-grid-cols-4\">\n                        <div class=\"tw-col-span-1 sm:tw-col-span-1\">\n                            <div id=\"record_date\" class=\"sm:tw-col-span-1\">\n                                <label for=\"data\" class=\"tw-block econoky-label\">Date<\/label>\n                                <div class=\"mt-2\">\n                                    <input id=\"data\" name=\"record_date\" type=\"date\" max=\"2026-10-31\" inputmode=\"numeric\" x-on:change.debounce.100ms=\"validateIncomeExpensesData('modalIncome', '#record_date')\" value=\"2026-10-25\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 econoky-input-normal tw-shadow-sm tw-ring-1 tw-ring-inset placeholder:tw-text-gray-400 focus:tw-ring-2 focus:tw-ring-inset sm:tw-text-sm sm:tw-leading-6\">\n                                <\/div>\n                                <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                            <\/div>\n                            <div id=\"end_date\" class=\"sm:tw-col-span-1\">\n                                <label for=\"data\" class=\"tw-block econoky-label tw-mt-5\">End date<\/label>\n                                <div class=\"mt-2\">\n                                    <input id=\"data\" name=\"end_date\" type=\"date\" :disabled=\"!recurring\" x-on:change.debounce.100ms=\"validateIncomeExpensesData('modalIncome', '#end_date', recurring)\" inputmode=\"numeric\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 econoky-input-normal tw-shadow-sm tw-ring-1 tw-ring-inset placeholder:tw-text-gray-400 focus:tw-ring-2 focus:tw-ring-inset sm:tw-text-sm sm:tw-leading-6\">\n                                <\/div>\n                                <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"tw-col-span-1 sm:tw-col-span-1\">\n                            <div class=\"tw-col-span-2 tw-flex tw-items-center tw-mt-8\">\n                                <button @click=\"recurring = !recurring\" type=\"button\" class=\"tw-relative tw-inline-flex tw-h-6 tw-w-11 tw-flex-shrink-0 tw-cursor-pointer tw-rounded-full tw-border-2 tw-border-transparent tw-transition-colors tw-duration-200 tw-ease-in-out focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-indigo-600 focus:tw-ring-offset-2 disabled:tw-bg-opacity-60\" role=\"switch\" aria-checked=\"false\" aria-labelledby=\"annual-billing-label\"\n                                    :class=\"recurring? 'tw-bg-indigo-600': 'tw-bg-gray-200'\">\n                                    <span aria-hidden=\"true\" class=\"tw-pointer-events-none tw-inline-block tw-h-5 tw-w-5 tw-translate-x-0 tw-transform tw-rounded-full tw-bg-white tw-shadow tw-ring-0 tw-transition tw-duration-200 tw-ease-in-out\"\n                                        :class=\"recurring? 'tw-translate-x-5': 'tw-translate-x-0'\"><\/span>\n                                <\/button>\n                                <span class=\"tw-ml-3 tw-text-sm\" id=\"annual-billing-label\">\n                                    <span class=\"tw-font-medium tw-text-gray-900\">Recurring<\/span>\n                                <\/span>\n                            <\/div>\n                            <div id=\"recurring_type\">\n                                <label for=\"data\" class=\"tw-block econoky-label tw-mt-2 sm:tw-mt-[33px]\">Recurring type<\/label>\n                                <select :disabled=\"!recurring\" id=\"data\" name=\"recurring_type\" x-on:change.debounce.100ms=\"validateIncomeExpensesData('modalIncome', '#recurring_type', recurring)\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-3 tw-pr-10 econoky-select tw-ring-1 tw-ring-inset focus:tw-ring-2 sm:tw-text-sm sm:tw-leading-6\">\n                                    <option disabled value=\"\">--<\/option>\n                                                                            <option value=\"monthly\">Monthly<\/option>\n                                                                            <option value=\"bimonthly\">Every 2 months<\/option>\n                                                                            <option value=\"quarterly\">Quarterly<\/option>\n                                                                            <option value=\"semiannual\">Semiannual<\/option>\n                                                                            <option value=\"annual\">Annual<\/option>\n                                                                    <\/select>\n                                <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                            <\/div>\n                        <\/div>\n                        <div id=\"comments\" class=\"tw-col-span-1 sm:tw-col-span-2\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Comments<\/label>\n                            <textarea id=\"data\" name=\"comments\" rows=\"5\" x-on:change.debounce.100ms=\"validateIncomeExpensesData('modalIncome', '#comments')\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 econoky-input-normal tw-shadow-sm tw-ring-1 tw-ring-inset placeholder:tw-text-gray-400 focus:tw-ring-2 focus:tw-ring-inset sm:tw-text-sm sm:tw-leading-6\" placeholder=\"Your comments here.\"><\/textarea>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"tw-mt-5 sm:tw-mt-6 tw-relative tw-flex tw-justify-center tw-gap-x-6\">\n                        <button @click=\"showModal = false\" type=\"button\" class=\"tw-inline-flex econoky-button-auxiliary-leading-icon\">\n                            <span>Cancel<\/span>\n                        <\/button>\n                        <button id=\"create_button_income\" type=\"button\" class=\"tw-inline-flex econoky-button-primary-outline\"\n                            @click=\"createIncomeExpenses(recurring)\">\n                            <span>Save<\/span>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>        <\/div>\n        <div id=\"assets-liabilities\" x-cloak x-show=\"tab === 'assets-liabilities'\" class=\"tw-mt-5 sm:tw-mt-3 tw-bg-white tw-border tw-rounded-md tw-shadow-sm\">\n            \n<div x-data=\"{showHistoryModal: false}\">\n    <div class=\"tw-relative\">\n        <div id=\"fade-overlay\" class=\"tw-transition-opacity tw-duration-500 tw-opacity-100\">\n            <ul role=\"list\" class=\"tw-divide-y tw-divide-gray-100\">\n                <div>\n                                    <\/div>\n            <\/ul>\n        <\/div>\n            \n        \n<div>\n<nav x-data=\"{ current_page: 1,\n            total_pages: 0, \n            is_modal: false,\n            item_id: -1}\" class=\"tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-200 tw-px-4 tw-pb-4 sm:tw-px-3\">\n    <div class=\"-mt-px tw-flex tw-w-0 tw-flex-1\">\n        <a href=\"#\" x-on:click=\"getHTMLPage(tab, 'prev', true )\" \n                    :class=\"current_page == 1 ? 'econoky-anchor-disabled' : ''\" class=\"tw-inline-flex tw-items-center tw-border-t-2 tw-border-transparent tw-pr-1 tw-pt-4 tw-text-sm tw-font-medium tw-text-gray-500 hover:tw-border-gray-300 hover:tw-text-gray-700\">\n            <svg class=\"tw-mr-3 tw-h-5 tw-w-5 tw-text-gray-400\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n                <path fill-rule=\"evenodd\" d=\"M18 10a.75.75 0 01-.75.75H4.66l2.1 1.95a.75.75 0 11-1.02 1.1l-3.5-3.25a.75.75 0 010-1.1l3.5-3.25a.75.75 0 111.02 1.1l-2.1 1.95h12.59A.75.75 0 0118 10z\" clip-rule=\"evenodd\" \/>\n            <\/svg>\n            <div class=\"tw-hidden sm:tw-inline-block\">\n                Previous            <\/div>\n        <\/a>\n    <\/div>\n    <div class=\"tw-flex\">\n                                    <a href=\"#\" \n                                            id=\"current-page\"\n                        class=\"tw-inline-flex tw-items-center tw-border-t-2 tw-px-4 tw-pt-4 tw-text-sm tw-font-medium tw-border-solid tw-border-econoky-blue-light tw-text-econoky-blue-light\"\n                                        x-on:click=\"getHTMLPage(tab, 1, true )\">\n                    1                <\/a>\n                        <\/div>\n    <div class=\"-mt-px tw-flex tw-w-0 tw-flex-1 tw-justify-end\">\n        <a href=\"#\" x-on:click=\"getHTMLPage(tab, 'next', true )\" \n        :class=\"current_page >= total_pages ? 'econoky-anchor-disabled' : ''\" class=\"tw-inline-flex tw-items-center tw-border-t-2 tw-border-transparent tw-pl-1 tw-pt-4 tw-text-sm tw-font-medium tw-text-gray-500 hover:tw-border-gray-300 hover:tw-text-gray-700\">\n        <div class=\"tw-hidden sm:tw-inline-block\">\n            Next        <\/div>\n        <svg class=\"tw-ml-3 tw-h-5 tw-w-5 tw-text-gray-400\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path fill-rule=\"evenodd\" d=\"M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0 111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0 11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z\" clip-rule=\"evenodd\" \/>\n        <\/svg>\n        <\/a>\n    <\/div>\n<\/nav>\n<\/div>\n    <\/div>\n\n    <div x-transition:enter=\"tw-ease-in-out tw-duration-500\" \n        x-transition:enter-start=\"tw-opacity-0\" \n        x-transition:enter-end=\"tw-opacity-100\" \n        x-cloak\n        x-show=\"showModal && tab === 'assets-liabilities'\" @toggle-modal-assets-liabilities.window=\"showModal = !showModal\"\n        class=\"tw-fixed tw-z-1000\" aria-labelledby=\"modal-title\" role=\"dialog\" aria-modal=\"true\">\n        <div @click=\"showModal = false\" class=\"tw-fixed tw-inset-0 tw-bg-gray-500 tw-bg-opacity-75 tw-transition-opacity\" aria-hidden=\"true\">\n        <\/div>\n        <div class=\"tw-fixed tw-inset-0 tw-z-10 tw-w-screen tw-overflow-y-auto\">\n            <div class=\"tw-flex tw-min-h-full tw-items-center tw-justify-center tw-p-4 tw-pt-8 sm:tw-pt-4 tw-text-center sm:tw-items-center sm:tw-p-0\">\n                <div id=\"modalAssets\" x-data=\"{financialType: 'asset'}\" class=\"tw-relative tw-transform tw-overflow-y-auto tw-rounded-lg tw-bg-white tw-text-left tw-shadow-xl tw-max-h-full-reboot tw-min-w-full sm:tw-my-8 lg:tw-min-w-min lg:tw-w-[90%] lg:tw-max-w-[90%] xl:tw-max-w-[75%] tw-p-10 tw-flex tw-flex-col tw-justify-between tw-gap-y-3 sm:tw-gap-y-6\">\n                    <p class=\"tw-mt-1 tw-text-l sm:tw-text-2xl tw-font-medium tw-leading-6 tw-text-econoky-purple\">\n                            New entry - Assets &amp; Liabilities                    <\/p>\n                    <div class=\"tw-grid tw-grid-cols-1 tw-gap-x-6 tw-gap-y-3 sm:tw-grid-cols-6\">\n                        <div id=\"name\" class=\"sm:tw-col-span-3\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Name<\/label>\n                            <div class=\"mt-2\">\n                                <input id=\"data\" name=\"name\" type=\"text\" value=\"\" x-on:change.debounce.100ms=\"validateAssetsLiabilitiesData('modalAssets', '#name')\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 econoky-input-normal tw-shadow-sm tw-ring-1 tw-ring-inset placeholder:tw-text-gray-400 focus:tw-ring-2 focus:tw-ring-inset sm:tw-text-sm sm:tw-leading-6\" placeholder=\"Name\">\n                            <\/div>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n                        <div id=\"financial_type\" class=\"sm:tw-col-span-1\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Type<\/label>\n                            <select x-model=\"financialType\" id=\"data\" name=\"financial_type\" x-on:change.debounce.100ms=\"validateAssetsLiabilitiesData('modalAssets', '#financial_type_detail', financialType);validateAssetsLiabilitiesData('modalAssets', '#variation_type', financialType);validateAssetsLiabilitiesData('modalAssets', '#variation_value', financialType)\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-3 tw-pr-10 econoky-select tw-ring-1 tw-ring-inset focus:tw-ring-2 sm:tw-text-sm sm:tw-leading-6\">\n                                                                    <option value=\"asset\">Asset<\/option>\n                                                                    <option value=\"liability\">Liability<\/option>\n                                                            <\/select>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n                        <div id=\"financial_type_detail\" class=\"sm:tw-col-span-1\" :class=\"financialType === 'asset'? 'custom-select' : 'tw-hidden'\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Category<\/label>\n                            <select id=\"data\" name=\"financial_type_detail\" \n                                x-on:change=\"validateAssetsLiabilitiesData('modalAssets', '#financial_type_detail', financialType)\" \n                                class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-3 tw-pr-10 econoky-select tw-ring-1 tw-ring-inset focus:tw-ring-2 sm:tw-text-sm sm:tw-leading-6\">\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"property_appraisal\">Property appraisal<\/option>\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"vehicle_appraisal\">Vehicle appraisal<\/option>\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"cash_in_bank\">L\u00edquido en bancos<\/option>\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"cash_at_home\">Cash at home<\/option>\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"investment_fund_value\">Investment fund value<\/option>\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"precious_metals_value\">Precious metals value<\/option>\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"stock_value\">Stock value<\/option>\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"pension_plan_value\">Pension plan value<\/option>\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"roboadvisor\">Roboadvisor<\/option>\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"wealth_management_firm\">Wealth management firm<\/option>\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"insurance_plan\">Insurance plan<\/option>\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"cryptocurrency\">Cryptocurrency<\/option>\n                                                                    <option x-show=\"financialType === 'asset'\" value=\"other_assets\">Other assets<\/option>\n                                                            <\/select>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n                        <div id=\"financial_type_detail\" class=\"sm:tw-col-span-1\" :class=\"financialType === 'liability'? 'custom-select' : 'tw-hidden'\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Category<\/label>\n                            <select id=\"data\" name=\"financial_type_detail\" \n                                x-on:change.debounce.100ms=\"validateAssetsLiabilitiesData('modalAssets', '#financial_type_detail', financialType)\" \n                                class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-3 tw-pr-10 econoky-select tw-ring-1 tw-ring-inset focus:tw-ring-2 sm:tw-text-sm sm:tw-leading-6\">\n                                                                    <option x-show=\"financialType === 'liability'\" value=\"mortgage\">Mortgage<\/option>\n                                                                    <option x-show=\"financialType === 'liability'\" value=\"vehicle_loan\">Vehicle loan<\/option>\n                                                                    <option x-show=\"financialType === 'liability'\" value=\"student_loan\">Student loan<\/option>\n                                                                    <option x-show=\"financialType === 'liability'\" value=\"personal_loan\">Personal loan<\/option>\n                                                                    <option x-show=\"financialType === 'liability'\" value=\"other_liabilities\">Other liabilities<\/option>\n                                                            <\/select>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n                        <div id=\"value\" class=\"sm:tw-col-span-1\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Amount<\/label>\n                            <div class=\"tw-relative mt-2\">\n                                <div class=\"tw-pointer-events-none tw-absolute tw-inset-y-0 tw-left-0 tw-flex tw-items-center tw-pl-3\">\n                                    <span class=\"tw-text-gray-500 sm:tw-text-sm\">\u20ac<\/span>\n                                <\/div>\n                                <input id=\"data\" name=\"value\" type=\"text\" value=\"\" x-on:change.debounce.100ms=\"validateAssetsLiabilitiesData('modalAssets', '#value')\" inputmode=\"decimal\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-7 tw-pr-12 econoky-input-normal tw-shadow-sm tw-ring-1 tw-ring-inset placeholder:tw-text-gray-400 focus:tw-ring-2 focus:tw-ring-inset sm:tw-text-sm sm:tw-leading-6\" placeholder=\"0.00\">\n                                <div class=\"tw-pointer-events-none tw-absolute tw-inset-y-0 tw-right-0 flex tw-items-center tw-pr-3\">\n                                    <span class=\"tw-text-gray-500 sm:tw-text-sm\" id=\"price-currency\">EUR<\/span>\n                                <\/div>\n                            <\/div>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>                        \n                    <\/div>\n                    <div x-data=\"{ variation: true }\" class=\"tw-grid tw-gap-x-6 tw-gap-y-3 tw-grid-cols-1 sm:tw-grid-cols-2 lg:tw-grid-cols-4\">\n                        <div id=\"variation_value\" class=\"tw-col-span-1\">\n                            <div class=\"tw-col-span-2 tw-flex tw-items-center sm:tw-mt-8\">\n                                <button @click=\"variation = !variation\" type=\"button\" class=\"tw-relative tw-inline-flex tw-h-6 tw-w-11 tw-flex-shrink-0 tw-cursor-pointer tw-rounded-full tw-border-2 tw-border-transparent tw-transition-colors tw-duration-200 tw-ease-in-out focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-indigo-600 focus:tw-ring-offset-2\" role=\"switch\" aria-checked=\"false\" aria-labelledby=\"annual-billing-label\"\n                                        :class=\"variation? 'tw-bg-indigo-600': 'tw-bg-gray-200'\">\n                                    <span aria-hidden=\"true\" class=\"tw-pointer-events-none tw-inline-block tw-h-5 tw-w-5 tw-translate-x-0 tw-transform tw-rounded-full tw-bg-white tw-shadow tw-ring-0 tw-transition tw-duration-200 tw-ease-in-out\"\n                                        :class=\"variation? 'tw-translate-x-5': 'tw-translate-x-0'\"><\/span>\n                                <\/button>\n                                <span class=\"tw-ml-3 tw-text-sm\" id=\"annual-billing-label\">\n                                    <span class=\"tw-font-medium tw-text-gray-900\">Temporary variation<\/span>\n                                <\/span>\n                            <\/div>\n                            <label x-show=\"financialType == 'asset'\" for=\"data\" class=\"tw-block econoky-label tw-mt-3 sm:tw-mt-[33px]\">Percentage<\/label>\n                            <label x-show=\"financialType == 'liability'\" for=\"data\" class=\"tw-block econoky-label tw-mt-3 sm:tw-mt-[33px]\">Mortgage term<\/label>\n                            <div class=\"tw-relative mt-2\">\n                                <input :disabled=\"!variation\" id=\"data\" name=\"variation_value\" x-on:change.debounce.100ms=\"validateAssetsLiabilitiesData('modalAssets', '#variation_value', financialType)\" type=\"text\" inputmode=\"decimal\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pr-7 econoky-input-normal tw-shadow-sm tw-ring-1 tw-ring-inset placeholder:tw-text-gray-400 focus:tw-ring-2 focus:tw-ring-inset sm:tw-text-sm sm:tw-leading-6\" placeholder=\"0.00\">\n                                <div class=\"tw-pointer-events-none tw-absolute tw-inset-y-0 tw-right-0 flex tw-items-center tw-pr-3\">\n                                    <span x-show=\"financialType == 'asset'\" class=\"tw-text-gray-500 sm:tw-text-sm\" id=\"percentage\">%<\/span>\n                                <\/div>\n                            <\/div>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n                        <div class=\"tw-col-span-1\">\n                            <div id=\"variation_type\" :class=\"financialType === 'asset'? 'custom-select' : 'tw-hidden'\">\n                                <label for=\"data\" class=\"tw-block econoky-label\">Variation type<\/label>\n                                <select :disabled=\"!variation\" id=\"data\" name=\"variation_type\" x-on:change.debounce.100ms=\"validateAssetsLiabilitiesData('modalAssets', '#variation_type', financialType)\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-3 tw-pr-10 econoky-select tw-ring-1 tw-ring-inset focus:tw-ring-2 sm:tw-text-sm sm:tw-leading-6\">\n                                    <option disabled value=\"\">--<\/option>\n                                                                            <option x-show=\"financialType == 'asset'\" value=\"monthly\">Monthly<\/option>\n                                                                            <option x-show=\"financialType == 'asset'\" value=\"annual\">Annual<\/option>\n                                                                    <\/select>\n                                <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                            <\/div>\n                            <div id=\"variation_type\" :class=\"financialType === 'liability'? 'custom-select' : 'tw-hidden'\">\n                                <label for=\"data\" class=\"tw-block econoky-label\">Variation type<\/label>\n                                <select :disabled=\"!variation\" id=\"data\" name=\"variation_type\" x-on:change.debounce.100ms=\"validateAssetsLiabilitiesData('modalAssets', '#variation_type', financialType)\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-3 tw-pr-10 econoky-select tw-ring-1 tw-ring-inset focus:tw-ring-2 sm:tw-text-sm sm:tw-leading-6\">\n                                    <option disabled value=\"\">--<\/option>\n                                                                            <option x-show=\"financialType == 'liability'\" value=\"term\">By term<\/option>\n                                                                    <\/select>\n                                <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                            <\/div>\n                            <div id=\"variation_contribution\">\n                                <label for=\"data\" class=\"tw-block econoky-label tw-mt-3 sm:tw-mt-5\">Contribution<\/label>\n                                <div class=\"tw-relative mt-2\">\n                                    <div class=\"tw-pointer-events-none tw-absolute tw-inset-y-0 tw-left-0 tw-flex tw-items-center tw-pl-3\">\n                                        <span class=\"tw-text-gray-500 sm:tw-text-sm\">\u20ac<\/span>\n                                    <\/div>\n                                    <input :disabled=\"!variation || financialType === 'liability'\" id=\"data\" name=\"variation_contribution\" type=\"text\" x-on:change.debounce.100ms=\"validateAssetsLiabilitiesData('modalAssets', '#variation_contribution')\" inputmode=\"decimal\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 tw-pl-7 tw-pr-12 econoky-input-normal tw-shadow-sm tw-ring-1 tw-ring-inset placeholder:tw-text-gray-400 focus:tw-ring-2 focus:tw-ring-inset sm:tw-text-sm sm:tw-leading-6\" placeholder=\"0.00\">\n                                    <div class=\"tw-pointer-events-none tw-absolute tw-inset-y-0 tw-right-0 flex tw-items-center tw-pr-3\">\n                                        <span class=\"tw-text-gray-500 sm:tw-text-sm\" id=\"price-currency\">EUR<\/span>\n                                    <\/div>\n                                <\/div>                                        \n                                <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                            <\/div>\n                        <\/div>\n                                <!-- <div class=\"tw-col-span-2\">\n                                    <label for=\"start-date\" class=\"tw-block econoky-label\">Fecha Inicio<\/label>\n                                    <div class=\"mt-2\">\n                                        <input id=\"start-date\" name=\"start-date\" type=\"date\" inputmode=\"numeric\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 econoky-input-normal tw-shadow-sm tw-ring-1 tw-ring-inset placeholder:tw-text-gray-400 focus:tw-ring-2 focus:tw-ring-inset sm:tw-text-sm sm:tw-leading-6\" placeholder=\"0.00\">\n                                    <\/div>\n                                    <label for=\"end-date\" class=\"tw-block econoky-label tw-mt-5\">Fecha Fin<\/label>\n                                    <div class=\"mt-2\">\n                                        <input id=\"end-date\" name=\"end-date\" type=\"date\" inputmode=\"numeric\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 econoky-input-normal tw-shadow-sm tw-ring-1 tw-ring-inset placeholder:tw-text-gray-400 focus:tw-ring-2 focus:tw-ring-inset sm:tw-text-sm sm:tw-leading-6\" placeholder=\"0.00\">\n                                    <\/div>\n                                <\/div> -->\n                        <div id=\"comments\" class=\"tw-col-span-1 sm:tw-col-span-2 lg:tw-col-span-2\">\n                            <label for=\"data\" class=\"tw-block econoky-label\">Comments<\/label>\n                            <textarea id=\"data\" name=\"comments\" rows=\"5\" value=\"\" class=\"tw-block tw-w-full tw-rounded-md tw-border-0 tw-py-1.5 econoky-input-normal tw-shadow-sm tw-ring-1 tw-ring-inset placeholder:tw-text-gray-400 focus:tw-ring-2 focus:tw-ring-inset sm:tw-text-sm sm:tw-leading-6\" placeholder=\"Your comments here.\"><\/textarea>\n                            <p id=\"error_message\" class=\"tw-hidden econoky-input-validation-error-message-reboot\"><\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"tw-mt-5 sm:tw-mt-6 tw-relative tw-flex tw-justify-center tw-gap-x-6\">\n                        <button @click=\"showModal = false\" type=\"button\" class=\"tw-inline-flex econoky-button-auxiliary-leading-icon\">\n                            <span>Cancel<\/span>\n                        <\/button>\n                        <button id=\"create_button_assets\" type=\"button\" class=\"tw-inline-flex econoky-button-primary-outline\"\n                            @click=\"createAssetsLiabilities\">\n                            <span>Save<\/span>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div x-transition:enter=\"tw-ease-in-out tw-duration-500\" \n        x-transition:enter-start=\"tw-opacity-0\" \n        x-transition:enter-end=\"tw-opacity-100\" \n        x-cloak\n        x-show=\"showHistoryModal\" @toggle-modal-history.window=\"showHistoryModal = !showHistoryModal\"\n        class=\"tw-fixed tw-z-1000\" aria-labelledby=\"modal-title\" role=\"dialog\" aria-modal=\"true\">\n        <div @click=\"showHistoryModal = false\" class=\"tw-fixed tw-inset-0 tw-bg-gray-500 tw-bg-opacity-75 tw-transition-opacity\" aria-hidden=\"true\">\n        <\/div>\n        <div class=\"tw-fixed tw-inset-0 tw-z-10 tw-w-screen tw-overflow-y-auto\">\n            <div class=\"tw-flex tw-min-h-full tw-items-center tw-justify-center tw-p-4 tw-pt-8 sm:tw-pt-4 tw-text-center sm:tw-items-center sm:tw-p-0\">\n                <div id=\"modalHistory\" x-data=\"{financialType: 'asset'}\" class=\"tw-relative tw-transform tw-overflow-y-auto tw-rounded-lg tw-bg-white tw-text-left tw-shadow-xl tw-max-h-full-reboot tw-min-w-full sm:tw-my-8 lg:tw-min-w-min lg:tw-w-[90%] lg:tw-max-w-[90%] xl:tw-max-w-[75%] tw-p-10 tw-flex tw-flex-col tw-justify-between tw-gap-y-3 sm:tw-gap-y-6\">\n                    <p class=\"tw-mt-1 tw-text-l sm:tw-text-2xl tw-font-medium tw-leading-6 tw-text-econoky-purple\">\n                            History - Assets &amp; Liabilities                    <\/p>\n                    <div id=\"modal-history\"><\/div>\n                    <div class=\"tw-mt-5 sm:tw-mt-6 tw-relative tw-flex tw-justify-center tw-gap-x-6\">\n                        <button @click=\"showHistoryModal = false\" type=\"button\" class=\"tw-inline-flex econoky-button-secondary\">\n                            <span>Close<\/span>\n                        <\/button>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n        <\/div>\n\n        <div id=\"loadingModal\"\n            class=\"tw-hidden tw-fixed tw-inset-0 tw-items-center tw-justify-center tw-bg-gray-900 tw-bg-opacity-60 tw-z-10000\">\n            <div class=\"tw-flex tw-flex-col tw-items-center\">\n                <svg class=\"tw-animate-spin-slower tw-h-12 tw-w-12 tw-text-white tw-mr-3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n                    <circle class=\"tw-opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                    <path class=\"tw-opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                <\/svg>\n                <span class=\"tw-text-white tw-text-lg tw-mt-2\">Loading... Wait a moment<\/span>\n            <\/div>\n        <\/div>\n\n        <div aria-live=\"assertive\"\n            class=\"tw-pointer-events-none tw-fixed tw-inset-0 tw-flex tw-flex-col-reverse tw-space-y-reverse tw-space-y-4 tw-items-end tw-px-4 tw-py-6 tw-z-10000 sm:tw-items-start sm:tw-p-6 sm:tw-mt-20\">\n            \n            <div id=\"success-toast\" x-show=\"show_success_toast\" @toggle-success-toast.window=\"show_success_toast = $event.detail\"\n                x-transition:enter=\"tw-transform tw-ease-out tw-duration-300 tw-transition\" \n                x-transition:enter-start=\"tw-translate-y-52 tw-opacity-0 sm:tw-translate-y-0 sm:tw-translate-x-52\" \n                x-transition:enter-end=\"tw-translate-y-0 tw-opacity-100 sm:tw-translate-x-0\" \n                x-transition:leave=\"tw-transition tw-ease-in tw-duration-100\" \n                x-transition:leave-start=\"tw-opacity-100\" \n                x-transition:leave-end=\"tw-opacity-0\"\n                x-cloak\n                class=\"tw-flex tw-w-full tw-flex-col tw-items-center tw-space-y-4 sm:tw-items-end\">\n                <div class=\"tw-pointer-events-auto tw-w-full tw-max-w-sm tw-overflow-hidden tw-rounded-lg tw-bg-green-50 tw-shadow-lg tw-ring-1 tw-ring-black tw-ring-opacity-5\">\n                <div class=\"tw-p-4\">\n                    <div class=\"tw-flex tw-items-center\">\n                    <div class=\"tw-flex-shrink-0 tw-ml-1.5\">\n                        <svg class=\"tw-h-5 tw-w-5 tw-text-green-400\" fill=\"currentColor\" viewBox=\"0 0 512 512\" stroke-width=\"1.5\" aria-hidden=\"true\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M437.016,74.984c-99.979-99.979-262.075-99.979-362.033,0.002c-99.978,99.978-99.978,262.073,0.004,362.031 c99.954,99.978,262.05,99.978,362.029-0.002C536.995,337.059,536.995,174.964,437.016,74.984z M406.848,406.844 c-83.318,83.318-218.396,83.318-301.691,0.004c-83.318-83.299-83.318-218.377-0.002-301.693 c83.297-83.317,218.375-83.317,301.691,0S490.162,323.549,406.848,406.844z\"><\/path>\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M368.911,155.586L234.663,289.834l-70.248-70.248c-8.331-8.331-21.839-8.331-30.17,0s-8.331,21.839,0,30.17 l85.333,85.333c8.331,8.331,21.839,8.331,30.17,0l149.333-149.333c8.331-8.331,8.331-21.839,0-30.17 S377.242,147.255,368.911,155.586z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"tw-ml-3 tw-w-0 tw-flex-1\">\n                        <p id=\"toast-text\" class=\"tw-text-sm tw-font-medium tw-text-green-800\"><\/p>\n                    <\/div>\n                    <div class=\"tw-ml-4 tw-flex tw-flex-shrink-0\">\n                        <button type=\"button\" @click=\"show_success_toast = false\" class=\"tw-inline-flex tw-rounded-md tw-p-1.5 tw-bg-green-50 tw-text-green-500 hover:tw-text-green-500 tw-border-none hover:tw-bg-green-100 focus:tw-outline-none\">\n                        <span class=\"tw-sr-only\">Close<\/span>\n                        <svg class=\"tw-h-5 tw-w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n                            <path d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" \/>\n                        <\/svg>\n                        <\/button>\n                    <\/div>\n                    <\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"error-toast\" x-show=\"show_error_toast\" @toggle-error-toast.window=\"show_error_toast = $event.detail\"\n                x-transition:enter=\"tw-transform tw-ease-out tw-duration-300 tw-transition\" \n                x-transition:enter-start=\"tw-translate-y-52 tw-opacity-0 sm:tw-translate-y-0 sm:tw-translate-x-52\" \n                x-transition:enter-end=\"tw-translate-y-0 tw-opacity-100 sm:tw-translate-x-0\" \n                x-transition:leave=\"tw-transition tw-ease-in tw-duration-100\" \n                x-transition:leave-start=\"tw-opacity-100\" \n                x-transition:leave-end=\"tw-opacity-0\"\n                x-cloak\n                class=\"tw-flex tw-w-full tw-flex-col tw-items-center tw-space-y-4 sm:tw-items-end\">\n                <div class=\"tw-pointer-events-auto tw-w-full tw-max-w-sm tw-overflow-hidden tw-rounded-lg tw-bg-red-50 tw-shadow-lg tw-ring-1 tw-ring-black tw-ring-opacity-5\">\n                <div class=\"tw-p-4\">\n                    <div class=\"tw-flex tw-items-center\">\n                    <div class=\"tw-flex-shrink-0 tw-ml-1.5\">\n                        <svg class=\"tw-h-5 tw-w-5 tw-text-red-400\" fill=\"currentColor\" viewBox=\"0 0 512 512\" stroke-width=\"1.5\" aria-hidden=\"true\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M437.016,74.984c-99.979-99.979-262.075-99.979-362.033,0.002c-99.978,99.978-99.978,262.073,0.004,362.031 c99.954,99.978,262.05,99.978,362.029-0.002C536.995,337.059,536.995,174.964,437.016,74.984z M406.848,406.844 c-83.318,83.318-218.396,83.318-301.691,0.004c-83.318-83.299-83.318-218.377-0.002-301.693 c83.297-83.317,218.375-83.317,301.691,0S490.162,323.549,406.848,406.844z\"><\/path>\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M361.592,150.408c-8.331-8.331-21.839-8.331-30.17,0l-75.425,75.425l-75.425-75.425c-8.331-8.331-21.839-8.331-30.17,0 s-8.331,21.839,0,30.17l75.425,75.425L150.43,331.4c-8.331,8.331-8.331,21.839,0,30.17c8.331,8.331,21.839,8.331,30.17,0 l75.397-75.397l75.419,75.419c8.331,8.331,21.839,8.331,30.17,0c8.331-8.331,8.331-21.839,0-30.17l-75.419-75.419l75.425-75.425 C369.923,172.247,369.923,158.74,361.592,150.408z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"tw-ml-3 tw-w-0 tw-flex-1\">\n                        <p id=\"toast-text\" class=\"tw-text-sm tw-font-medium tw-text-red-800\"><\/p>\n                    <\/div>\n                    <div class=\"tw-ml-4 tw-flex tw-flex-shrink-0\">\n                        <button type=\"button\" @click=\"show_error_toast = false\" class=\"tw-inline-flex tw-rounded-md tw-p-1.5 tw-bg-red-50 tw-text-red-500 hover:tw-text-red-500 tw-border-none hover:tw-bg-red-100 focus:tw-outline-none\">\n                        <span class=\"tw-sr-only\">Close<\/span>\n                        <svg class=\"tw-h-5 tw-w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n                            <path d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" \/>\n                        <\/svg>\n                        <\/button>\n                    <\/div>\n                    <\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <div x-show=\"!allowAccess\"\n            x-cloak\n            id=\"accessNotAllowed\"\n            class=\"tw-fixed tw-flex tw-inset-0 tw-items-center tw-justify-center tw-bg-gray-400 tw-bg-opacity-20 tw-backdrop-blur-sm tw-overflow-hidden tw-overscroll-none tw-z-100\">\n            <div class=\"tw-flex tw-flex-col tw-items-center\">\n                <span class=\"tw-text-gray-900 tw-font-semibold tw-text-lg tw-mt-2\">This content is exclusive to Pro users.<\/span>\n                <div class=\"tw-flex tw-items-center tw-justify-center tw-gap-3 tw-w-full\">\n                    <button class=\"econoky-button-primary-default econoky-button-primary-enabled tw-mt-3 tw-flex-grow tw-w-2\/5 tw-text-center tw-max-w-full\"\n                        x-on:click=\"onClickSubscribe('https:\/\/econoky.com\/en\/planes-y-precios\/')\">\n                        Subscribe now                    <\/button>\n                    <button class=\"econoky-button-primary-outline tw-mt-3 tw-flex-grow tw-w-2\/5 tw-text-center tw-max-w-full\"\n                        x-on:click=\"onClickBack()\">\n                        Back                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    function tabManager() {\n        return {\n            tab: 'income-expenses',\n            initialize() {\n                const savedTab = sessionStorage.getItem('selectedTab');\n                if (savedTab) {\n                    this.tab = savedTab;\n                }\n            },\n            selectTab(value) {\n                this.tab = value;\n                sessionStorage.setItem('selectedTab', value);\n            }\n        };\n    }\n<\/script>\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","footnotes":""},"class_list":["post-1001","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/pages\/1001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/comments?post=1001"}],"version-history":[{"count":0,"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/pages\/1001\/revisions"}],"wp:attachment":[{"href":"https:\/\/econoky.com\/en\/wp-json\/wp\/v2\/media?parent=1001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}