@extends('layouts.landing')

@section('title', 'Subscription')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 col-xxl-4 col-xl-4 col-lg-4">
                @include('elements.settings-menu')
            </div>
            <div class="col-12 col-xxl-8 col-xl-8 col-lg-8">
                <div class="card w-100 border-0 p-0 bg-white shadow-xss rounded-xxl">
                    <div class="card-body p-4">
                        <h5>Subscription</h5>
                        <div class="row">
                            <div class="col-12">
                                @if ($user->subscribedUser())
                                    <h4 class="fw-700 font-xss mb-4">Subscribed Plan: <span class="text-success">Active</span>
                                    </h4>
                                    <div class="card-header">
                                        <h5>
                                            {{ @$package->name }}
                                        </h5>
                                            <a href="/pricing" class="menu-btn custom-btn-outline mx-2 mb-4 rounded-1">
                                                <i class="mdi mdi-crown me-3" aria-hidden="true"></i>Upgrade Plan
                                            </a>
                                    </div>
                                    <div class="card-body">
                                        <div class="list-group list-group-flush list-group-activity">
                                            <div class="small">
                                                <p class="text-gray-400 text-dark">
                                                    <strong>Your subscription is active</strong> Expires on
                                                    {{ \Carbon\Carbon::parse($user->expiry_date)->toFormattedDateString() }}
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                @elseif($user->pendingUser())
                                    <h4 class="fw-700 font-xss mb-4">Subscribed Plan: <span
                                            class="text-secondary">Inactive</span> </h4>
                                    <div class="card-header">
                                        <h6>
                                            {{ @$package->name }}
                                            </h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="list-group list-group-flush list-group-activity">
                                            <div class="small">
                                                <p class="text-gray-400 text-dark">
                                                    <strong>Your subscription has not been activated</strong>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                @elseif($user->expiredUser())
                                    <h4 class="fw-700 font-xss mb-4">Subscribed Plan: <span
                                            class="text-warning">Expired</span> </h4>
                                    <div class="card-header">
                                        <h6>
                                            {{ @$package->name }}
                                            </h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="list-group list-group-flush list-group-activity">
                                            <div class="small">
                                                <p class="text-gray-400 text-dark">
                                                    <strong>Your subscription has expired</strong>, on
                                                    {{ \Carbon\Carbon::parse(Auth::user()->expiry_date)->toFormattedDateString() }}
                                                </p>
                                                <a class="mt-2" href="{{ url('/pricing') }}">
                                                    <span class="custom-btn-outline">
                                                        Renew plan
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <h4 class="fw-700 font-xss "><i class="mdi mdi-close text-red"></i> No active Plan </h4>
                                    <div class="card-body mb-4">
                                        <div class="list-group list-group-flush list-group-activity">
                                            <div class="small">
                                                <p class="text-gray-400 text-dark mb-3">
                                                    <strong>You don't have an active plan</strong>
                                                </p>
                                                <a class="" href="{{ url('/pricing') }}">
                                                    <span class="custom-btn">
                                                        Subscribe to a plan
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                            <div class="col-12">
                                <div class="card"
                                    data-list='{"valueNames": ["orders-order", "orders-product", "orders-date", "orders-total", "orders-status", "orders-method"], "page": 10, "pagination": {"paginationClass": "list-pagination"}}'
                                    id="contactsList">
                                    <div class="table-responsive custom-overflow-x">
                                        <table class="table table-sm table-nowrap card-table">
                                            <thead>
                                                <tr>
                                                    <th><a href="#" class="text-muted list-sort"
                                                            data-sort="orders-order">s/n</a></th>
                                                    <th><a href="#" class="text-muted list-sort"
                                                            data-sort="orders-date">Payment Reference</a></th>
                                                    <th><a href="#" class="text-muted list-sort"
                                                            data-sort="orders-total">Amount</a></th>
                                                    <th><a href="#" class="text-muted list-sort"
                                                            data-sort="orders-status">Package</a></th>
                                                    <th><a href="#" class="text-muted list-sort"
                                                            data-sort="orders-status">Payment Status</a></th>
                                                    <th><a href="#" class="text-muted list-sort"
                                                            data-sort="orders-status">Payment Date</a></th>
                                                    <th><a href="#" class="text-muted list-sort"
                                                            data-sort="orders-status">Package Expiry Date</a></th>
                                                </tr>
                                            </thead>
                                            @php
                                                $transaction_no = 1;
                                            @endphp
                                            @if ($transactions)
                                                <tbody class="list">
                                                    @foreach ($transactions as $transaction)
                                                        <tr>
                                                            <td class="orders-order">{{ $transaction_no }}</td>
                                                            @php
                                                                $transaction_no++;
                                                            @endphp
                                                            <td class="orders-date">{{ $transaction->reference }}</td>
                                                            <td class="orders-date">
                                                                ₦{{ number_format($transaction->amount, 2) }}</td>
                                                            @php
                                                                $package = App\Models\Package::where('id', $transaction->payment_reference_id)->first();
                                                                $donation = App\Models\Donation::where('id', $transaction->payment_reference_id)->first();
                                                            @endphp
                                                            <td class="orders-date">
                                                                @if ($transaction->payment_type == 'subscription')
                                                                    {{ $package->name }}
                                                                @else
                                                                    {{ $donation->title }}
                                                                @endif
                                                            </td>
                                                            <td class="orders-date">{{ $transaction->status }}</td>
                                                            <td class="orders-total">
                                                                {{ \Carbon\Carbon::parse($transaction->created_at)->toFormattedDateString() }}
                                                            </td>
                                                            @php
                                                                $package_expiry = App\Models\Package::where('id', $transaction->payment_reference_id)->first();
                                                                if ($package_expiry) {
                                                                    if ($package_expiry->validity == 'Days') {
                                                                        $date = $package_expiry->duration;
                                                                        $transaction_date = \Carbon\Carbon::parse($transaction->created_at)->toFormattedDateString();
                                                                        $get_date = strtotime($transaction_date);
                                                                        $added_date = strtotime("+$date day", $get_date);
                                                                        $expiry_date = date('M d, Y', $added_date);
                                                                    }
                                                                    if ($package_expiry->validity == 'Months') {
                                                                        $date = $package_expiry->duration;
                                                                        $transaction_date = \Carbon\Carbon::parse($transaction->created_at)->toFormattedDateString();
                                                                        $get_date = strtotime($transaction_date);
                                                                        $added_date = strtotime("+$date month", $get_date);
                                                                        $expiry_date = date('M d, Y', $added_date);
                                                                    }
                                                                    if ($package_expiry->validity == 'Years') {
                                                                        $date = $package_expiry->duration;
                                                                        $transaction_date = \Carbon\Carbon::parse($transaction->created_at)->toFormattedDateString();
                                                                        $get_date = strtotime($transaction_date);
                                                                        $added_date = strtotime("+$date year", $get_date);
                                                                        $expiry_date = date('M d, Y', $added_date);
                                                                    }
                                                                }
                                                            @endphp
                                                            @if ($transaction->status == 'paid')
                                                                <td class="orders-date">
                                                                    @if ($transaction->payment_type == 'subscription')
                                                                        {{ @$expiry_date }}
                                                                    @else
                                                                        --
                                                                    @endif
                                                                </td>
                                                            @else
                                                                <td class="orders-date">--</td>
                                                            @endif
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            @else
                                                <div class="text-center">
                                                    <h5>No recent transaction</h5>
                                                </div>
                                            @endif
                                        </table>
                                    </div>
                                    <div class="row g-0">
                                        <ul
                                            class="col list-pagination-prev pagination pagination-tabs justify-content-start">
                                            <li class="page-item">
                                                <a class="page-link" href="#">
                                                    <i class="fe fe-arrow-left me-1"></i> Prev
                                                </a>
                                            </li>
                                        </ul>
                                        <ul class="col list-pagination pagination pagination-tabs justify-content-center">
                                        </ul>
                                        <ul class="col list-pagination-next pagination pagination-tabs justify-content-end">
                                            <li class="page-item">
                                                <a class="page-link" href="#">
                                                    Next <i class="fe fe-arrow-right ms-1"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection