@extends('theme::layouts.app', ['alias' => 'Account'])
@section('theme::title', __('seo.ranking.index'))
@section('theme::sidebar')
    @include('theme::frontend.account.sidebar', ['account_alias'=>'Charging'])
@endsection
@section('theme::content')
    <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12 main-content">
        <div class="container">
            <div class="card">
                <div class="card-header">
                    <h4>{{ __('progress.title') }}</h4>
                </div>
                <div class="card-body">
                    <h1 class="text-center mb-5">Recharge Progress</h1>

                    @if($progress->count() > 0)
                        <ul>
                            @foreach ($progress as $p)
                                <li>
                                    Progress: {{ $p->progress }} / {{ $p->target }}
                                    - Last Recharge: {{ $p->last_recharge_at ? $p->last_recharge_at->format('Y-m-d') : 'N/A' }}
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <p>No progress available yet.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection