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

            </ul>
        </div> --}}
        <div class="container">
            <h3>My Bills</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 ($invoices as $invoice)
                        <div class="sub_table">
                            <div class="sub_category">
                                <div class="sub_head">
                                    <h5>Date</h5>
                                </div>
                                <div class="sub_content">
                                    <span
                                        class={{ $invoice->status == 0 ? 'pending' : 'live' }}>{{ $invoice->status == 0 ? 'Pending' : 'Paid' }}</span>
                                    <div class="sub_date_time">
                                        <p>{{ Carbon\Carbon::parse($invoice->created_at)->format('d/m/y') }}</p>
                                        <ion-icon name="time-outline"></ion-icon>
                                        <p>{{ Carbon\Carbon::parse($invoice->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' => $invoice->id]) }}">{{ $invoice->invoice_details->tx_ref }}</a>

                                    <p class="sub_email_head">
                                        {{ $invoice->invoice_details->customer->name->first_name }}
                                        {{ $invoice->invoice_details->customer->name->last_name }}
                                    </p>
                                    <p class="sub_email">{{ $invoice->invoice_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">{{ $invoice->plan_details->plan_name ?? '' }}</p>
                                    <p class="sub_plan_type_duration">{{ $invoice->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($invoice->created_at)->format('M d, Y') }}
                                    </p>
                                    <p class="sub_due_date">
                                        {{ Carbon\Carbon::parse($invoice->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">{{ $invoice->invoice_details->currency }}
                                        {{ $invoice->invoice_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