@include('Partials.sidebar')
<section class="main_content dashboard_part large_header_bg">
    @include('Partials.header')

    <div class="main_content_iner default_main_contaner_iner">
        <div class="page-body">

            <div class="container-fluid">
                <div class="page-title">
                    <div class="row align-items-center">
                        <div class="col-sm-6 ps-0">
                            <h3>
                                <i class="fas fa-credit-card mr-2" style="color:#c9a96e"></i>
                                My Subscription
                            </h3>
                            <p class="text-muted mb-0" style="font-size:13px">
                                Manage your plan and billing
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container-fluid">
                <div class="row justify-content-center">
                    <div class="col-lg-7">

                        @if($subscription)
                        @php
                        $isExpired = $subscription->expires_at && $subscription->expires_at->isPast();
                        $daysLeft = $subscription->expires_at ? now()->diffInDays($subscription->expires_at, false) :
                        null;
                        $isExpiringSoon = !$isExpired && $daysLeft !== null && $daysLeft <= 7; $canRenew=$isExpired ||
                            $isExpiringSoon; @endphp <div class="card"
                            style="border-radius:12px;border:none;box-shadow:0 2px 12px rgba(0,0,0,0.08);overflow:hidden;">

                            {{-- Header --}}
                            <div
                                style="background:linear-gradient(135deg,#1a2535,#2a3a50);padding:24px;text-align:center;">
                                <div
                                    style="width:56px;height:56px;border-radius:50%;background:rgba(201,169,110,0.15);
                                                display:flex;align-items:center;justify-content:center;margin:0 auto 10px;">
                                    <i class="fas fa-crown" style="color:#c9a96e;font-size:22px;"></i>
                                </div>
                                <div style="color:#fff;font-size:20px;font-weight:800;">
                                    {{ $tenant->plan->name ?? 'N/A' }}
                                </div>
                                <div style="color:rgba(255,255,255,0.55);font-size:13px;margin-top:2px;">
                                    {{ ucfirst($tenant->billing_cycle) }} billing
                                </div>
                            </div>

                            <div class="card-body" style="padding:24px;">

                                {{-- Status banner --}}
                                @if($isExpired)
                                <div class="alert alert-danger d-flex align-items-center"
                                    style="border-radius:10px;gap:10px;">
                                    <i class="fas fa-exclamation-triangle" style="font-size:18px;"></i>
                                    <div>
                                        <strong>Your subscription has expired.</strong><br>
                                        <span style="font-size:12px;">Renew now to restore full access.</span>
                                    </div>
                                </div>
                                @elseif($isExpiringSoon)
                                <div class="alert alert-warning d-flex align-items-center"
                                    style="border-radius:10px;gap:10px;color:#856404;">
                                    <i class="fas fa-clock" style="font-size:18px;"></i>
                                    <div>
                                        <strong>Expiring in {{ $daysLeft }} day{{ $daysLeft == 1 ? '' : 's'
                                            }}.</strong><br>
                                        <span style="font-size:12px;">Renew soon to avoid any interruption.</span>
                                    </div>
                                </div>
                                @else
                                <div class="alert alert-success d-flex align-items-center"
                                    style="border-radius:10px;gap:10px;">
                                    <i class="fas fa-check-circle" style="font-size:18px;"></i>
                                    <div><strong>Your subscription is active.</strong></div>
                                </div>
                                @endif

                                {{-- Details grid --}}
                                <div class="row mt-3">
                                    <div class="col-6 mb-3">
                                        <div
                                            style="font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;">
                                            Plan</div>
                                        <div style="font-size:15px;font-weight:700;color:#1e293b;">{{
                                            $tenant->plan->name ?? 'N/A' }}</div>
                                    </div>
                                    <div class="col-6 mb-3">
                                        <div
                                            style="font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;">
                                            Billing Cycle</div>
                                        <div style="font-size:15px;font-weight:700;color:#1e293b;">{{
                                            ucfirst($tenant->billing_cycle) }}</div>
                                    </div>
                                    <div class="col-6">
                                        <div
                                            style="font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;">
                                            {{ $isExpired ? 'Expired On' : 'Expires On' }}
                                        </div>
                                        <div
                                            style="font-size:15px;font-weight:700;color:{{ $isExpired ? '#dc2626' : '#1e293b' }};">
                                            <i class="fas fa-calendar-alt mr-1"
                                                style="color:#c9a96e;font-size:13px;"></i>
                                            {{ $subscription->expires_at?->format('d M Y') ?? 'N/A' }}
                                        </div>
                                    </div>
                                    @if($subscription->amount)
                                    <div class="col-6">
                                        <div
                                            style="font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;">
                                            Amount</div>
                                        <div style="font-size:15px;font-weight:700;color:#1e293b;">
                                            {{ $subscription->getFormattedAmount() }}
                                        </div>
                                    </div>
                                    @endif
                                </div>

                                @if($canRenew)
                                <a href="{{ route('tenant.payment', $tenant->slug) }}" class="btn btn-block mt-3" style="background:linear-gradient(135deg,#c9a96e,#a07840);
              color:#fff;border:none;border-radius:8px;padding:12px;font-weight:700;font-size:14px;">
                                    <i class="fas fa-sync mr-1"></i> Renew Subscription
                                </a>
                                @else
                                <div class="mt-3 text-center"
                                    style="font-size:12px;color:#94a3b8;padding:10px;background:#f8f9fa;border-radius:8px;">
                                    <i class="fas fa-check-circle mr-1" style="color:#22c55e;"></i>
                                    Renewal opens 7 days before expiry, on {{
                                    $subscription->expires_at?->copy()->subDays(7)->format('d M Y') }}
                                </div>
                            </div>
                            @endif
                    </div>
                </div>

                @else
                <div class="card" style="border-radius:12px;border:none;box-shadow:0 2px 12px rgba(0,0,0,0.08);">
                    <div class="card-body text-center" style="padding:50px 20px;">
                        <i class="fas fa-credit-card"
                            style="font-size:40px;color:#cbd5e0;display:block;margin-bottom:14px;"></i>
                        <strong style="display:block;color:#4a5568;margin-bottom:6px;">No active subscription
                            found</strong>
                        <p class="text-muted" style="font-size:13px;">Contact support to set up your subscription.
                        </p>
                    </div>
                </div>
                @endif

            </div>
        </div>
    </div>

    </div>
    </div>
</section>

@include('Partials.footer')