@extends('layouts.app')

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

@section('content')
<div class="row g-3 mb-4">
    <div class="col-md-3"><div class="card-soft stat"><div class="text-muted">{{ __('ui.remaining_quota') }}</div><div class="value">{{ $usage['remaining'] }}</div></div></div>
    <div class="col-md-3"><div class="card-soft stat"><div class="text-muted">Used</div><div class="value">{{ $usage['used'] }}/{{ $usage['limit'] }}</div></div></div>
    <div class="col-md-3"><div class="card-soft stat"><div class="text-muted">{{ __('ui.sessions') }}</div><div class="value">{{ $sessionsCount }}</div></div></div>
    <div class="col-md-3"><div class="card-soft stat"><div class="text-muted">{{ __('ui.messages_today') }}</div><div class="value">{{ $messagesToday }}</div></div></div>
</div>
<div class="card-soft p-3">
    <h2 class="h5 mb-3">{{ __('ui.messages') }}</h2>
    <table class="table align-middle">
        <thead><tr><th>ID</th><th>To/From</th><th>Type</th><th>{{ __('ui.status') }}</th><th>Time</th></tr></thead>
        <tbody>
        @forelse($recentMessages as $message)
            <tr>
                <td class="small">{{ Str::limit($message->uuid, 8, '') }}</td>
                <td>{{ $message->direction === 'outbound' ? $message->to_number : $message->from_number }}</td>
                <td>{{ $message->type }}</td>
                <td><span class="badge text-bg-secondary">{{ $message->status }}</span></td>
                <td>{{ $message->created_at }}</td>
            </tr>
        @empty
            <tr><td colspan="5" class="text-muted">—</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
@endsection