@extends('layouts.home')
@section('body')
    <section class="section">
        {{--  {{ dd($user->subscriptions) }} --}}
        {{-- <div>
            <h1>User subscriptions</h1>
            <ul>
                @foreach ($user->subscriptions as $subscription)
                    <li>
                        subscription Ref {{ $subscription->subscription_details->tx_ref }}
                        subscription Currency {{ $subscription->subscription_details->currency }}
                        subscription Amount {{ $subscription->subscription_details->amount }}
                        subscription status {{ $subscription->status == 0 ? 'pending' : 'success' }}
                    </li>
                @endforeach

            </ul>
        </div> --}}
        <div class="container">
            <h3>My Subscriptions</h3>
        </div>
        <div class="table-responsive">
            <table class="table">
                <div class="sub_container">
                    <div class="sub_scroll_alert">
                        <p class="sub_scroll_text">Scroll to explore</p>
                        <ion-icon name="arrow-back-outline"></ion-icon>
                        <ion-icon name="arrow-forward-outline"></ion-icon>
                    </div>

                    @foreach ($subscriptions as $subscription)
                        <div class="sub_table">
                            <div class="sub_category">
                                <div class="sub_head">
                                    <h5>End Date</h5>
                                </div>
                                <div class="sub_content">
                                    @php
                                        $ended = Carbon\Carbon::parse($subscription->ends_at)->diffInHours(absolute: false);
                                    @endphp
                                    <span
                                        class={{ $ended < 0 ? 'pending' : 'live' }}>{{ $subscription->ends_at == 0 ? 'Expired' : 'Running' }}</span>
                                    <div class="sub_date_time">
                                        <p>{{ Carbon\Carbon::parse($subscription->ends_at)->format('d/m/y') }}</p>
                                        {{-- <ion-icon name="time-outline"></ion-icon>
                                        <p>{{ Carbon\Carbon::parse($subscription->created_at)->format('H:m') }}</p> --}}
                                    </div>
                                </div>
                            </div>

                            <div class="sub_category">
                                <div class="sub_head">
                                    <h5>Email</h5>
                                </div>
                                <div class="sub_content">
                                    <a
                                        href="{{ route('user.bill.show', ['bill' => $subscription->id]) }}">{{ $subscription->ends_at }}</a>

                                    {{-- <p class="sub_email_head">
                                        {{ $subscription->subscription_details->customer->name->first_name }}
                                        {{ $subscription->subscription_details->customer->name->last_name }}
                                    </p>
                                    <p class="sub_email">{{ $subscription->subscription_details->customer->email }}</p> --}}
                                </div>
                            </div>

                            {{-- <div class="sub_category">
                                <div class="sub_head">
                                    <h5>PRODUCT / PLAN</h5>
                                </div>
                                <div class="sub_content">
                                    <p class="sub_plan_product">{{ $subscription->plan_details->plan_name ?? '' }}</p>
                                    <p class="sub_plan_type_duration">{{ $subscription->plan_details->product_name ?? '' }}
                                    </p>
                                </div>
                            </div> --}}

                            {{-- <div class="sub_category">
                                <div class="sub_head">
                                    <h5>LAST BILL</h5>
                                </div>
                                <div class="sub_content">
                                    <p class="sub_date">
                                        {{ Carbon\Carbon::parse($subscription->created_at)->format('M d, Y') }}
                                    </p>
                                    <p class="sub_due_date">
                                        {{ Carbon\Carbon::parse($subscription->created_at)->format('M d, Y') }}, ~
                                    </p>
                                </div>
                            </div> --}}

                            {{-- <div class="sub_category">
                                <div class="sub_head">
                                    <h5>AMOUNT</h5>
                                </div>
                                <div class="sub_content">
                                    <p class="sub_amount">{{ $subscription->subscription_details->currency }}
                                        {{ $subscription->subscription_details->amount }}</p>
                                    <p class="sub_payment_mode">-</p>
                                </div>
                            </div> --}}
                        </div>
                    @endforeach

                </div>
            </table>
        </div>
        {{-- <div>
            <h1>User Subscriptions</h1>
            <ul>
                @foreach ($user->subscriptions as $subscription)
                    <li>
                        Subscription name {{ $subscription->name }}
                        Starts {{ $subscription->starts_at }}
                        End {{ $subscription->ends_at }}

                    </li>
                @endforeach

            </ul>
        </div> --}}

    </section>
@endsection