@push('title')
    Subscription Management
@endpush

@php
    if (!function_exists('humanTime')) {
        function humanTime(int $days): string {
            if ($days <= 0)  return 'Expired';
            if ($days === 1) return '1 day left';
            if ($days < 7)   return $days . ' days left';
            if ($days < 14)  return '1 week left';
            if ($days < 30)  return round($days / 7) . ' weeks left';
            if ($days < 60)  return '1 month left';
            if ($days < 365) return round($days / 30) . ' months left';
            return round($days / 365, 1) . ' years left';
        }
    }
@endphp

<x-app-layout>
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="card-title mb-0">All Subscriptions ({{ $subscriptions->total() }})</h5>
        </div>
        <div class="card-body">
            <!-- Search & Filters -->
            <form method="GET" action="{{ route('admin.subscriptions.index') }}">
                <div class="row g-3 mb-4">
                    <div class="col-md-3">
                        <label class="form-label fw-semibold">Search User or PayPal ID</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="bx bx-search"></i></span>
                            <input type="text" name="search" class="form-control" placeholder="Name, email, or PayPal Order ID"
                                value="{{ request('search') }}">
                        </div>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label fw-semibold">Plan Type</label>
                        <select name="plan_type" class="form-select">
                            <option value="">All Plans</option>
                            <option value="monthly" {{ request('plan_type') == 'monthly' ? 'selected' : '' }}>Monthly</option>
                            <option value="yearly" {{ request('plan_type') == 'yearly' ? 'selected' : '' }}>Yearly</option>
                            <option value="lifetime" {{ request('plan_type') == 'lifetime' ? 'selected' : '' }}>Lifetime</option>
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label fw-semibold">Status</label>
                        <select name="status" class="form-select">
                            <option value="">All Statuses</option>
                            <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Active</option>
                            <option value="expired" {{ request('status') == 'expired' ? 'selected' : '' }}>Expired</option>
                            <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                            <option value="cancelled" {{ request('status') == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                        </select>
                    </div>

                    <div class="col-md-3">
                        <div class="row g-2">
                            <div class="col-6">
                                <label class="form-label fw-semibold">From Date</label>
                                <input type="date" name="from_date" class="form-control" value="{{ request('from_date') }}">
                            </div>
                            <div class="col-6">
                                <label class="form-label fw-semibold">To Date</label>
                                <input type="date" name="to_date" class="form-control" value="{{ request('to_date') }}">
                            </div>
                        </div>
                    </div>

                    <div class="col-md-2 d-flex align-items-end justify-content-end gap-2">
                        <button type="submit" class="btn btn-primary w-100"><i class="bx bx-filter-alt me-1"></i> Filter</button>
                        <a href="{{ route('admin.subscriptions.index') }}" class="btn btn-secondary"><i class="bx bx-refresh"></i></a>
                    </div>
                </div>
            </form>

            <!-- Table -->
            <div class="table-responsive text-nowrap">
                <table class="table table-striped table-hover" id="devtable">
                    <thead class="table-dark">
                        <tr>
                            <th>ID</th>
                            <th>User Name</th>
                            <th>PayPal Order ID</th>
                            <th>Plan Type</th>
                            <th>Amount</th>
                            <th>Status</th>
                            <th>Starts At</th>
                            <th>Expires At</th>
                            <th>API Key</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">
                        @if ($subscriptions->count() > 0)
                            @foreach ($subscriptions as $subscription)
                                <tr>
                                    <td><strong>#{{ $subscription->id }}</strong></td>
                                    <td>
                                        <div class="d-flex align-items-center">
                                            <div>
                                                <span class="fw-semibold d-block">{{ $subscription->user ? $subscription->user->name : 'N/A' }}</span>
                                                <small class="text-muted">{{ $subscription->user ? $subscription->user->email : 'N/A' }}</small>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="d-flex flex-column">
                                            <div>
                                                <small class="text-muted d-inline-block" style="width: 48px;">Order:</small>
                                                <code class="text-primary font-monospace" style="font-size:11px;">{{ $subscription->paypal_order_id ?: 'N/A' }}</code>
                                            </div>
                                            @if($subscription->paypal_transaction_id)
                                                <div class="mt-1">
                                                    <small class="text-muted d-inline-block" style="width: 48px;">Txn:</small>
                                                    <code class="text-success font-monospace" style="font-size:11px;">{{ $subscription->paypal_transaction_id }}</code>
                                                </div>
                                            @endif
                                        </div>
                                    </td>
                                    <td>
                                        <span class="badge bg-label-info text-capitalize">{{ $subscription->plan_type ?: 'Standard' }}</span>
                                    </td>
                                    <td>
                                        <span class="fw-bold text-success">${{ number_format($subscription->amount ?: 0.00, 2) }}</span>
                                    </td>
                                    <td>
                                        <span class="badge 
                                            @if($subscription->status === 'active') bg-label-success
                                            @elseif($subscription->status === 'expired') bg-label-danger
                                            @elseif($subscription->status === 'cancelled') bg-label-secondary
                                            @else bg-label-warning @endif
                                        ">
                                            {{ ucfirst($subscription->status ?: 'Pending') }}
                                        </span>
                                    </td>
                                    <td>{{ $subscription->starts_at ? $subscription->starts_at->format('Y-m-d') : 'N/A' }}</td>
                                    <td>
                                        @if($subscription->expires_at)
                                            @php
                                                $daysLeft = (int) now()->diffInDays($subscription->expires_at, false);
                                                $isExpired = $subscription->expires_at->isPast();
                                                $expiringSoon = !$isExpired && $daysLeft <= 7;
                                            @endphp
                                            <div class="d-flex flex-column">
                                                <span class="{{ $isExpired ? 'text-danger fw-semibold' : 'text-success' }}">
                                                    {{ $subscription->expires_at->format('Y-m-d') }}
                                                </span>
                                                <span class="badge mt-1 {{ $isExpired ? 'bg-label-danger' : ($expiringSoon ? 'bg-label-warning text-warning' : 'bg-label-success') }}" style="font-size: 10px; width: fit-content; text-transform: none;">
                                                    {{ $isExpired ? 'Expired' : humanTime($daysLeft) }}
                                                </span>
                                            </div>
                                        @else
                                            <span class="text-muted">N/A</span>
                                        @endif
                                    </td>
                                    <td>
                                        @php
                                            $apiKey = $subscription->apiKeys->first();
                                        @endphp
                                        @if($apiKey)
                                            <div class="d-flex align-items-center gap-1">
                                                <code class="text-dark fw-semibold" style="font-size:11px;">{{ substr($apiKey->key, 0, 9) }}...</code>
                                                <span class="badge {{ $apiKey->status === 'active' ? 'bg-label-success' : 'bg-label-danger' }} p-1" style="font-size:9px;">
                                                    {{ $apiKey->status }}
                                                </span>
                                            </div>
                                        @else
                                            <span class="text-muted small">None</span>
                                        @endif
                                    </td>
                                    <td class="text-end">
                                        <div class="d-inline-flex gap-1">
                                            <a href="{{ route('admin.subscriptions.show', $subscription->id) }}" class="btn btn-icon btn-info" title="View Details">
                                                <i class="bx bx-show-alt"></i>
                                            </a>
                                            @can('rotate_subscription_management')
                                                <form action="{{ route('admin.subscriptions.rotate', $subscription->id) }}" method="POST" class="d-inline">
                                                    @csrf
                                                    <button type="submit" class="btn btn-icon btn-warning" title="Rotate API Key" onclick="return confirm('Are you sure you want to rotate the API key for this subscription? The user will be notified of the new key.')">
                                                        <i class="bx bx-key"></i>
                                                    </button>
                                                </form>
                                            @endcan
                                            @can('delete_subscription_management')
                                                <button type="button" class="btn btn-icon btn-danger" data-bs-toggle="modal" data-bs-target="#deleteSubModal-{{ $subscription->id }}" title="Delete">
                                                    <i class="bx bx-trash"></i>
                                                </button>
                                            @endcan
                                        </div>
                                    </td>
                                </tr>

                                <!-- Delete Confirmation Modal -->
                                <div class="modal fade" id="deleteSubModal-{{ $subscription->id }}" tabindex="-1" aria-hidden="true">
                                    <div class="modal-dialog modal-simple modal-enable-otp modal-dialog-centered">
                                        <div class="modal-content">
                                            <div class="modal-body text-center">
                                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                    aria-label="Close"></button>
                                                <h3>Warning</h3>
                                                <p class="mt-3">Are you sure you want to delete this subscription?</p>
                                                <p class="mt-2">Subscriber Name :- {{ $subscription->user ? $subscription->user->name : 'N/A' }}</p>
                                                <p class="mt-2">PayPal Order ID :- {{ $subscription->paypal_order_id }}</p>
                                                <p class="mt-2 mb-3">Amount Paid :- ${{ number_format($subscription->amount, 2) }}</p>
                                                <form action="{{ route('admin.subscriptions.destroy', $subscription->id) }}" method="POST" class="d-inline">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-danger me-3">Delete</button>
                                                </form>
                                                <button type="button" class="btn btn-secondary"
                                                    data-bs-dismiss="modal">Cancel</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="10" class="text-center py-4">No Subscriptions Found matching the criteria.</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>

            <!-- Pagination -->
            <div class="d-flex justify-content-end mt-4">
                {{ $subscriptions->appends(request()->query())->links() }}
            </div>
        </div>
    </div>
</x-app-layout>