@extends('layouts.admin')
@section('title', 'Register Investor')
@section('page-title', 'Register New Investor')
@section('page-subtitle', 'Add a fixed-term investment record')
@section('content')
<div class="max-w-3xl">
    <div class="card p-6">
        <form action="{{ route('admin.investors.store') }}" method="POST">
            @csrf
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Full Name *</label>
                    <input type="text" name="full_name" value="{{ old('full_name') }}" required class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-purple-500 focus:outline-none">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Phone Number *</label>
                    <input type="text" name="phone" value="{{ old('phone') }}" required class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-purple-500 focus:outline-none">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Email Address</label>
                    <input type="email" name="email" value="{{ old('email') }}" class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-purple-500 focus:outline-none">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Bank Name *</label>
                    <select name="bank_name" required class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-purple-500 focus:outline-none">
                        <option value="">Select Bank</option>
                        @foreach(['Access Bank','Zenith Bank','GTBank','First Bank','UBA','FCMB','Sterling Bank','Fidelity Bank','Keystone Bank','Polaris Bank','Stanbic IBTC','Union Bank','Wema Bank','Heritage Bank'] as $bank)
                        <option value="{{ $bank }}" {{ old('bank_name') === $bank ? 'selected' : '' }}>{{ $bank }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Account Number *</label>
                    <input type="text" name="account_number" value="{{ old('account_number') }}" required maxlength="10" placeholder="10-digit NUBAN" class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-purple-500 focus:outline-none">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Principal Amount (₦) *</label>
                    <input type="number" name="principal_amount" value="{{ old('principal_amount') }}" required min="10000" placeholder="Minimum ₦10,000" class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-purple-500 focus:outline-none">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Annual Profit Rate (%) *</label>
                    <input type="number" name="profit_rate" value="{{ old('profit_rate', 12) }}" required min="1" max="100" step="0.1" class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-purple-500 focus:outline-none">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Payment Frequency *</label>
                    <select name="payment_frequency" required class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-purple-500 focus:outline-none">
                        <option value="monthly" {{ old('payment_frequency') === 'monthly' ? 'selected' : '' }}>Monthly</option>
                        <option value="quarterly" {{ old('payment_frequency') === 'quarterly' ? 'selected' : '' }}>Quarterly</option>
                        <option value="annually" {{ old('payment_frequency') === 'annually' ? 'selected' : '' }}>Annually</option>
                    </select>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Investment Date *</label>
                    <input type="date" name="investment_date" value="{{ old('investment_date', date('Y-m-d')) }}" required class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-purple-500 focus:outline-none">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Maturity Date *</label>
                    <input type="date" name="maturity_date" value="{{ old('maturity_date') }}" required class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-purple-500 focus:outline-none">
                </div>
                <div class="md:col-span-2">
                    <label class="block text-sm font-medium text-gray-700 mb-1">Notes</label>
                    <textarea name="notes" rows="2" class="w-full border border-gray-300 rounded-lg px-3 py-2">{{ old('notes') }}</textarea>
                </div>
            </div>
            <div class="flex justify-end space-x-3 mt-6 pt-4 border-t">
                <a href="{{ route('admin.investors.index') }}" class="px-4 py-2 border border-gray-300 rounded-lg text-gray-700">Cancel</a>
                <button type="submit" class="px-6 py-2 bg-purple-700 text-white rounded-lg hover:bg-purple-800 font-medium">
                    <i class="fas fa-save mr-2"></i>Register Investor
                </button>
            </div>
        </form>
    </div>
</div>
@endsection