@extends('layouts.master_user')

@section('title')
    All Packages
@endsection

@section('package')
    active
@endsection

@section('css')

<style>
    .font-size-h2 {
        font-size: 25px !important;
    }
</style>
@endsection

@section('content')

    <div class="row">
        <div class="col-xl-12 order-xl-0">
            <p>*After subscribing to an application, go to the IIA or IIP page links from the top bar in the front page and then login from there to use the desired application</p>
        </div>
        <div class="col-xl-12 order-xl-0">
            @foreach($packages as $key => $package)
            <!-- Product -->
            <div class="block">
                <div class="block-content">
                    <!-- Vitals -->
                    <div class="row items-push">
                        <div class="col-md-12">
                            <!-- Info -->
                            <div class="d-flex justify-content-between align-items-center">
                                <div>
                                    <div class="font-size-h2 font-w600 text-success" style="font-family: 'EB Garamond'">{{ $package['name'] }}</div>
                                </div>
                                <div class="font-size-h2 font-w700">
                                    {{ config('innoplore.currency') }} {{ $package['amount'] }}<br>
                                    @if($package['canBuy'])
                                        <a type="button" class="btn btn-sm btn-primary text-white" href="/buy/{{ $key }}">
                                            <i class="fa fa-shopping-cart mr-1"></i> Buy Now
                                        </a>
                                    @else
                                        <a type="button" class="btn btn-sm btn-danger text-white" href="#">
                                            <i class="fa fa-times mr-1"></i> Not Eligible
                                        </a>
                                    @endif
                                </div>
                            </div>
                            <p>{!! $package['description'] !!}</p>
                            <!-- END Info -->
                        </div>
                    </div>
                    <!-- END Vitals -->
                </div>
            </div>
            <!-- END Product -->
            @endforeach
        </div>
    </div>

@endsection