@extends('layouts.app')

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

@section('content')
<div class="row">
    <div class="col-xl-3 col-md-6">
        <div class="card border-0 special-shadow"><div class="card-body">
            <p class="mb-1 fs-12 font-weight-bold">{{ __('Minutes Used This Month') }}</p>
            <h2 class="mb-0 number-font-light">{{ number_format((float) ($summary['free_minutes_month'] + $summary['paid_minutes_month']), 2) }}</h2>
        </div></div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="card border-0 special-shadow"><div class="card-body">
            <p class="mb-1 fs-12 font-weight-bold">{{ __('Transcribe Tasks This Month') }}</p>
            <h2 class="mb-0 number-font-light">{{ number_format((int) $summary['tasks_month']) }}</h2>
        </div></div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="card border-0 special-shadow"><div class="card-body">
            <p class="mb-1 fs-12 font-weight-bold">{{ __('New Users This Month') }}</p>
            <h2 class="mb-0 number-font-light">{{ number_format((int) $summary['new_users_month']) }}</h2>
        </div></div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="card border-0 special-shadow"><div class="card-body">
            <p class="mb-1 fs-12 font-weight-bold">{{ __('Estimated Runtime Cost This Month') }}</p>
            <h2 class="mb-0 number-font-light">{{ number_format((float) $summary['spending_month'], 2) }}</h2>
        </div></div>
    </div>
</div>

<div class="row">
    <div class="col-xl-4 col-md-6">
        <div class="card border-0"><div class="card-body">
            <h5 class="mb-3">{{ __('Total Minutes Used This Year') }}</h5>
            <h3 class="number-font">{{ number_format((float) $summary['total_minutes_year'], 2) }}</h3>
        </div></div>
    </div>
    <div class="col-xl-4 col-md-6">
        <div class="card border-0"><div class="card-body">
            <h5 class="mb-3">{{ __('Total Words This Year') }}</h5>
            <h3 class="number-font">{{ number_format((int) $summary['total_words_year']) }}</h3>
        </div></div>
    </div>
    <div class="col-xl-4 col-md-12">
        <div class="card border-0"><div class="card-body">
            <h5 class="mb-3">{{ __('Registered Users This Year') }}</h5>
            <h3 class="number-font">{{ number_format((int) $summary['total_users_year']) }}</h3>
        </div></div>
    </div>
</div>

<div class="card border-0">
    <div class="card-body">
        <p class="mb-0 text-muted">{{ __('This build is focused on local runtime only. AWS, GCP, payment, activation, and upgrade metrics have been removed from the dashboard.') }}</p>
    </div>
</div>
@endsection