@extends('layouts.app')

@section('title', __('My Profile'))

@section('content')
    <div class="container py-4">
        <div class="row">
            <!-- Sidebar -->
            <div class="col-lg-3 mb-4">
                @include('profile.partials.sidebar')
            </div>

            <!-- Main Content -->
            <div class="col-lg-9">
                <div class="card">
                    <div class="card-header">
                        <h4 class="mb-0">{{ __('Welcome, :name!', ['name' => $user->name]) }}</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="card bg-primary text-white">
                                    <div class="card-body text-center">
                                        <h3>{{ $stats['total_orders'] }}</h3>
                                        <p class="mb-0">{{ __('Total Orders') }}</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="card bg-success text-white">
                                    <div class="card-body text-center">
                                        <h3>{{ $stats['completed_orders'] }}</h3>
                                        <p class="mb-0">{{ __('Completed') }}</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="card bg-warning text-white">
                                    <div class="card-body text-center">
                                        <h3>{{ $stats['pending_orders'] }}</h3>
                                        <p class="mb-0">{{ __('Pending') }}</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="card bg-info text-white">
                                    <div class="card-body text-center">
                                        <h3>{{ number_format($stats['total_spent'], 0) }}</h3>
                                        <p class="mb-0">{{ __('Total Spent (SAR)') }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mt-4">
                            <h5>{{ __('Quick Actions') }}</h5>
                            <a href="{{ route('profile.orders') }}" class="btn btn-primary me-2">{{ __('View Orders') }}</a>
                            <a href="{{ route('profile.edit') }}" class="btn btn-outline-primary">{{ __('Edit Profile') }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection