@extends('layouts.master_user')

@section('title')
    My Packages
@endsection

@section('subscription')
    active
@endsection

@section('content')
<style>
    .tooltip-inner {
        max-width: 100% !important;
    }
</style>

    <div class="row row-deck">
        <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-lg-12">
            <div class="block block-mode-loading-oneui">
                <div class="block-content block-content-full">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover table-borderless table-vcenter font-size-sm mb-0">
                            <thead>
                            <tr class="text-uppercase">
                                <th class="font-w700">#</th>
                                <th class="font-w700">Order</th>
                                <th class="font-w700">Name</th>
                                <th class="font-w700">Amount</th>
                                <th class="font-w700">Status</th>
                                <th class="font-w700">Date</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($subscriptions as $subscription)
                                @php
                                    $tooltip = '';
                                    // dd($packages);
                                    // die();
                                    foreach ($packages as $package){
                                        if($package['code'] == $subscription->code){
                                            $tooltip = $package['tooltip'];
                                        }
                                    }
                                @endphp
                            <tr data-toggle="tooltip" data-html="true" data-original-title="{{ $tooltip }}">
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $subscription->invoice() }}</td>
                                <td>{{ $subscription->name }}</td>
                                <td>{{ config('innoplore.currency') }} {{  $subscription->amount }}</td>
                                <td>{{ $subscription->status }}</td>
                                <td>{{ $subscription->status_at }}</td>
                            </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="font-w600 text-center"> No Subscription</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection