@extends('layouts.app')

@section('content')
    <div class="container mt-4">

        <h3 class="mb-3">Add Investor</h3>

        <a href="{{ route('admin.investors.index') }}" class="btn btn-secondary mb-3">
            ← Back
        </a>

        <div class="card p-4 shadow-sm">

            <form action="{{ route('admin.investors.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <div class="row">

                    <!-- NAME -->
                    <div class="col-md-6 mb-3">
                        <label>Name</label>
                        <input type="text" name="name" class="form-control" required>
                    </div>

                    <!-- TYPE -->
                    <div class="col-md-6 mb-3">
                        <label>Type</label>
                        <input type="text" name="type" class="form-control" placeholder="VC, Angel, Grant">
                    </div>

                    <!-- COUNTRY -->
                    <div class="col-md-6 mb-3">
                        <label>Country</label>
                        <input type="text" name="country" class="form-control">
                    </div>
                    <div class="mb-3">
                        <label>Country Code (ISO)</label>
                        <input type="text" name="country_code" class="form-control" placeholder="e.g. TZ, KE, NG"
                            required>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label>City</label>
                        <input type="text" name="city" class="form-control">
                    </div>
                    <!-- WEBSITE -->
                    <div class="col-md-6 mb-3">
                        <label>Website</label>
                        <input type="url" name="website" class="form-control">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label>Fund Size</label>
                        <input type="text" name="fund_size" class="form-control">
                    </div>

                    <div class="col-md-6 mb-3">
                        <label>Portfolio Size</label>
                        <input type="text" name="portfolio_size" class="form-control">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label>LinkedIn</label>
                        <input type="text" name="linkedin" class="form-control">
                    </div>

                    <div class="col-md-6 mb-3">
                        <label>Twitter</label>
                        <input type="text" name="twitter" class="form-control">
                    </div>

                    <div class="col-md-6 mb-3">
                        <label>Email</label>
                        <input type="email" name="email" class="form-control">
                    </div>

                    <div class="col-md-6 mb-3">
                        <label>Phone</label>
                        <input type="text" name="phone" class="form-control">
                    </div>
                    <!-- LOGO -->
                    <div class="col-md-12 mb-3">
                        <label>Logo</label>
                        <input type="file" name="logo" class="form-control">
                    </div>
                    <div class="col-md-12 mb-3">
                        <label>Recent Activity</label>
                        <textarea name="recent_activity" class="form-control" rows="3">{{ old('recent_activity', $investor->recent_activity ?? '') }}</textarea>
                    </div>
                    <!-- DESCRIPTION -->
                    <div class="col-md-12 mb-3">
                        <label>Description</label>
                        <textarea name="description" rows="4" class="form-control"></textarea>
                    </div>
                    <div class="col-12 mb-3">
                        <input type="checkbox" name="is_active" value="1"> Active
                    </div>
                </div>

                <button class="btn btn-success">Save Investor</button>

            </form>

        </div>

    </div>
@endsection