@extends('layouts.shared.admin-data-listing')

@section('title', 'Subscription Plans')
@section('shortDesc', 'Manage subscription plans and their details.')

@section('data')

<div class="table-responsive">
    <table class="table table-hover align-middle">
        <thead>
            <tr>
                <th>#</th>
                <th>Name</th>
                <th>Price (KES)</th>
                <th>Duration (Days)</th>
                <th>Active Subscriptions</th>
                <th>Status</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($plans as $plan)
            <tr>
                <td><span class="text-muted small">{{ $loop->iteration }}.</span></td>
                <td>
                    <h6 class="m-0">{{ $plan->name }}</h6>
                    <ul class="d-flex gap-3 align-items-center">
                        <li>
                            <a class="small text-primary" href="{{url('admin/subscriptions/plan/edit/'.$plan->id)}}">{{'Edit'}}</a>
                        </li>
                        <li>
                            <form action="{{ route('AdminPlans.destroy', $plan) }}" method="POST"
                                style="display:inline;" onsubmit="return confirm('Are you sure?');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="border-0 p-0 m-0 btn text-danger btn-sm">
                                    Delete
                                </button>
                            </form>
                        </li>
                    </ul>
                </td>
                <td>
                    {{ number_format($plan->price, 2) }}
                </td>
                <td>{{ $plan->duration_days }} days</td>
                <td>
                    <strong>{{ $plan->subscriptions->count() }}</strong>
                </td>
                <td>
                    @if ($plan->is_active)
                    <span class="status success">Active</span>
                    @else
                    <span class="status danger">Inactive</span>
                    @endif
                </td>
                <td>
                    <span class="small">Published</span>
                </td>
            </tr>
            @empty

            @endforelse
        </tbody>
    </table>
</div>

@endsection