@extends('layouts.app')

@section('page-header')
<div class="page-header mt-5-7">
    <div class="page-leftheader">
        <h4 class="page-title mb-0">{{ __('STT Dashboard') }}</h4>
        <ol class="breadcrumb mb-2">
            <li class="breadcrumb-item"><a href="{{ route('admin.stt.dashboard') }}"><i class="mdi mdi-microphone mr-2 fs-12"></i>{{ __('Speech To Text') }}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ __('Local Runtime Overview') }}</li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-xl-4 col-md-6">
        <div class="card border-0"><div class="card-body">
            <p class="mb-1 fs-12 font-weight-bold">{{ __('Free Minutes Used') }}</p>
            <h2 class="mb-0 number-font-light">{{ number_format((float) (($tts_data_monthly['free_minutes'][0]['data'] ?? 0) / 60), 2) }}</h2>
        </div></div>
    </div>
    <div class="col-xl-4 col-md-6">
        <div class="card border-0"><div class="card-body">
            <p class="mb-1 fs-12 font-weight-bold">{{ __('Paid Minutes Used') }}</p>
            <h2 class="mb-0 number-font-light">{{ number_format((float) (($tts_data_monthly['paid_minutes'][0]['data'] ?? 0) / 60), 2) }}</h2>
        </div></div>
    </div>
    <div class="col-xl-4 col-md-12">
        <div class="card border-0"><div class="card-body">
            <p class="mb-1 fs-12 font-weight-bold">{{ __('Total Words This Year') }}</p>
            <h2 class="mb-0 number-font-light">{{ number_format((int) ($tts_data_yearly['total_words'][0]['data'] ?? 0)) }}</h2>
        </div></div>
    </div>
</div>

<div class="card border-0">
    <div class="card-body">
        <p class="mb-0 text-muted">{{ __('This dashboard now tracks internal local-runtime usage only. Cloud vendor split and cloud polling have been removed.') }}</p>
    </div>
</div>
@endsection