import React, { useState } from 'react';

 

const BahamasInvestmentTool = () => {

  // Investment form state

  const [investmentBudget, setInvestmentBudget] = useState('');

  const [primaryObjective, setPrimaryObjective] = useState('');

  const [investmentType, setInvestmentType] = useState('');

  const [timeHorizon, setTimeHorizon] = useState('');

  const [riskTolerance, setRiskTolerance] = useState('');

  const [additionalPreferences, setAdditionalPreferences] = useState('');

  const [isQualified, setIsQualified] = useState(false);

  const [showReport, setShowReport] = useState(false);

  

  // Handle budget input validation

  const handleBudgetChange = (e) => {

    const value = e.target.value.replace(/[^0-9]/g, '');

    setInvestmentBudget(value);

    

    // Check if investor is qualified (budget > $2M)

    if (value && parseInt(value) >= 2000000) {

      setIsQualified(true);

    } else {

      setIsQualified(false);

      setShowReport(false);

    }

  };

  

  // Generate report based on form inputs

  const handleSubmit = (e) => {

    e.preventDefault();

    

    if (isQualified && primaryObjective && investmentType && timeHorizon && riskTolerance) {

      setShowReport(true);

    } else if (isQualified) {

      alert("Please complete all required fields to generate your personalized investment analysis.");

    }

  };

  

  // Reset the form

  const handleReset = () => {

    setInvestmentBudget('');

    setPrimaryObjective('');

    setInvestmentType('');

    setTimeHorizon('');

    setRiskTolerance('');

    setAdditionalPreferences('');

    setIsQualified(false);

    setShowReport(false);

  };

  

  // Generate personalized investment recommendations

  const generateRecommendations = () => {

    const recommendations = [];

    

    // Real Estate recommendations

    if (investmentType === 'real_estate') {

      if (primaryObjective === 'capital_appreciation') {

        recommendations.push({

          title: "Nassau Harbor Development",

          description: "Luxury residential development on Paradise Island with projected 18% appreciation over 3 years.",

          minimumInvestment: "$2.5M",

          riskProfile: "Medium",

          expectedReturn: "15-18% annually",

          liquidityTimeline: timeHorizon === 'short' ? "Quick exit strategy available" : "Optimal hold period of 5+ years"

        });

        recommendations.push({

          title: "Exuma Cays Land Acquisition",

          description: "Pre-development land in rapidly appreciating Exuma Cays with strong tourism growth projections.",

          minimumInvestment: "$3.2M",

          riskProfile: "Medium-High",

          expectedReturn: "20-25% annually",

          liquidityTimeline: "3-7 year investment horizon"

        });

      } else if (primaryObjective === 'income') {

        recommendations.push({

          title: "Cable Beach Vacation Rental Portfolio",

          description: "Established luxury vacation rentals with consistent 70% annual occupancy and management in place.",

          minimumInvestment: "$2M",

          riskProfile: "Low-Medium",

          expectedReturn: "8-10% annual cash flow",

          liquidityTimeline: "Immediate income with 90-day liquidation option"

        });

      }

    }

    

    // Business/Commercial recommendations

    if (investmentType === 'business') {

      if (riskTolerance === 'high') {

        recommendations.push({

          title: "Nassau Tech Hub Expansion",

          description: "FinTech incubator space with government incentives and established anchor tenants.",

          minimumInvestment: "$2.8M",

          riskProfile: "High",

          expectedReturn: "22-28% potential ROI",

          liquidityTimeline: "5-year development timeline"

        });

      } else {

        recommendations.push({

          title: "Grand Bahama Industrial Park",

          description: "Established commercial facilities with long-term government leases and tax advantages.",

          minimumInvestment: "$3.5M",

          riskProfile: "Medium",

          expectedReturn: "12-15% annually",

          liquidityTimeline: "Structured exit in 4 years"

        });

      }

    }

    

    // Financial instruments recommendations

    if (investmentType === 'financial') {

      if (riskTolerance === 'low') {

        recommendations.push({

          title: "Bahamas Government Infrastructure Bond Portfolio",

          description: "Tax-advantaged government-backed bonds funding critical infrastructure projects.",

          minimumInvestment: "$2M",

          riskProfile: "Low",

          expectedReturn: "6-7% annually",

          liquidityTimeline: "5-year term with quarterly liquidity options"

        });

      } else {

        recommendations.push({

          title: "Caribbean Private Equity Fund",

          description: "Diversified portfolio of high-growth tourism and technology businesses throughout the Caribbean.",

          minimumInvestment: "$2.5M",

          riskProfile: "High",

          expectedReturn: "18-22% target IRR",

          liquidityTimeline: "7-year fund with potential early distribution"

        });

      }

    }

    

    // Resort/Hospitality recommendations

    if (investmentType === 'hospitality') {

      recommendations.push({

        title: "Eleuthera Boutique Resort Partnership",

        description: "Equity stake in an established eco-luxury resort with expansion plans and strong booking projections.",

        minimumInvestment: "$2.2M",

        riskProfile: "Medium",

        expectedReturn: "14-17% annually",

        liquidityTimeline: "3-year minimum holding period"

      });

    }

    

    // Add a general recommendation if specific criteria don't match or limited options

    if (recommendations.length < 2) {

      recommendations.push({

        title: "Diversified Bahamas Investment Portfolio",

        description: "Custom-designed portfolio across multiple asset classes with focus on tax efficiency and sustainable growth.",

        minimumInvestment: "Starting at $2M",

        riskProfile: riskTolerance === 'low' ? "Balanced" : "Growth-Oriented",

        expectedReturn: riskTolerance === 'low' ? "8-12% annually" : "12-18% annually",

        liquidityTimeline: "Tailored to your requirements"

      });

    }

    

    return recommendations;

  };

 

  return (

    <div className="flex flex-col space-y-8 bg-slate-50 p-6 rounded-lg shadow-md max-w-4xl mx-auto">

      <div className="bg-blue-800 p-4 rounded-lg text-white">

        <h1 className="text-2xl font-bold text-center">Exclusive Bahamas Investment Analysis</h1>

        <p className="text-center mt-2">Personalized market opportunities for qualified investors</p>

      </div>

      

      <div className="bg-white p-6 rounded-lg shadow">

        <h2 className="text-xl font-semibold mb-4 text-gray-800">Investor Qualification & Preferences</h2>

        <form onSubmit={handleSubmit} className="space-y-6">

          {/* Investment Budget Field */}

          <div>

            <label className="block text-gray-700 font-medium mb-2">

              Investment Budget (USD)

              <span className="text-red-500">*</span>

            </label>

            <div className="relative">

              <span className="absolute inset-y-0 left-0 pl-3 flex items-center text-gray-600">$</span>

              <input

                type="text"

                value={investmentBudget}

                onChange={handleBudgetChange}

                className="w-full pl-7 p-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"

                placeholder="Minimum $2,000,000 required"

                required

              />

            </div>

            {investmentBudget && parseInt(investmentBudget) < 2000000 && (

              <p className="text-red-500 text-sm mt-1">

                Minimum investment of $2,000,000 required for personalized analysis.

              </p>

            )}

          </div>

          

          {/* Primary Investment Objective */}

          <div>

            <label className="block text-gray-700 font-medium mb-2">

              Primary Investment Objective

              <span className="text-red-500">*</span>

            </label>

            <select

              value={primaryObjective}

              onChange={(e) => setPrimaryObjective(e.target.value)}

              className="w-full p-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"

              required

              disabled={!isQualified}

            >

              <option value="">Select Objective</option>

              <option value="capital_appreciation">Capital Appreciation</option>

              <option value="income">Income Generation</option>

              <option value="tax_advantages">Tax Advantages</option>

              <option value="portfolio_diversification">Portfolio Diversification</option>

              <option value="citizenship">Path to Citizenship/Residency</option>

            </select>

          </div>

          

          {/* Investment Type */}

          <div>

            <label className="block text-gray-700 font-medium mb-2">

              Preferred Investment Type

              <span className="text-red-500">*</span>

            </label>

            <select

              value={investmentType}

              onChange={(e) => setInvestmentType(e.target.value)}

              className="w-full p-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"

              required

              disabled={!isQualified}

            >

              <option value="">Select Type</option>

              <option value="real_estate">Luxury Real Estate</option>

              <option value="business">Business/Commercial</option>

              <option value="financial">Financial Instruments</option>

              <option value="hospitality">Resort/Hospitality</option>

            </select>

          </div>

          

          {/* Investment Time Horizon */}

          <div>

            <label className="block text-gray-700 font-medium mb-2">

              Investment Time Horizon

              <span className="text-red-500">*</span>

            </label>

            <select

              value={timeHorizon}

              onChange={(e) => setTimeHorizon(e.target.value)}

              className="w-full p-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"

              required

              disabled={!isQualified}

            >

              <option value="">Select Time Horizon</option>

              <option value="short">Short-term (1-3 years)</option>

              <option value="medium">Medium-term (3-7 years)</option>

              <option value="long">Long-term (7+ years)</option>

            </select>

          </div>

          

          {/* Risk Tolerance */}

          <div>

            <label className="block text-gray-700 font-medium mb-2">

              Risk Tolerance

              <span className="text-red-500">*</span>

            </label>

            <select

              value={riskTolerance}

              onChange={(e) => setRiskTolerance(e.target.value)}

              className="w-full p-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"

              required

              disabled={!isQualified}

            >

              <option value="">Select Risk Tolerance</option>

              <option value="low">Conservative</option>

              <option value="medium">Moderate</option>

              <option value="high">Aggressive</option>

            </select>

          </div>

          

          {/* Additional Preferences */}

          <div>

            <label className="block text-gray-700 font-medium mb-2">

              Additional Preferences or Requirements

            </label>

            <textarea

              value={additionalPreferences}

              onChange={(e) => setAdditionalPreferences(e.target.value)}

              className="w-full p-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 h-24"

              placeholder="E.g., waterfront property, sustainable investments, specific islands of interest..."

              disabled={!isQualified}

            ></textarea>

          </div>

          

          {/* Form Actions */}

          <div className="flex justify-between">

            <button

              type="button"

              onClick={handleReset}

              className="px-4 py-2 bg-gray-200 text-gray-800 rounded hover:bg-gray-300 transition-colors"

            >

              Reset

            </button>

            <button

              type="submit"

              className={`px-6 py-2 rounded text-white transition-colors ${

                isQualified 

                  ? 'bg-blue-600 hover:bg-blue-700'

                  : 'bg-gray-400 cursor-not-allowed'

              }`}

              disabled={!isQualified}

            >

              Generate Investment Analysis

            </button>

          </div>

          

          {/* Form validation message */}

          {isQualified && (

            <p className="mt-2 text-blue-600 text-sm">

              Please complete all required fields marked with * to generate your personalized investment analysis.

            </p>

          )}

        </form>

      </div>

      

      {/* Generated Report Section */}

      {showReport && (

        <div className="bg-white p-6 rounded-lg shadow">

          <div className="flex justify-between items-center mb-6">

            <h2 className="text-2xl font-bold text-blue-800">

              Personalized Bahamas Investment Analysis

            </h2>

            <div className="text-right">

              <p className="text-sm text-gray-500">Reference: BIA-{new Date().getFullYear()}-{Math.floor(Math.random() * 10000)}</p>

              <p className="text-sm text-gray-500">Generated: {new Date().toLocaleDateString()}</p>

            </div>

          </div>

          

          <div className="mb-6 p-4 bg-blue-50 rounded-lg">

            <h3 className="font-semibold text-lg text-gray-800 mb-2">Investment Profile Summary</h3>

            <div className="grid grid-cols-2 gap-4">

              <div>

                <p className="text-sm text-gray-600">Investment Budget:</p>

                <p className="font-medium">${parseInt(investmentBudget).toLocaleString()}</p>

              </div>

              <div>

                <p className="text-sm text-gray-600">Primary Objective:</p>

                <p className="font-medium">

                  {primaryObjective === 'capital_appreciation' && 'Capital Appreciation'}

                  {primaryObjective === 'income' && 'Income Generation'}

                  {primaryObjective === 'tax_advantages' && 'Tax Advantages'}

                  {primaryObjective === 'portfolio_diversification' && 'Portfolio Diversification'}

                  {primaryObjective === 'citizenship' && 'Path to Citizenship/Residency'}

                </p>

              </div>

              <div>

                <p className="text-sm text-gray-600">Investment Type:</p>

                <p className="font-medium">

                  {investmentType === 'real_estate' && 'Luxury Real Estate'}

                  {investmentType === 'business' && 'Business/Commercial'}

                  {investmentType === 'financial' && 'Financial Instruments'}

                  {investmentType === 'hospitality' && 'Resort/Hospitality'}

                </p>

              </div>

              <div>

                <p className="text-sm text-gray-600">Time Horizon:</p>

                <p className="font-medium">

                  {timeHorizon === 'short' && 'Short-term (1-3 years)'}

                  {timeHorizon === 'medium' && 'Medium-term (3-7 years)'}

                  {timeHorizon === 'long' && 'Long-term (7+ years)'}

                </p>

              </div>

              <div>

                <p className="text-sm text-gray-600">Risk Profile:</p>

                <p className="font-medium">

                  {riskTolerance === 'low' && 'Conservative'}

                  {riskTolerance === 'medium' && 'Moderate'}

                  {riskTolerance === 'high' && 'Aggressive'}

                </p>

              </div>

            </div>

          </div>

          

          <div className="mb-6">

            <h3 className="font-semibold text-xl text-gray-800 mb-4">Recommended Investment Opportunities</h3>

            <div className="space-y-4">

              {generateRecommendations().map((recommendation, index) => (

                <div key={index} className="border rounded-lg p-4 hover:shadow-md transition-shadow">

                  <div className="flex justify-between items-start">

                    <h4 className="font-bold text-lg text-blue-700">{recommendation.title}</h4>

                    <span className="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm font-medium">

                      {recommendation.minimumInvestment}

                    </span>

                  </div>

                  <p className="my-2 text-gray-600">{recommendation.description}</p>

                  

                  <div className="grid grid-cols-3 gap-2 mt-4">

                    <div>

                      <p className="text-xs text-gray-500">Risk Profile</p>

                      <p className="font-medium">{recommendation.riskProfile}</p>

                    </div>

                    <div>

                      <p className="text-xs text-gray-500">Expected Return</p>

                      <p className="font-medium">{recommendation.expectedReturn}</p>

                    </div>

                    <div>

                      <p className="text-xs text-gray-500">Liquidity</p>

                      <p className="font-medium">{recommendation.liquidityTimeline}</p>

                    </div>

                  </div>

                </div>

              ))}

            </div>

          </div>

          

          <div className="mb-6">

            <h3 className="font-semibold text-xl text-gray-800 mb-3">Market Insights & Tax Considerations</h3>

            <div className="p-4 bg-gray-50 rounded-lg">

              <h4 className="font-semibold text-blue-700 mb-2">Current Bahamas Investment Climate</h4>

              <p className="text-gray-700 mb-3">

                The Bahamas continues to be a premier investment destination with no income tax, capital gains tax, 

                inheritance tax, or withholding tax. Recent government initiatives have further streamlined foreign investment processes, 

                particularly in designated investment zones across the Family Islands.

              </p>

              

              <h4 className="font-semibold text-blue-700 mb-2">Regulatory Highlights</h4>

              <ul className="list-disc pl-5 mb-3 text-gray-700">

                <li>Fast-track residency available for investments exceeding $1.5M</li>

                <li>No exchange controls for non-residents</li>

                <li>Protected investor status available through Investment Act</li>

                <li>Preferential access to additional Caribbean markets</li>

              </ul>

              

              <h4 className="font-semibold text-blue-700 mb-2">Economic Outlook</h4>

              <p className="text-gray-700">

                With GDP growth projected at 4.2% for the current fiscal year and tourism arrivals exceeding pre-pandemic levels, 

                the outlook for strategic investments remains highly favorable, particularly in luxury developments, 

                sustainable tourism ventures, and financial services.

              </p>

            </div>

          </div>

          

          <div className="bg-blue-50 p-4 rounded-lg border border-blue-200">

            <h3 className="font-semibold text-lg text-blue-800 mb-2">Next Steps</h3>

            <p className="text-gray-700 mb-3">

              Based on your investment profile, we recommend scheduling a private consultation with our investment advisory team 

              to conduct deeper due diligence on your preferred opportunities and arrange site visits if desired.

            </p>

            <div className="flex items-center justify-between">

              <p className="font-medium text-blue-800">

                Contact: <span className="text-gray-700">investment@bahamaswealth.com</span>

              </p>

              <p className="font-medium text-blue-800">

                Direct Line: <span className="text-gray-700">+1 (242) 555-7890</span>

              </p>

            </div>

          </div>

          

          <div className="mt-6 text-center text-xs text-gray-500">

            <p>This analysis is provided for informational purposes only and does not constitute a securities offering or investment advice.</p>

            <p>All recommended investments require additional due diligence and are subject to availability.</p>

          </div>

        </div>

      )}

    </div>

  );

};

 

export default BahamasInvestmentTool;