@extends('user.layout.layout')

@section('contents')
    <div class="content-page">
        <!-- Start content -->
        <div class="content">
            <div class="container-fluid">

                <div class="page-title-box">
                    <div class="row align-items-center">
                        <div class="col-sm-6">
                            <h4 class="page-title">Dashboard</h4>
                            <i class="fa fa-user-circle"></i> <a href="javascript:void(0);"></a>
                        </div>
                        <div class="col-sm-6">
                            <ol class="breadcrumb float-right">
                                <li class="breadcrumb-item"><a href="javascript:void(0);"></a>Home</li>
                                <li class="breadcrumb-item active">Dashboard</li>
                            </ol>
                        </div>
                    </div>
                    <!-- end row -->
                </div>
                <!-- end page-title -->


                {{-- top stats --}}
                <div class="row">
                    @include('user.layout.stats')
                </div>
                {{-- top stats --}}



                <!-- end row -->

                <div class="row">

                    <div class="col-xl-8">
                        <div class="card m-b-30">
                            <div class="card-body">
                                @if (auth()->user()->investments->count() > 0)
                                    @include('user.layout.investment-card-active')
                                @else
                                    @include('user.layout.investment-card-empty')
                                @endif
                            </div>
                        </div>

                    </div>

                    <div class="col-xl-4">
                        <div class="card m-b-30">
                            @include('user.layout.recent-orders-card')
                        </div>
                    </div>
                </div>

                <!-- START ROW -->
                <div class="row">
                    <div class="col-xl-12">
                        <div class="card m-b-30">
                            <table class='table table-hover'>
                                <thead>
                                    <tr>
                                        <th scope='col'>Amount</th>
                                        <th scope='col'>Date</th>
                                        <th scope='col'>Status</th>
                                    </tr>
                                </thead>


                                <tbody>
                                    @include('user.layout.payout-card')
                                </tbody>

                            </table>
                        </div>
                    </div>

                </div>
                <!-- END ROW -->

            </div>
            <!-- container-fluid -->

        </div>
        <!-- content -->

        <footer class="footer">
            © 2012 - 2026 {{ config('app.project_name') }} Company <a href="#" target="_blank"
                class="btn-web">All rights reserved</a>
        </footer>

    </div>
@endsection