@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-hourglass-half mr-2" style="color:#c9a96e"></i>Subscription Renewals</h3>
                            <p class="text-muted mb-0" style="font-size:13px">Tenants expiring soon or already expired</p>
                        </div>
                        <div class="col-sm-6 pe-0 text-right">
                            <ol class="bc">
                                <li><a href="/platform/dashboard" class="bc-home"><i class="fas fa-home"></i></a></li>
                                <li class="bc-sep">›</li>
                                <li class="bc-active">Subscriptions</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            @foreach(['success','error'] as $t)
                @if(session($t))
                <div class="container-fluid">
                    <div class="alert alert-{{ $t==='error'?'danger':$t }} alert-dismissible fade show">
                        {{ session($t) }}
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                    </div>
                </div>
                @endif
            @endforeach

            <div class="container-fluid">
                <div class="row mb-3">
                    <div class="col-md-6">
                        <div class="card" style="border-left:4px solid #f59e0b;">
                            <div class="card-body">
                                <h6 class="text-muted mb-1">Expiring in 7 Days</h6>
                                <h3 class="mb-0">{{ $stats['expiring_soon'] }}</h3>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card" style="border-left:4px solid #ef4444;">
                            <div class="card-body">
                                <h6 class="text-muted mb-1">Already Expired</h6>
                                <h3 class="mb-0">{{ $stats['expired'] }}</h3>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="d-flex mb-3" style="gap:8px">
                    <a href="{{ route('platform.subscriptions.index', ['tab' => 'expiring']) }}"
                       class="btn btn-sm {{ $tab === 'expiring' ? 'btn-warning' : 'btn-outline-secondary' }}" style="border-radius:20px;">
                        <i class="fas fa-clock mr-1"></i> Expiring Soon
                    </a>
                    <a href="{{ route('platform.subscriptions.index', ['tab' => 'expired']) }}"
                       class="btn btn-sm {{ $tab === 'expired' ? 'btn-danger' : 'btn-outline-secondary' }}" style="border-radius:20px;">
                        <i class="fas fa-exclamation-triangle mr-1"></i> Expired
                    </a>
                </div>

                <div class="card" style="border-radius:12px;border:none;box-shadow:0 2px 12px rgba(0,0,0,0.08);">
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-hover mb-0" style="font-size:13px">
                                <thead>
                                    <tr style="background:#f8f9fa;">
                                        <th style="padding:12px 16px;">Tenant</th>
                                        <th style="padding:12px 16px;">Plan</th>
                                        <th style="padding:12px 16px;">Cycle</th>
                                        <th style="padding:12px 16px;">Expires</th>
                                        <th style="padding:12px 16px;">Status</th>
                                        <th style="padding:12px 16px;text-align:center;">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($subscriptions as $sub)
                                        @php $isExpired = $sub->expires_at->isPast(); @endphp
                                        <tr>
                                            <td style="padding:12px 16px;">
                                                <strong>{{ $sub->tenant->name ?? 'N/A' }}</strong><br>
                                                <small class="text-muted">{{ $sub->tenant->email ?? '' }}</small>
                                            </td>
                                            <td style="padding:12px 16px;">{{ $sub->plan->name ?? 'N/A' }}</td>
                                            <td style="padding:12px 16px;">{{ ucfirst($sub->billing_cycle) }}</td>
                                            <td style="padding:12px 16px;">{{ $sub->expires_at->format('d M Y') }}</td>
                                            <td style="padding:12px 16px;">
                                                @if($isExpired)
                                                    <span class="badge badge-danger">Expired {{ $sub->expires_at->diffForHumans() }}</span>
                                                @else
                                                    <span class="badge badge-warning" style="color:#000;">{{ now()->diffInDays($sub->expires_at) }} day(s) left</span>
                                                @endif
                                            </td>
                                            <td style="padding:12px 16px;text-align:center;">
                                                <div class="d-flex" style="gap:6px;justify-content:center;">
                                                    <a href="{{ route('platform.tenants.show', $sub->tenant_id) }}" class="btn btn-sm btn-outline-primary" title="View Tenant">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                    <form action="{{ route('platform.subscriptions.remind', $sub->id) }}" method="POST"
                                                          onsubmit="return confirm('Send a renewal reminder to {{ addslashes($sub->tenant->name ?? '') }}?')">
                                                        @csrf
                                                        <button type="submit" class="btn btn-sm btn-outline-warning" title="Send Reminder">
                                                            <i class="fas fa-paper-plane"></i>
                                                        </button>
                                                    </form>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="6" class="text-center" style="padding:40px;color:#a0aec0;">
                                                No subscriptions in this category.
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if($subscriptions->hasPages())
                        <div class="card-footer">{{ $subscriptions->links() }}</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
@include('Partials.footer')