@extends('adminlte::page')

@section('title', 'Subscription & Modules')

@include('partials.ui-polish')

@section('content_header')
    <div class="d-flex align-items-center justify-content-between flex-wrap">
        <div>
            <h1 class="m-0">Subscription & Modules</h1>
            <span class="text-muted">Read-only view of your organization plan and enabled modules</span>
        </div>
        <a href="{{ route('dashboard') }}" class="btn btn-outline-secondary btn-sm mt-2 mt-sm-0">
            <i class="fas fa-arrow-left mr-1"></i> Dashboard
        </a>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-lg-4">
            <x-adminlte-info-box title="{{ $organization->plan }}" text="Current Plan" icon="fas fa-credit-card" theme="info"/>
        </div>
        <div class="col-lg-4">
            <x-adminlte-info-box title="{{ $organization->subscription_status }}" text="Subscription Status" icon="fas fa-toggle-on" theme="{{ $organization->subscription_status === 'Active' ? 'success' : 'warning' }}"/>
        </div>
        <div class="col-lg-4">
            <x-adminlte-info-box title="{{ $activeModules }} / {{ $modules->count() }}" text="Available Modules" icon="fas fa-puzzle-piece" theme="primary"/>
        </div>
    </div>

    <x-adminlte-card title="Organization Subscription" icon="fas fa-building" theme="primary">
        <div class="row">
            <div class="col-md-3">
                <div class="text-muted small text-uppercase font-weight-bold">Organization</div>
                <div>{{ $organization->name }}</div>
            </div>
            <div class="col-md-3">
                <div class="text-muted small text-uppercase font-weight-bold">Billing</div>
                <span class="badge badge-{{ $organization->billing_status === 'Current' ? 'success' : 'warning' }}">{{ $organization->billing_status }}</span>
            </div>
            <div class="col-md-3">
                <div class="text-muted small text-uppercase font-weight-bold">Subscription Ends</div>
                <div>{{ $organization->subscription_ends_at?->format('M d, Y') ?? 'Not set' }}</div>
            </div>
            <div class="col-md-3">
                <div class="text-muted small text-uppercase font-weight-bold">Module Control</div>
                <div>Platform Super Admin</div>
            </div>
        </div>
    </x-adminlte-card>

    <x-adminlte-card title="Module Availability" icon="fas fa-puzzle-piece" theme="info">
        <div class="table-responsive">
            <table class="table table-hover text-nowrap mb-0">
                <thead>
                    <tr>
                        <th>Module</th>
                        <th>Status</th>
                        <th>Plan Source</th>
                        <th>Activated</th>
                        <th>Expires</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($modules as $item)
                        <tr>
                            <td>
                                <strong><i class="{{ $item['module']->icon }} mr-1 text-muted"></i>{{ $item['module']->name }}</strong>
                                <div class="text-muted small">{{ $item['module']->description }}</div>
                            </td>
                            <td>
                                <span class="badge badge-{{ $item['is_available'] ? 'success' : 'secondary' }}">{{ $item['status'] }}</span>
                            </td>
                            <td>{{ $item['source_plan'] ?? $organization->plan }}</td>
                            <td>{{ $item['activated_at']?->format('M d, Y') ?? '-' }}</td>
                            <td>{{ $item['expires_at']?->format('M d, Y') ?? 'No expiry' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center text-muted py-4">No modules have been assigned to this organization.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </x-adminlte-card>
@stop