@extends('layouts.app')

@section('page-header')
<div class="page-header mt-5-7">
    <div class="page-leftheader">
        <h4 class="page-title mb-0">{{ __('User Detail') }}</h4>
        <ol class="breadcrumb mb-2">
            <li class="breadcrumb-item"><a href="{{ route('admin.user.list') }}"><i class="mdi mdi-account mr-2 fs-12"></i>{{ __('Users') }}</a></li>
            <li class="breadcrumb-item active">{{ $user->name }}</li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-xl-4">
        <div class="card border-0">
            <div class="card-body text-center">
                <div class="widget-user-image overflow-hidden mx-auto mt-2">
                    <img alt="User Avatar" class="rounded-circle" src="@if($user->profile_photo_path){{ asset($user->profile_photo_path) }}@else{{ URL::asset('img/users/avatar.jpg') }}@endif">
                </div>
                <h4 class="mb-1 mt-3">{{ $user->name }}</h4>
                <p class="text-muted mb-1">{{ $user->email }}</p>
                <p class="text-muted mb-0">{{ ucfirst((string) $user->group) }} · {{ ucfirst((string) $user->status) }}</p>
            </div>
            <div class="card-footer">
                <div class="d-flex justify-content-between">
                    <span>{{ __('Available Minutes') }}</span>
                    <strong>{{ number_format((float) $user->available_minutes, 2) }}</strong>
                </div>
            </div>
        </div>
        <div class="card border-0">
            <div class="card-body">
                <table class="table mb-0">
                    <tr><td>{{ __('Job Role') }}</td><td>{{ $user->job_role }}</td></tr>
                    <tr><td>{{ __('Company') }}</td><td>{{ $user->company }}</td></tr>
                    <tr><td>{{ __('Phone') }}</td><td>{{ $user->phone_number }}</td></tr>
                    <tr><td>{{ __('City') }}</td><td>{{ $user->city }}</td></tr>
                    <tr><td>{{ __('Country') }}</td><td>{{ $user->country }}</td></tr>
                </table>
            </div>
        </div>
    </div>
    <div class="col-xl-8">
        <div class="row">
            <div class="col-md-4"><div class="card border-0"><div class="card-body"><p class="mb-1 fs-12">{{ __('Total Minutes Used') }}</p><h3>{{ number_format((float) (($user_data_year['total_minutes'][0]['data'] ?? 0) / 60), 2) }}</h3></div></div></div>
            <div class="col-md-4"><div class="card border-0"><div class="card-body"><p class="mb-1 fs-12">{{ __('Total Words') }}</p><h3>{{ number_format((int) ($user_data_year['total_words'][0]['data'] ?? 0)) }}</h3></div></div></div>
            <div class="col-md-4"><div class="card border-0"><div class="card-body"><p class="mb-1 fs-12">{{ __('File Results') }}</p><h3>{{ number_format((int) ($user_data_year['total_file_transcribe'][0]['data'] ?? 0)) }}</h3></div></div></div>
        </div>
        <div class="row">
            <div class="col-md-6"><div class="card border-0"><div class="card-body"><p class="mb-1 fs-12">{{ __('Record Results') }}</p><h3>{{ number_format((int) ($user_data_year['total_recording_transcribe'][0]['data'] ?? 0)) }}</h3></div></div></div>
            <div class="col-md-6"><div class="card border-0"><div class="card-body"><p class="mb-1 fs-12">{{ __('Live Results') }}</p><h3>{{ number_format((int) ($user_data_year['total_live_transcribe'][0]['data'] ?? 0)) }}</h3></div></div></div>
        </div>
        <div class="card border-0">
            <div class="card-body">
                <p class="mb-0 text-muted">{{ __('Payment, subscription, balance, and referral sections have been removed from this internal-only build.') }}</p>
            </div>
        </div>
    </div>
</div>
@endsection