@extends('layouts.user')

@section('title', 'Service')

@section('content')
    <link rel="stylesheet" href="template/pricing/cdn.materialdesignicons.com/4.8.95/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="template/pricing/assets/css/pricing-plan.css">

    <div class="air__layout__content">
        <div class="air__utils__content">
            <div class="air__utils__heading">
                <h5>Trade Contract Plans</h5>
            </div>
            <div class="text-center mt-5 mb-5">
                <div class="btn-group">
                    <button type="button" class="btn btn-rounded width-350 font-weight-bold font-size-18 bg-gray-1">
                        <span style="color: #34bbff">Available Trading Contract Plans</span>
                    </button>
                </div>
            </div>
            <div class="row">
                <div class="container">
                    <br><br>
                    <h1 class="text-center pricing-table-title">Contract Plans</h1>
                    <p class="big-pera">{{ config('app.website_name') }} has a wide range of unique financial offers for clients. Select the plan that best suits your income status.
                        These offers won't allow you stay indifferent, we indulge even the most demanding specialists in the field of investment and network business development.</p>

                    <div class="tab-content pricing-tab-content" id="pricing-tab-content">
                        <div class="tab-pane active" id="monthly" role="tabpanel" aria-labelledby="monthly-tab">
                            <div class="row">
                                @foreach($plans as $plan)
                                    <div class="col-md-4">
                                        <div class="card pricing-card" style="background-color: #0a0b0b">
                                            <div class="card-body">
                                                <h3 class="pricing-plan-title d-flex align-items-center">{{ $plan->name }}</h3>
                                                <p class="h1 pricing-plan-original-cost">{{ $plan->percentage }}% interest</p>
                                                <p class="h1 pricing-plan-cost">${{ number_format($plan->minimum,2) }} <span class="currency"></span></p>
                                                <ul class="pricing-plan-features">
                                                    @if($plan->duration <= 7)
                                                        <li style="color: #fff;">Duration is {{ $plan->duration }} day(s)</li>
                                                    @elseif($plan->duration > 7)
                                                        <li style="color: #fff;">Duration is {{ $plan->duration/7 }} week(s)</li>
                                                    @endif
                                                    <li style="color: #fff;">Asset protection</li>
                                                    <li style="color: #fff;">Online support</li>
                                                </ul>
                                                <a href="{{ route('invest', ['id'=>$plan->id]) }}" class="btn pricing-plan-purchase-btn">Invest Now</a>

                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection