@extends('layouts.app')

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

    <!-- Investment Summary Cards -->
    @forelse($invests as $invest)
    <div class="card mb-4">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">Investment #{{ $loop->iteration }}</h5>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <ul class="list-unstyled">
                        <li><strong>Amount:</strong> {{ number_format($invest->amount, 2) }}</li>
                        <li><strong>Percent per month:</strong> {{ $invest->percent }}%</li>
                        <li><strong>Invest Date:</strong> {{ \Illuminate\Support\Carbon::parse($invest->invest_date)->format('Y-m-d') }}</li>
                        <li><strong>End Date:</strong> {{ \Illuminate\Support\Carbon::parse($invest->invest_date)->addMonths($invest->months)->format('Y-m-d') }}</li>
                        <li><strong>Duration:</strong> {{ $invest->months }} months</li>
                    </ul>
                </div>
                <div class="col-md-6">
                    <ul class="list-unstyled">
                        <li><strong>Total Profit (planned):</strong> {{ number_format($invest->total_profit, 2) }}</li>
                        <li><strong>Total Paid:</strong> <span class="text-success">{{ number_format($invest->profit_received, 2) }}</span></li>
                        <li><strong>Due Profit:</strong> <span class="text-danger">{{ number_format($invest->due_profit, 2) }}</span></li>
                        <li><strong>Months Paid:</strong> {{ $invest->months_paid }} / {{ $invest->months }}</li>
                    </ul>
                </div>
            </div>

            <!-- Profit Payments Table -->
            <div class="mt-3">
                <h6><strong>Profit Payments:</strong></h6>
                <div class="table-responsive">
                    <table class="table table-bordered table-sm">
                        <thead class="table-light">
                            <tr>
                                <th>Date</th>
                                <th>Paid</th>
                                <th>Remark</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($invest->profit_payments as $profit)
                            <tr>
                                <td>{{ $profit->date }}</td>
                                <td>{{ number_format($profit->paid, 2) }}</td>
                                <td>{{ $profit->remark ?? '-' }}</td>
                            </tr>
                            @empty
                            <tr><td colspan="3" class="text-center text-muted">No profit paid yet</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="mt-2">
                <a class="btn btn-sm btn-outline-primary" href="{{ route('customer.invests.slip', $invest->id) }}" target="_blank">
                    <i class="fas fa-print"></i> Print Slip
                </a>
            </div>
        </div>
    </div>
    @empty
    <div class="alert alert-info">No investments found.</div>
    @endforelse
</div>
@endsection