@extends('layouts.user')

@section('title', 'Investments')

@section('content')
    <div class="nk-content ">
        <div class="container-fluid">
            <div class="nk-content-inner">
                <div class="nk-content-body">
                    <div class="components-preview wide-md mx-auto">
                        <div class="nk-block-head nk-block-head-lg wide-sm">
                            <div class="nk-block-head-content">
                                <div class="nk-block-head-sub"><a class="back-to" href="{{ route('account') }}"><em class="icon ni ni-arrow-left"></em><span>Dashboard</span></a></div>
                                <h2 class="nk-block-title fw-normal">Investments</h2>
                                <div class="nk-block-des">
                                    <p class="lead"></p>
                                </div>
                            </div>
                        </div><!-- .nk-block -->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="mb-5">
                                    <table class="datatable-init table">
                                        <thead>
                                        <tr>
                                            <th>Plan</th>
                                            <th>Amount</th>
                                            <th>Profit</th>
                                            <th>Status</th>
                                            <th>Date</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @if(count($deposits) <= 0 )
                                            <tr>
                                                <td>
                                                    <span>You've made no investments yet</span>
                                                </td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        @else
                                            @foreach($deposits as $deposit)
                                                @php
                                                    $plan = \App\Models\Plan::where(['id' => $deposit->plan_id])->first();
                                                @endphp
                                                <tr>
                                                    @if($deposit['status'] == \App\Constants::PENDING)
                                                        <td>
                                                            <span>You've made no investments yet</span>
                                                        </td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                    @else
                                                        <td>{{ $plan['name'] }}</td>
                                                        <td>${{ number_format($deposit['amount_invested']) }}</td>
                                                        <td>${{ number_format($deposit['amount_to_earn']) }}</td>
                                                        <td>
                                                            @if($deposit['status'] == \App\Constants::ACTIVE)
                                                                <button class="btn btn-sm btn-success">active</button>
                                                            @endif
                                                            @if($deposit['status'] == \App\Constants::INACTIVE)
                                                                <button class="btn btn-sm btn-danger">completed</button>
                                                            @endif
                                                        </td>
                                                        <td>{{ $deposit['created_at'] }}</td>
                                                    @endif
                                                </tr>
                                            @endforeach
                                        @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div><!-- .components-preview -->
                </div>
            </div>
        </div>
    </div>

    <script>
        ;(function($) {
            'use strict'
            $(function() {
                $('#example1').DataTable({
                    responsive: true,
                })

                $('#example2').DataTable({
                    autoWidth: true,
                    scrollX: true,
                    fixedColumns: true,
                })

                $('#example3').DataTable({
                    autoWidth: true,
                    scrollX: true,
                    fixedColumns: true,
                })
            })
        })(jQuery)
    </script>
@endsection