@extends('admin.layout')
@section('title', 'Subscriptions')
@section('content')

<div style="display:flex;gap:8px;margin-bottom:18px">
    <form method="GET" style="display:flex;gap:8px">
        <select name="status" class="input" style="max-width:160px;width:auto">
            <option value="">All</option><option value="active" {{ request('status')=='active'?'selected':'' }}>Active</option>
            <option value="trial" {{ request('status')=='trial'?'selected':'' }}>Trial</option>
            <option value="cancelled" {{ request('status')=='cancelled'?'selected':'' }}>Cancelled</option>
            <option value="expired" {{ request('status')=='expired'?'selected':'' }}>Expired</option>
        </select>
        <button type="submit" class="btn btn-primary btn-sm">Filter</button>
        <a href="{{ route('admin.subscriptions') }}" class="btn btn-secondary btn-sm">Reset</a>
    </form>
</div>

<div class="table-card">
    <div class="table-header"><h3 style="font-size:14px;font-weight:600">Subscriptions ({{ $subscriptions->total() }})</h3></div>
    <table>
        <thead><tr><th>Tenant</th><th>Plan</th><th>Status</th><th>Period</th><th>Created</th></tr></thead>
        <tbody>
            @foreach($subscriptions as $s)
            <tr>
                <td style="font-weight:600">{{ $s->tenant->name ?? '—' }}</td>
                <td>{{ $s->plan->name ?? '—' }}</td>
                <td><span class="badge badge-{{ $s->status === 'active' ? 'success' : ($s->status === 'trial' ? 'info' : 'warning') }}">{{ ucfirst($s->status) }}</span></td>
                <td style="font-size:11px">{{ $s->current_period_start ? \Carbon\Carbon::parse($s->current_period_start)->format('M d') : '—' }} → {{ $s->current_period_end ? \Carbon\Carbon::parse($s->current_period_end)->format('M d, Y') : '—' }}</td>
                <td style="font-size:11px;color:var(--text-muted)">{{ $s->created_at->format('M d, Y') }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
    <div style="padding:10px 14px;border-top:1px solid var(--border)">{{ $subscriptions->links() }}</div>
</div>
@endsection