@extends('layouts.app')

@section('content')
    <h4>Add AI Investment</h4>

    <form action="{{ route('admin.ai.store') }}" method="POST">
        @csrf

        <input type="text" name="region" placeholder="Region (Africa, America, Global)" class="form-control mb-2">

        <input type="number" step="0.01" name="amount" placeholder="Amount" class="form-control mb-2">

        <input type="number" step="0.01" name="growth_rate" placeholder="Growth %" class="form-control mb-2">
        <input type="text" name="largest_company_name" placeholder="Largest AI Investment Company"
            class="form-control mb-2">
        <div class="mb-3">
            <label for="unicorns">AI Unicorns (2025)</label>
            <input type="number" name="unicorns" id="unicorns" class="form-control"
                value="{{ old('unicorns', $investment->unicorns ?? 0) }}" min="0"
                placeholder="Enter number of unicorns">
        </div>
        <form action="{{ route('ai-investments.store') }}" method="POST">
            @csrf

            <div class="form-group">
                <label>Region</label>
                <input type="text" name="region" class="form-control" required>
            </div>

            <div class="form-group mt-2">
                <label>Total Investment (B)</label>
                <input type="number" name="amount" class="form-control">
            </div>

            <div class="form-group mt-2">
                <label>Growth Rate (%)</label>
                <input type="number" name="growth_rate" class="form-control">
            </div>

            <div class="form-group mt-2">
                <label>Top Investor</label>
                <input type="text" name="largest_company_name" class="form-control">
            </div>

            <div class="form-group mt-2">
                <label>AI Investment (B)</label>
                <input type="number" name="largest_company_investment" class="form-control">
            </div>

            <hr>

            <h5>Sources</h5>

            <div class="form-group mt-2">
                <label>Investment Source</label>
                <textarea name="investment_source" class="form-control"></textarea>
            </div>

            <div class="form-group mt-2">
                <label>Growth Source</label>
                <textarea name="growth_source" class="form-control"></textarea>
            </div>

            <div class="form-group mt-2">
                <label>Investor Source</label>
                <textarea name="investor_source" class="form-control"></textarea>
            </div>

            <div class="form-group mt-2">
                <label>AI Investment Source</label>
                <textarea name="company_investment_source" class="form-control"></textarea>
            </div>

            <button class="btn btn-primary mt-3">Save</button>
        </form>
        <div class="form-group mt-3">
            <label>Sources (Optional)</label>
            <textarea name="sources_note" class="form-control" rows="4"
                placeholder="[1] African VC Report 2025
                            [2] Industry Growth Estimates
                            [3] Company Financials">{{ old('sources_note', $item->sources_note ?? '') }}
            </textarea>

            <small class="text-muted">
                Enter one source per line. Use format [1], [2], etc.
            </small>
        </div>
        <input type="number" step="0.01" name="largest_company_investment"
            placeholder="Largest Company Investment Amount" class="form-control mb-2">
        <h5>Sources</h5>

        <div class="form-group mt-2">
            <label>Investment Source</label>
            <textarea name="investment_source" class="form-control"></textarea>
        </div>

        <div class="form-group mt-2">
            <label>Growth Source</label>
            <textarea name="growth_source" class="form-control"></textarea>
        </div>

        <div class="form-group mt-2">
            <label>Investor Source</label>
            <textarea name="investor_source" class="form-control"></textarea>
        </div>

        <div class="form-group mt-2">
            <label>AI Investment Source</label>
            <textarea name="company_investment_source" class="form-control"></textarea>
        </div>

        <button class="btn btn-dark">Save</button>
    </form>
    <br>
@endsection