@extends('layouts.app')

@section('title', 'Dashboard')

@section('content')
<div class="d-flex justify-content-between align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">Dashboard Overview</h1>
</div>


@if(isset($summary))
<div class="card mb-4">
    <div class="card-header bg-success text-white">
        <h4 class="mb-0">My Investment Summary</h4>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                <ul class="list-unstyled">
                    <li><strong>Total Invested:</strong> {{ number_format($summary['total_invested'], 2) }}</li>
                    <li><strong>Total Profit (planned):</strong> {{ number_format($summary['total_profit'], 2) }}</li>
                </ul>
            </div>
            <div class="col-md-6">
                <ul class="list-unstyled">
                    <li><strong>Total Paid:</strong> <span class="text-success">{{ number_format($summary['total_paid'], 2) }}</span></li>
                    <li><strong>Due Profit:</strong> <span class="text-danger">{{ number_format($summary['due_profit'], 2) }}</span></li>
                </ul>
            </div>
        </div>
    </div>
</div>
@endif

<h3 class="mt-4 mb-3">My Invoices</h3>

<div class="table-responsive">
    <table class="table table-bordered table-striped">
        <thead class="table-dark">
            <tr>
                <th>#</th>
                <th>Flat</th>
                <th>Purchase Date</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            @forelse($invoices as $invoice)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $invoice->flat->name ?? 'N/A' }}</td>
                    <td>{{ $invoice->purchase_date }}</td>
                    <td>
                      <a href="{{ route('user.invoice.show', $invoice->id) }}" class="btn btn-info btn-sm">
                            <i class="fas fa-eye"></i>
                        </a>

                        <a href="{{ route('user.invoice.pdf', $invoice->id) }}" class="btn btn-secondary btn-sm">
                            <i class="fas fa-file-pdf"></i>
                        </a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="4" class="text-center text-muted">No invoices found.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection