@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">Confirm Investment</h4>
                        </div>
                        <div class="col-sm-6">
                            <ol class="breadcrumb float-right">
                                <li class="breadcrumb-item"><a
                                        href="javascript:void(0);">{{ config('app.project_name') }}</a></li>
                                <li class="breadcrumb-item active">Confirm Investment</li>
                            </ol>
                        </div>
                    </div> <!-- end row -->
                </div>
                <!-- end page-title -->

                <div class="row">
                    <div class="col-lg-12">
                        <div class='container-fluid'>

                            <h3><i class='fa fa-shopping-cart'> </i></h3>

                            <br />
                            <h6>My order</h6>
                            <br />
                            <div class='table-responsive'>
                                <table class='table table-bordered table-sm'>
                                    <thead>
                                        <tr>
                                            <td><b>PLAN</b></td>
                                            <td><b>PRICE</b></td>
                                            <td><b>DURATION</b></td>
                                            <td><b>DATE</b></td>
                                        </tr>
                                    </thead>


                                    <tbody>
                                        <tr style='padding:20px;'>
                                            <td> {{$plan->name}} </td>
                                            <td> ${{number_format($capital, 2)}} </td>
                                            <td> {{$plan->duration}} days</td>
                                            <td> {{ date('Y-m-d g:i:s') }} </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <br />
                            
                            
                            <form method="POST" action='{{route('invest.process')}}'>                               
                                @csrf
                                <input type='hidden' class='form-control' value='{{$capital}}' name='capital'/>
                                <input type='hidden' class='form-control' value='{{$plan->id}}' name='plan'/>
                                <input type='hidden' class='form-control' value='{{$method}}' name='method'/>
                                <p>
                                    By clicking the button below, you agree to pay the exact amount on this invoice for the
                                    order above. <br />
                                    Please note that your investment will be declined if no payment was confirmed.
                                </p>
                                <button plan='button' class='btn btn-primary' id='process'>Process my investment</button>
                            </form>                            

                        </div>
                    </div> <!-- end col -->

                </div> <!-- end row -->


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

        </div>
        <!-- content -->
    </div>
@endsection