import gradio as gr

def render_about_tab():
with gr.TabItem("🤝 Support Us"):

# def create_tool_section(tool_name, korean_description, english_description):
# with gr.Accordion(tool_name, open=False):
# with gr.Accordion("한국어", open=False):
# gr.Markdown(korean_description)
# with gr.Accordion("English", open=False):
# gr.Markdown(english_description)

# # Portfolio Rebalancing Tool Section
# create_tool_section(
# "RE-BALANCING CALCULATOR",
# """
# ## 📊 리밸런싱 계산기

# 이 도구는 주어진 주식 보유량, 현금 금액 및 현금 비율을 바탕으로 포트폴리오를 분석하고 재조정합니다.

# ### 입력값

# - **주식 보유량 (holdings)**: 각 주식의 코드, 통화 코드, 수량, 목표 비율을 입력합니다. 여러 주식 종목은 쉼표로 구분하여 입력합니다. 예: `AAPL USD 10 0.30,TSLA USD 5 0.20`
# - **현금 금액 (cash_amount)**: 포트폴리오에 포함된 현금의 금액입니다. 예: `1000`
# - **현금 비율 (cash_ratio)**: 포트폴리오에서 현금이 차지하는 비율입니다. 예: `10` (10%)

# ### 기능

# 1. **입력 파싱**: 주식 보유량, 현금 금액 및 비율을 분석하여 각 주식의 목표 비율을 계산합니다.
# 2. **환율 조회**: 각 주식의 통화 코드와 메인 통화 간의 환율을 조회하여 주식 가격을 변환합니다.
# 3. **포트폴리오 구축**: 주식과 현금 정보를 바탕으로 포트폴리오를 구축합니다.
# 4. **포트폴리오 재조정 정보 제공**: 현재 포트폴리오의 가치와 목표 비율을 비교하여 재조정 필요성을 분석합니다.
# - **현재 보유량 및 가치**: 각 주식 및 현금의 현재 보유량과 가치를 계산합니다.
# - **재조정 항목**: 목표 비율에 맞추기 위해 매수 또는 매도해야 할 주식 수량과 금액을 계산합니다.
# - **통화별 요약**: 포트폴리오의 통화별 분포를 요약합니다.

# ### 결과

# - **포트폴리오 정보**: 현재 포트폴리오의 총 가치 및 현금 정보를 포함한 HTML 코드입니다.
# - **현재 보유량 및 가치**: 각 주식의 현재 비율 및 가치에 대한 정보입니다.
# - **재조정 분석**: 주식의 매수/매도 조정이 필요한 항목 및 금액에 대한 상세 분석입니다.
# - **통화별 요약**: 포트폴리오의 통화별 비율 및 총 가치를 요약한 정보입니다.

# 이 도구를 통해 포트폴리오를 효율적으로 재조정하고, 주식 및 현금의 비율을 최적화할 수 있습니다! 📈💼

# ### 중요 사항
# - 주식 코드와 통화 코드가 유효한지 확인하세요.
# - 이 도구는 주가와 환율의 실시간 데이터를 사용하므로 인터넷 연결이 필요합니다.
# - Yahoo Finance 및 FinanceDataReader의 데이터를 사용합니다.

# ### 면책 조항
# 이 도구에서 제공하는 정보는 일반적인 정보 제공 목적만을 위해 제공됩니다. 사이트의 모든 정보는 선의로 제공되지만, 사이트의 정보의 정확성, 적절성, 유효성, 신뢰성, 가용성 또는 완전성에 대해 명시적이든 묵시적이든 어떠한 종류의 진술이나 보증을 하지 않습니다. 사이트의 사용과 사이트의 정보를 신뢰하는 것은 전적으로 사용자의 책임입니다.
# """,
# """
# ## 📊 RE-BALANCING CALCULATOR

# This tool analyzes and rebalances a portfolio based on given stock holdings, cash amount, and cash ratio.

# ### Input Values

# - **Stock Holdings (holdings)**: Enter the stock code, currency code, quantity, and target weight for each stock. Separate multiple stocks with commas. Example: `AAPL USD 10 0.30,TSLA USD 5 0.20`
# - **Cash Amount (cash_amount)**: The amount of cash in the portfolio. Example: `1000`
# - **Cash Ratio (cash_ratio)**: The proportion of cash in the portfolio. Example: `10` (10%)

# ### Functionality

# 1. **Parse Input**: Analyzes stock holdings, cash amount, and ratio to calculate the target weights for each stock.
# 2. **Exchange Rate Lookup**: Retrieves exchange rates between each stock's currency code and the main currency to convert stock prices.
# 3. **Build Portfolio**: Constructs the portfolio based on stock and cash information.
# 4. **Get Portfolio Rebalancing Information**: Compares the current portfolio value and target weights to analyze rebalancing needs.
# - **Current Holdings and Value**: Calculates the current holdings and value of each stock and cash.
# - **Rebalancing Items**: Calculates the quantities and amounts of stocks to buy or sell to meet target weights.
# - **Currency Summary**: Summarizes the portfolio's distribution by currency.

# ### Results

# - **Portfolio Information**: HTML code containing the total value of the current portfolio and cash information.
# - **Current Holdings and Value**: Information on the current weights and values of each stock.
# - **Rebalancing Analysis**: Detailed analysis of the adjustments needed to buy/sell stocks to meet target weights.
# - **Currency Summary**: Summary of portfolio distribution by currency, including total value.

# Use this tool to efficiently rebalance your portfolio and optimize the ratio of stocks and cash! 📈💼

# ### Important Notes
# - Ensure stock codes and currency codes are valid.
# - This tool requires an internet connection as it uses real-time stock prices and exchange rates.
# - Data is sourced from Yahoo Finance and FinanceDataReader.

# ### Disclaimer
# The information provided by this tool is for general informational purposes only. All information on the site is provided in good faith, but we make no representation or warranty of any kind, express or implied, regarding the accuracy, adequacy, validity, reliability, availability, or completeness of any information on the site. Your use of the site and reliance on any information on the site is solely at your own risk.
# """
# )

# # Stock Comparison Tool Section
# create_tool_section(
# "STOCK PRICE TREND VISUALIZATION",
# """
# ## 📈 주식 가격 추세 시각화

# 이 코드는 주어진 주식 코드들의 가격 추세를 시각화합니다. 여러 주식의 가격을 추적하고 비교하기 위해 사용됩니다. 📊

# ### 입력값

# - **주식 코드 (stock_codes)**: 가격을 추적할 주식의 코드들입니다. 쉼표로 구분된 문자열 형식으로 입력합니다. 예: `AAPL,GOOGL,MSFT`
# - **일수 (days)**: 가격을 조회할 기간입니다. 예: `30` (최근 30일)

# ### 기능

# 1. **주식 가격 데이터 가져오기**: 주어진 주식 코드와 기간에 대해 주식 가격 데이터를 가져옵니다.
# 2. **가격 변동 시각화**: 각 주식의 가격 변동을 시각화하여 비교할 수 있는 그래프를 생성합니다.
# - **상대 가격**: 각 주식의 가격을 처음 가격에 대해 상대적으로 변동을 보여줍니다.
# - **스타일**: 그래프에는 색상 그라디언트와 그림자 효과가 적용됩니다.
# - **애니메이션**: 선의 애니메이션 효과가 추가되어 시각적으로 더욱 매력적입니다.
# 3. **데이터 테이블 생성**: 각 날짜와 주식의 가격을 포함한 HTML 테이블을 생성합니다.

# ### 결과

# - **그래프**: 최근 `days` 일 동안의 상대 주식 가격 추세를 보여주는 그래프입니다.
# - **데이터 테이블**: 날짜별로 각 주식의 가격을 포함하는 HTML 테이블입니다.

# ### 사용 예제

# 주식 코드와 기간을 입력하면, 다음과 같은 결과를 얻을 수 있습니다:

# - **주식 코드**: `AAPL,GOOGL,MSFT`
# - **일수**: `30`

# 결과는 최근 30일 동안의 주식 가격 변동을 보여주는 그래프와 데이터 테이블이 포함됩니다.

# 이 도구를 통해 주식 가격의 변동 추세를 한눈에 확인하고 분석할 수 있습니다! 📈💡

# ### 중요 사항
# - 주식 코드가 유효한지 확인하세요.
# - 이 도구는 주가의 실시간 데이터를 사용하므로 인터넷 연결이 필요합니다.
# - Yahoo Finance 및 FinanceDataReader의 데이터를 사용합니다.

# This script visualizes the price trends of given stock codes over a specified period. It allows you to track and compare the price movements of multiple stocks. 📊

# ### Input Values

# - **Stock Codes (stock_codes)**: The codes of the stocks you want to track. Enter them as a comma-separated string. Example: `AAPL,GOOGL,MSFT`
# - **Days (days)**: The period for which you want to fetch the price data. Example: `30` (last 30 days)

# ### Functionality

# 1. **Fetch Stock Price Data**: Retrieves stock price data for the given stock codes and period.
# 2. **Visualize Price Trends**: Creates a graph to visualize and compare the price trends of each stock.
# - **Relative Price**: Shows each stock's price relative to its initial price.
# - **Style**: The graph includes color gradients and shadow effects.
# - **Animation**: Line animation effects are added for visual appeal.
# 3. **Generate Data Table**: Creates an HTML table with the price data for each stock and date.

# ### Results

# - **Graph**: A graph showing the relative stock price trends over the last `days` days.
# - **Data Table**: An HTML table displaying the prices of each stock by date.

# ### Example Usage

# Given stock codes and days, you can obtain results such as:

# - **Stock Codes**: `AAPL,GOOGL,MSFT`
# - **Days**: `30`

# The result will include a graph showing the price trends over the last 30 days and an HTML table with the price data.

# Use this tool to easily analyze and visualize stock price movements! 📈💡

# ### Important Notes
# - Ensure stock codes are valid.
# - This tool requires an internet connection as it uses real-time stock prices.
# - Data is sourced from Yahoo Finance and FinanceDataReader.

# # Cost Averaging Tool Section
# create_tool_section(
# "DOLLAR-COST AVERAGING CALCULATOR",
# """
# ## 💸 물타기 계산기

# 물타기(Dollar-Cost Averaging, DCA) 계산기를 이용해 보세요! 이 계산기는 특정 주식에 대한 추가 투자를 할 때 평균 구매 가격을 계산해줍니다. 📈

# ### 입력값 설정 📊

# 다음의 값을 입력해 주세요:

# - **이전 평균 가격 (old_avg_price)**: 기존 주식의 평균 가격 💵
# - **이전 수량 (old_quantity)**: 기존 주식의 수량 📦
# - **새 가격 (new_price)**: 새로 구매한 주식의 가격 💲
# - **새 수량 (new_quantity)**: 새로 구매한 주식의 수량 📈

# ### 계산 방법 🔢

# 1. **현재 투자 금액 계산**: 이전 평균 가격과 이전 수량을 곱하여 현재 투자 금액을 계산합니다.
# 2. **추가 투자 금액 계산**: 새 가격과 새 수량을 곱하여 추가 투자 금액을 계산합니다.
# 3. **총 투자 금액 및 총 주식 수 계산**: 현재 투자 금액과 추가 투자 금액을 합쳐서 총 투자 금액을 계산하고, 이전 수량과 새 수량을 더하여 총 주식 수를 계산합니다.
# 4. **새 평균 가격 계산**: 총 투자 금액을 총 주식 수로 나누어 새로운 평균 가격을 계산합니다.
# 5. **수익률 계산**: 이전과 새로운 수익률을 계산하여 투자 결과를 분석합니다.

# ### 결과 🎯

# **1) 이전 수익률 (Old Return)**

# 이전 평균 가격을 기준으로 한 수익률을 표시합니다.

# **2) 새로운 수익률 (New Return)**

# 새로운 평균 가격을 기준으로 한 수익률을 표시합니다.

# **3) 추가 투자 금액 (Additional Investment)**

# 추가로 투자한 금액을 표시합니다.

# **4) 새로운 평균 가격 (Average Price)**

# 새롭게 계산된 평균 가격을 표시합니다.

# **5) 총 수량 (Total Quantity)**

# 총 주식 수량을 표시합니다.

# **6) 총 투자 금액 (Total Investment)**

# 총 투자 금액을 표시합니다.

# ### 예제 📉

# - **이전 평균 가격**: 100
# - **이전 수량**: 10
# - **새 가격**: 120
# - **새 수량**: 5

# 결과:
# - 새로운 평균 가격: 105
# - 총 수량: 15
# - 총 투자 금액: 1,575
# - 이전 수익률: 20.00%
# - 새로운 수익률: 14.29%
# - 추가 투자 금액: 600

# 물타기 계산기를 통해 투자의 평균 구매 가격을 쉽게 계산해 보세요! 📊💰

# Try out the Dollar-Cost Averaging (DCA) calculator! This tool helps you calculate the average purchase price of stocks when making additional investments. 📈

# ### Input Values 📊

# Please enter the following details:

# - **Old Average Price (old_avg_price)**: The average price of the existing stocks 💵
# - **Old Quantity (old_quantity)**: The quantity of the existing stocks 📦
# - **New Price (new_price)**: The price of the newly purchased stocks 💲
# - **New Quantity (new_quantity)**: The quantity of the newly purchased stocks 📈

# ### Calculation Process 🔢

# 1. **Current Investment**: Calculate the current investment amount by multiplying the old average price by the old quantity.
# 2. **Additional Investment**: Calculate the additional investment amount by multiplying the new price by the new quantity.
# 3. **Total Investment and Total Quantity**: Add the current investment amount and additional investment amount to get the total investment. Sum the old quantity and new quantity to get the total quantity of stocks.
# 4. **New Average Price**: Calculate the new average price by dividing the total investment by the total quantity of stocks.
# 5. **Return Calculation**: Calculate the old and new returns to analyze the investment results.

# ### Results 🎯

# **1) Old Return**

# Displays the return based on the old average price.

# **2) New Return**

# Displays the return based on the new average price.

# **3) Additional Investment**

# Shows the amount of additional investment made.

# **4) Average Price**

# Displays the newly calculated average price.

# **5) Total Quantity**

# Shows the total quantity of stocks.

# **6) Total Investment**

# Displays the total investment amount.

# ### Example 📉

# - **Old Average Price**: 100
# - **Old Quantity**: 10
# - **New Price**: 120
# - **New Quantity**: 5

# Results:
# - New Average Price: 105
# - Total Quantity: 15
# - Total Investment: 1,575
# - Old Return: 20.00%
# - New Return: 14.29%
# - Additional Investment: 600

# Use the Dollar-Cost Averaging Calculator to easily compute the average purchase price of your investments! 📊💰

# # Retirement Planning Tool Section
# create_tool_section(
# "RETIREMENT PLANNING CALCULATOR",
# """
# ## 🏖️ 은퇴 계획 계산기 사용법

# 안녕하세요! 😊 은퇴 계획 계산기에 오신 것을 환영합니다. 이 도구는 여러분의 은퇴 후 재정 상황을 예측하고 준비하는 데 도움을 줄 거예요. 아래는 이 계산기의 작동 방식과 필요한 정보입니다.

# ### 1. 입력 값 📊

# 계산기에서 다음 정보를 입력해 주세요:

# - **현재 나이 (current_age)**: 현재 나이 🎂
# - **은퇴 나이 (retirement_age)**: 은퇴하고 싶은 나이 🎉
# - **평생 기대 수명 (life_expectancy)**: 예상되는 평생 수명 🌟
# - **월별 필요한 생활비 (monthly_income_required)**: 매월 필요한 생활비 💵
# - **인플레이션율 (inflation_rate)**: 물가 상승률 📈
# - **현재 투자액 (current_investment)**: 현재 보유한 투자액 💰
# - **월별 추가 투자액 (monthly_investment)**: 매월 추가로 투자할 금액 💸
# - **월 투자액의 연간 증가액 (annual_increase_in_monthly_investment)**: 매월 증가할 투자액(매년 월 적립식 투자금에서 늘려나갈 금액. (ex: 매년 10만원씩 늘릴 예정이라면, 100,000 입력)) 📈
# - **배당금 재투자 여부 (reinvest_dividends)**: 배당금을 재투자할지 여부 🔄
# - **은퇴 전 수익률 (pre_retirement_roi)**: 은퇴 전 예상 연 수익률 📊
# - **은퇴 전 배당 수익률 (pre_retirement_dividend_yield)**: 은퇴 전 배당금 수익률 📈
# - **은퇴 후 수익률 (post_retirement_roi)**: 은퇴 후 예상 연 수익률 🌿
# - **은퇴 후 배당 수익률 (post_retirement_dividend_yield)**: 은퇴 후 배당금 수익률 💵

# ### 2. 계산 과정 🔢

# **1) 은퇴 전 자산 계산**

# 현재 자산과 매월 추가 투자액을 고려해 은퇴 전 자산을 계산해요. 월별 수익률을 적용하여 자산이 어떻게 성장할지 예측합니다.

# **공식:**
# \[ \text{월간 수익률} = \left(1 + \frac{\text{연 수익률}}{100}\right)^{\frac{1}{12}} - 1 \]

# **2) 은퇴 후 자산 및 배당 수익 계산**

# 은퇴 시점의 자산과 배당 수익을 기록하고, 은퇴 후 매년 자산과 배당 수익을 업데이트합니다. 매년 필요한 생활비도 물가 상승률에 맞춰 조정합니다.

# **3) 추가 현금 필요량 계산**

# 배당 수익과 필요한 생활비를 비교하여 추가로 필요한 현금을 계산해요.

# **공식:**
# \[ \text{연간 필요한 생활비} = \text{월별 필요한 생활비} \times 12 \]
# \[ \text{추가 현금 필요량} = \text{연간 필요한 생활비} - \text{연간 배당 수익} \]

# ### 3. 결과 출력 📈

# 계산된 결과는 다음과 같은 형식으로 제공됩니다:

# - **은퇴 직후 필요한 생활비**와 **배당 수익**을 한눈에 볼 수 있어요.
# - 은퇴 후 매년 자산, 필요한 생활비, 배당 수익 등을 표로 확인할 수 있습니다.
# - 추가로 필요한 현금을 계산하여 총 필요 현금을 보여줍니다.

# ### 예제 🎁

# **입력 값 예시:**

# - 현재 나이: 40세
# - 은퇴 나이: 65세
# - 평생 기대 수명: 85세
# - 월별 필요한 생활비: 2,000,000 원
# - 인플레이션율: 2%
# - 현재 투자액: 50,000,000 원
# - 월별 추가 투자액: 500,000 원
# - 월별 투자 증가액: 50,000 원
# - 배당금 재투자 여부: 예
# - 은퇴 전 수익률: 5%
# - 은퇴 전 배당 수익률: 2%
# - 은퇴 후 수익률: 4%
# - 은퇴 후 배당 수익률: 2%

# **출력 결과:**

# - 은퇴 직후 월별 필요한 생활비: 2,000,000 원
# - 은퇴 직후 월별 배당 수익: 500,000 원
# - 총 추가 현금 필요량: 매년 추가로 필요한 금액

# **그래프와 CSV 파일 📉:**

# - 은퇴 계획을 시각적으로 보여주는 그래프와 계산 결과를 포함한 CSV 파일 다운로드 링크도 제공됩니다.

# 은퇴 계획 계산기를 통해 여러분의 재정 계획을 미리 준비하고, 안정적인 미래를 계획해보세요! 🌟💼

# Welcome to the Retirement Planning Calculator! 😊 This tool helps you forecast and prepare for your financial situation after retirement. Here’s how it works and what information you need to provide:

# ### 1. Input Values 📊

# Please provide the following details:

# - **Current Age (current_age)**: Your current age 🎂
# - **Retirement Age (retirement_age)**: Age at which you plan to retire 🎉
# - **Life Expectancy (life_expectancy)**: Expected lifespan 🌟
# - **Monthly Income Required (monthly_income_required)**: Monthly expenses needed 💵
# - **Inflation Rate (inflation_rate)**: Rate of inflation 📈
# - **Current Investment (current_investment)**: Amount currently invested 💰
# - **Monthly Investment (monthly_investment)**: Additional monthly investment 💸
# - **Annual Increase in Monthly Investment (annual_increase_in_monthly_investment)**: Increase in monthly investment (For example, if you plan to increase your monthly investment by $100,000 each year, enter 100,000.) 📈
# - **Reinvest Dividends (reinvest_dividends)**: Whether to reinvest dividends 🔄
# - **Pre-Retirement ROI (pre_retirement_roi)**: Expected annual return before retirement 📊
# - **Pre-Retirement Dividend Yield (pre_retirement_dividend_yield)**: Dividend yield before retirement 📈
# - **Post-Retirement ROI (post_retirement_roi)**: Expected annual return after retirement 🌿
# - **Post-Retirement Dividend Yield (post_retirement_dividend_yield)**: Dividend yield after retirement 💵

# ### 2. Calculation Process 🔢

# **1) Pre-Retirement Asset Calculation**

# The calculator uses your current assets and monthly contributions to forecast your asset growth before retirement. Monthly returns are applied to estimate how your assets will grow.

# **Formula:**
# \[ \text{Monthly Return} = \left(1 + \frac{\text{Annual ROI}}{100}\right)^{\frac{1}{12}} - 1 \]

# **2) Post-Retirement Asset and Dividend Income Calculation**

# The calculator tracks your assets and dividend income at retirement, then updates these figures annually. It also adjusts monthly income needs for inflation.

# **3) Additional Cash Needed Calculation**

# It compares dividend income with required income to determine if additional cash is needed.

# **Formula:**
# \[ \text{Annual Income Required} = \text{Monthly Income Required} \times 12 \]
# \[ \text{Additional Cash Required} = \text{Annual Income Required} - \text{Annual Dividend Income} \]

# ### 3. Results 📈

# The results are displayed as follows:

# - **Immediate Post-Retirement Income Needs** and **Dividend Income** for easy comparison.
# - Annual asset, required income, and dividend income details in a table.
# - Total additional cash required to cover any shortfall.

# ### Example 🎁

# **Example Input Values:**

# - Current Age: 40 years
# - Retirement Age: 65 years
# - Life Expectancy: 85 years
# - Monthly Income Required: $2,000
# - Inflation Rate: 2%
# - Current Investment: $50,000
# - Monthly Investment: $500
# - Monthly Increase in Investment: $50
# - Reinvest Dividends: Yes
# - Pre-Retirement ROI: 5%
# - Pre-Retirement Dividend Yield: 2%
# - Post-Retirement ROI: 4%
# - Post-Retirement Dividend Yield: 2%

# **Output Results:**

# - Monthly Income Required Immediately After Retirement: $2,000
# - Monthly Dividend Income Immediately After Retirement: $500
# - Total Additional Cash Required: Amount needed annually

# **Graph and CSV File 📉:**

# - Visual graphs of the retirement plan and a CSV file with detailed calculations are available for download.

# Use the Retirement Planning Calculator to prepare for your future and ensure a secure retirement! 🌟💼

If you find this tool useful and would like to support the development of such projects, please consider making a donation. Your support is greatly appreciated.

[![Donate with PayPal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=M8SBRC396DPBW)

Or, if you prefer, you can also support us through Toss at:

<a href="https://toss.me/eichijei" target="_blank">
<img src="https://static.toss.im/logos/png/1x/logo-toss.png" alt="Donate with Toss" style="width: 150px;">
</a>
""")