@extends('layouts.app')

@section('page-header')
<div class="page-header mt-5-7">
    <div class="page-leftheader">
        <h4 class="page-title mb-0">{{ __('My Profile') }}</h4>
        <ol class="breadcrumb mb-2">
            <li class="breadcrumb-item"><a href="{{ route('user.stt.file') }}"><i class="mdi mdi-account-settings-variant mr-2 fs-12"></i>{{ __('User') }}</a></li>
            <li class="breadcrumb-item active">{{ __('My Profile') }}</li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-xl-3 col-lg-4 col-md-12">
        <div class="card border-0">
            <div class="widget-user-image overflow-hidden mx-auto mt-5"><img alt="User Avatar" class="rounded-circle" src="@if(auth()->user()->profile_photo_path){{ asset(auth()->user()->profile_photo_path) }}@else{{ URL::asset('img/users/avatar.jpg') }}@endif"></div>
            <div class="card-body text-center">
                <h4 class="mb-1 mt-1 font-weight-bold fs-16">{{ auth()->user()->name }}</h4>
                <h6 class="text-muted fs-12">{{ auth()->user()->job_role }}</h6>
                <a href="{{ route('user.profile.edit') }}" class="btn btn-primary mt-3 mb-2"><i class="fa fa-pencil mr-1"></i> {{ __('Edit Profile') }}</a>
            </div>
            <div class="card-footer">
                <div class="d-flex justify-content-between">
                    <span>{{ __('Available Minutes') }}</span>
                    <strong>{{ number_format((float) auth()->user()->available_minutes, 2) }}</strong>
                </div>
            </div>
        </div>
        <div class="card border-0">
            <div class="card-body">
                <table class="table mb-0">
                    <tbody>
                        <tr><td>{{ __('Full Name') }}</td><td>{{ auth()->user()->name }}</td></tr>
                        <tr><td>{{ __('Job Role') }}</td><td>{{ auth()->user()->job_role }}</td></tr>
                        <tr><td>{{ __('Company') }}</td><td>{{ auth()->user()->company }}</td></tr>
                        <tr><td>{{ __('Website') }}</td><td>{{ auth()->user()->website }}</td></tr>
                        <tr><td>{{ __('City') }}</td><td>{{ auth()->user()->city }}</td></tr>
                        <tr><td>{{ __('Country') }}</td><td>{{ auth()->user()->country }}</td></tr>
                        <tr><td>{{ __('Email') }}</td><td>{{ auth()->user()->email }}</td></tr>
                        <tr><td>{{ __('Phone') }}</td><td>{{ auth()->user()->phone_number }}</td></tr>
                        <tr><td>{{ __('Audio Language') }}</td><td>{{ $language_file }}</td></tr>
                        <tr><td>{{ __('Live Language') }}</td><td>{{ $language_live }}</td></tr>
                        <tr><td>{{ __('Default Project') }}</td><td>{{ ucfirst((string) auth()->user()->default_project) }}</td></tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-xl-9 col-lg-8 col-md-12">
        <div class="row">
            <div class="col-lg-4"><div class="card border-0 special-shadow"><div class="card-body"><p class="mb-0 fs-12 font-weight-bold">{{ __('Total Minutes Used') }}</p><p class="mb-3 fs-10 text-muted">({{ __('Current Month') }})</p><h2 class="mb-2 number-font-light">{{ number_format((float) (($user_data_month['total_minutes'][0]['data'] ?? 0) / 60), 2) }}</h2></div></div></div>
            <div class="col-lg-4"><div class="card border-0 special-shadow"><div class="card-body"><p class="mb-0 fs-12 font-weight-bold">{{ __('Total Words Generated') }}</p><p class="mb-3 fs-10 text-muted">({{ __('Current Month') }})</p><h2 class="mb-2 number-font-light">{{ number_format((int) ($user_data_month['total_words'][0]['data'] ?? 0)) }}</h2></div></div></div>
            <div class="col-lg-4"><div class="card border-0 special-shadow"><div class="card-body"><p class="mb-0 fs-12 font-weight-bold">{{ __('Audio Files Transcribed') }}</p><p class="mb-3 fs-10 text-muted">({{ __('Current Month') }})</p><h2 class="mb-2 number-font-light">{{ number_format((int) ($user_data_month['total_audio_files'][0]['data'] ?? 0)) }}</h2></div></div></div>
        </div>
        <div class="card border-0 special-shadow">
            <div class="card-header">
                <h3 class="card-title">{{ __('Speech to Text Usage') }} <span class="text-muted">({{ __('Current Year') }})</span></h3>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md"><p class="mb-1 fs-12">{{ __('Total Minutes Used') }}</p><h3 class="mb-0 fs-20 number-font">{{ number_format((float) (($user_data_year['total_minutes'][0]['data'] ?? 0) / 60), 2) }}</h3></div>
                    <div class="col-md"><p class="mb-1 fs-12">{{ __('Total Words Generated') }}</p><h3 class="mb-0 fs-20 number-font">{{ number_format((int) ($user_data_year['total_words'][0]['data'] ?? 0)) }}</h3></div>
                    <div class="col-md"><p class="mb-1 fs-12">{{ __('File Results') }}</p><h3 class="mb-0 fs-20 number-font">{{ number_format((int) ($user_data_year['total_file_transcribe'][0]['data'] ?? 0)) }}</h3></div>
                    <div class="col-md"><p class="mb-1 fs-12">{{ __('Record Results') }}</p><h3 class="mb-0 fs-20 number-font">{{ number_format((int) ($user_data_year['total_recording_transcribe'][0]['data'] ?? 0)) }}</h3></div>
                    <div class="col-md"><p class="mb-1 fs-12">{{ __('Live Results') }}</p><h3 class="mb-0 fs-20 number-font">{{ number_format((int) ($user_data_year['total_live_transcribe'][0]['data'] ?? 0)) }}</h3></div>
                </div>
                <p class="mb-0 text-muted">{{ __('Subscription and payment widgets have been removed in this internal-only build.') }}</p>
            </div>
        </div>
    </div>
</div>
@endsection