@extends('user.layouts.master')
@section('css')
    <style>
        .ads-rate-area{
            padding: 0.375rem 0.75rem;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            display: flex;
            justify-content: space-between;
        }
        .ads-rate-area-active{
            border: 1px solid #31bd21 !important;
        }
        
        .package-area{
            border: solid 1px #b8b7b7;
            border-radius: 5px;
            padding: 6px;
        }
        
        .package-area img{
            width: 100%;
            height: 165px;
        }
    </style>
@endsection
@section('user-content')

<div class="card">
    <div class="card-header">
        <h4 class="card-title">Investment Packages</h4>
    </div>
    <div class="card-body row">
        @foreach($packages as $package)
            <div class="col-md-3">
                <div class="package-area">
                    <div>
                        <img src="{{URL::to($package->image)}}">
                    </div>
                    <h5>{{$package->title}}</h5>
                    <p class="m-0"><strong>Invest Amount: </strong>{{$package->invest_amount}}$</p>
                    <p class="m-0"><strong>Profit: </strong>{{$package->profit_per}}%</p>
                    <p class="m-0"><strong>Duration: </strong>{{$package->duration}}Days</p>
                    <p class="m-0">
                        @php
                            $total = $package->invest_amount + ($package->invest_amount * $package->profit_per)/100;
                        @endphp
                        <strong>Total Amount: </strong>{{$total}}$
                    </p>
                    <div class="text-center mt-2">
                        <a href="{{route('user.investment-create', $package->id)}}" class="btn btn-sm btn-info">Create Investment</a>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
</div>

@endsection
@section('js')
    <script>
        function setAccount(account_id){
            $('#deposit_account').val(account_id);

            $.ajax({
                url: "{{ route('user.deposit-account-info') }}",
                type:"POST",
                data:{
                    _token: '{{csrf_token()}}',
                    account_id: account_id,
                },
                success:function(data) {
                    $('#deposit_area').show();
                    $('#deposit_account_text').html('Account No: '+data['account_no']);
                    $('#deposit_account_guideline').html(data['guideline']);
                },
            });
        }
    </script>
@endsection