@extends('layouts.app')

@section('content')
    <article class="about active" data-page="admin-subscriptions">
        <header>
            <h2 class="h2 article-title">Subscriptions</h2>
        </header>

        <section class="about-text">
            <form method="GET" class="mb-3 d-flex gap-2">
                <select name="status" class="form-select" style="max-width: 240px;">
                    <option value="">All statuses</option>
                    <option value="active" @selected(request('status') === 'active')>Active</option>
                    <option value="trialing" @selected(request('status') === 'trialing')>Trialing</option>
                    <option value="cancelled" @selected(request('status') === 'cancelled')>Cancelled</option>
                    <option value="expired" @selected(request('status') === 'expired')>Expired</option>
                </select>
                <button class="btn btn-outline-primary">Filter</button>
            </form>

            <table class="table table-striped">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Customer</th>
                    <th>Product</th>
                    <th>Plan</th>
                    <th>Status</th>
                    <th>Payment</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach($subscriptions as $subscription)
                    <tr>
                        <td>{{ $subscription->id }}</td>
                        <td>{{ $subscription->customer->email }}</td>
                        <td>{{ $subscription->product->name }}</td>
                        <td>{{ $subscription->plan->name }}</td>
                        <td>{{ $subscription->status }}</td>
                        <td>{{ strtoupper((string) $subscription->payment_method) }}</td>
                        <td><a class="btn btn-sm btn-primary" href="{{ route('admin.subscriptions.show', $subscription) }}">View</a></td>
                    </tr>
                @endforeach
                </tbody>
            </table>

            {{ $subscriptions->links() }}
        </section>
    </article>
@endsection