@extends('layouts.app')

@section('content')
<div class="card">
    <h3>Investment Plans</h3>
    <form method="post" action="/investments">
        @csrf
        <select name="plan_id">
            @foreach($plans as $plan)
                <option value="{{ $plan->id }}">{{ $plan->name }} | {{ $plan->daily_percent }}% daily | ${{ $plan->min_amount }} - ${{ $plan->max_amount }}</option>
            @endforeach
        </select>
        <input name="amount" type="number" step="0.01" placeholder="Amount to invest">
        <button class="btn">Start Investment</button>
    </form>
</div>

<div class="card">
    <h3>My Investments</h3>
    <table>
        <thead><tr><th>Plan</th><th>Amount</th><th>Daily Profit</th><th>Status</th><th>Ends At</th></tr></thead>
        <tbody>
        @foreach($investments as $investment)
            <tr>
                <td>{{ $investment->plan->name }}</td>
                <td>${{ number_format($investment->amount, 2) }}</td>
                <td>${{ number_format($investment->daily_profit, 2) }}</td>
                <td>{{ ucfirst($investment->status) }}</td>
                <td>{{ $investment->ends_at }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
    {{ $investments->links() }}
</div>
@endsection