@extends('layouts.app')

@section('title', __('ui.usage'))

@section('content')
<div class="row g-3">
    <div class="col-md-4"><div class="card-soft stat"><div class="text-muted">Period</div><div class="value">{{ $usage['period'] }}</div></div></div>
    <div class="col-md-4"><div class="card-soft stat"><div class="text-muted">Used</div><div class="value">{{ $usage['used'] }}</div></div></div>
    <div class="col-md-4"><div class="card-soft stat"><div class="text-muted">{{ __('ui.remaining_quota') }}</div><div class="value">{{ $usage['remaining'] }}</div></div></div>
</div>
<div class="card-soft p-3 mt-3">
    <ul class="mb-0">
        <li>Limit: {{ $usage['limit'] }}</li>
        <li>Rate / minute: {{ $usage['rate_per_minute'] }}</li>
        <li>Plan: {{ $usage['plan']['name'] ?? '—' }}</li>
        <li>Subscription: {{ $usage['subscription_status'] ?? '—' }}</li>
        <li>Ends at: {{ $usage['subscription_ends_at'] ?? '—' }}</li>
    </ul>
</div>
@endsection