@extends('layouts.dashboard')

@section('title', 'Company Usage')
@section('header', $company->name . ' - Usage Statistics')

@section('sidebar')
@include('super-admin.partials.sidebar')
@endsection

@section('content')
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
    <div class="bg-white rounded-lg shadow p-6">
        <h3 class="text-lg font-semibold mb-4">Current Usage</h3>
        <dl class="space-y-3">
            <div class="flex justify-between">
                <dt class="text-sm text-gray-600">Users</dt>
                <dd class="text-sm font-medium">{{ $usage['users_count'] }} / {{ $limits['users_limit'] ?? '∞' }}</dd>
            </div>
            <div class="flex justify-between">
                <dt class="text-sm text-gray-600">Properties</dt>
                <dd class="text-sm font-medium">{{ $usage['properties_count'] }} / {{ $limits['properties_limit'] ?? '∞' }}</dd>
            </div>
            <div class="flex justify-between">
                <dt class="text-sm text-gray-600">Tenants</dt>
                <dd class="text-sm font-medium">{{ $usage['tenants_count'] }}</dd>
            </div>
            <div class="flex justify-between">
                <dt class="text-sm text-gray-600">Leases</dt>
                <dd class="text-sm font-medium">{{ $usage['leases_count'] }}</dd>
            </div>
            <div class="flex justify-between">
                <dt class="text-sm text-gray-600">Payments</dt>
                <dd class="text-sm font-medium">{{ $usage['payments_count'] }}</dd>
            </div>
        </dl>
    </div>

    <div class="bg-white rounded-lg shadow p-6">
        <h3 class="text-lg font-semibold mb-4">Revenue</h3>
        <dl class="space-y-3">
            <div class="flex justify-between">
                <dt class="text-sm text-gray-600">Total Revenue</dt>
                <dd class="text-sm font-medium">{{ number_format($usage['total_revenue'], 0) }} TZS</dd>
            </div>
            <div class="flex justify-between">
                <dt class="text-sm text-gray-600">Monthly Revenue</dt>
                <dd class="text-sm font-medium">{{ number_format($usage['monthly_revenue'], 0) }} TZS</dd>
            </div>
        </dl>
    </div>
</div>

<div class="bg-white rounded-lg shadow p-6">
    <h3 class="text-lg font-semibold mb-4">Subscription Plan Limits</h3>
    @if($company->activeSubscription)
    <dl class="space-y-2">
        <div>
            <dt class="text-sm text-gray-500">Plan</dt>
            <dd class="text-sm font-medium">{{ $company->activeSubscription->plan->name }}</dd>
        </div>
        <div>
            <dt class="text-sm text-gray-500">Properties Limit</dt>
            <dd class="text-sm font-medium">{{ $limits['properties_limit'] ?? 'Unlimited' }}</dd>
        </div>
        <div>
            <dt class="text-sm text-gray-500">Users Limit</dt>
            <dd class="text-sm font-medium">{{ $limits['users_limit'] ?? 'Unlimited' }}</dd>
        </div>
    </dl>
    @else
    <p class="text-sm text-gray-500">No active subscription plan</p>
    @endif
</div>

<div class="mt-6">
    <a href="{{ route('super-admin.companies.show', $company) }}" class="bg-gray-300 text-gray-700 px-4 py-2 rounded-md hover:bg-gray-400">
        Back to Company
    </a>
</div>
@endsection