@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">New 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">New investment</li>
                            </ol>
                        </div>
                    </div> <!-- end row -->
                </div>
                <!-- end page-title -->

                <div class="row">
                    <div class="col-lg-6">
                        <div class="card m-b-30">
                            <div class="card-body">


                                <p class="sub-title"> You took the right step! <br>Choose your preferred plan and proceed.</p>

                                <form action="{{route('confirm')}}" method="post">
                                    @csrf
                                    <div class="form-group">
                                        <label>Investment plan</label>
                                        <select id="plan" class="form-control" name="plan">
                                            @forelse($plans as $plan)
                                                <option value='{{ $plan->id }}'> {{ $plan->name }}
                                                    [{{ $plan->min . '-' . $plan->max  }}] </option>
                                            @empty
                                                <option value=''> No plans </option>
                                            @endforelse
                                        </select>
                                        @error('plan')
                                            <span class='fs-6 text-danger'>{{$message}} </span>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="amount" class="form-label">Investment amount</label>
                                        <input type="text" id="amount" class="form-control" name="capital" autocomplete="off">
                                        @error('capital')
                                            <span class='fs-6 text-danger'>{{$message}} </span>
                                        @enderror
                                    </div>

                                    <div class='form-group'>
                                        <label for='pay-choice'>Select your preferred payment method</label>
                                        <select id='pay-choice' name='method' class='form-control'>
                                            <option value=''>Choose payment method</option>
                                            <option value='btc'>Bitcoin</option>
                                            <option value='usdt_trc20'>USDT TRC20</option>
                                            <option value='tron'>Tron</option>
                                            <option value='doge'>Doge</option>
                                        </select>
                                    </div>

                                    <div class="form-group m-b-0">
                                        <button type="submit" class="btn btn-primary me-2 this-invest-btn" id='invest-btn'>Submit</button>
                                        {{-- <input type="hidden" value="" id="email"> --}}
                                    </div>
                                </form>

                                 @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif

                            </div>
                        </div>

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

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


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

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