@extends('user.layout.app')
@section('title', 'Profile Settings')
@section('content')

<div class="page-content">
    <section class="section">
        <div class="section-header">
            <h1>Profile Settings</h1>
            <div class="section-header-breadcrumb">
                <div class="breadcrumb-item active"><a href="{{ route('user.dashboard') }}">Dashboard</a></div>
                <div class="breadcrumb-item">Profile</div>
            </div>
        </div>

        <div class="section-body">
            @if(session('success'))
                <div class="alert alert-success alert-dismissible show fade">
                    <div class="alert-body">
                        <button class="close" data-dismiss="alert">
                            <span>&times;</span>
                        </button>
                        {{ session('success') }}
                    </div>
                </div>
            @endif

            @if(session('error'))
                <div class="alert alert-danger alert-dismissible show fade">
                    <div class="alert-body">
                        <button class="close" data-dismiss="alert">
                            <span>&times;</span>
                        </button>
                        {{ session('error') }}
                    </div>
                </div>
            @endif

            <div class="row">
                <!-- Profile Card -->
                <div class="col-12 col-md-4 col-lg-4">
                    <div class="card profile-widget">
                        <div class="profile-widget-header">
                            <img alt="image" src="{{ Auth::user()->profile_photo_url ?? asset('assets/admin/img/avatar/avatar-1.png') }}" class="rounded-circle profile-widget-picture">
                            <div class="profile-widget-items">
                                <div class="profile-widget-item">
                                    <div class="profile-widget-item-label">Resumes</div>
                                    <div class="profile-widget-item-value">{{ Auth::user()->resumes()->count() }}</div>
                                </div>
                                <div class="profile-widget-item">
                                    <div class="profile-widget-item-label">Subscription</div>
                                    <div class="profile-widget-item-value">
                                        @if(Auth::user()->hasActiveSubscription())
                                            <span class="badge badge-success">Active</span>
                                        @else
                                            <span class="badge badge-secondary">Inactive</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="profile-widget-item">
                                    <div class="profile-widget-item-label">Member Since</div>
                                    <div class="profile-widget-item-value">{{ Auth::user()->created_at->format('M Y') }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="profile-widget-description pb-0">
                            <div class="profile-widget-name">{{ Auth::user()->name }}</div>
                            <div class="profile-widget-desc">{{ Auth::user()->email }}</div>
                        </div>
                        <div class="card-footer text-center">
                            <div class="font-weight-bold mb-2">Account Status</div>
                            @if(Auth::user()->hasActiveSubscription())
                                <div class="badge badge-success badge-lg">Premium Member</div>
                            @else
                                <div class="badge badge-secondary badge-lg">Free Member</div>
                            @endif
                        </div>
                    </div>
                </div>

                <!-- Profile Forms -->
                <div class="col-12 col-md-8 col-lg-8">
                    <div class="card">
                        <div class="card-header">
                            <h4><i class="fas fa-user-edit mr-2"></i>Profile Information</h4>
                        </div>
                        <div class="card-body">
                            @include('profile.partials.update-profile-information-form', ['user' => Auth::user()])
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header">
                            <h4><i class="fas fa-lock mr-2"></i>Change Password</h4>
                        </div>
                        <div class="card-body">
                            @include('profile.partials.update-password-form')
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header">
                            <h4><i class="fas fa-trash text-danger mr-2"></i>Delete Account</h4>
                        </div>
                        <div class="card-body">
                            @include('profile.partials.delete-user-form')
                        </div>
                    </div>
                </div>
            </div>

            <!-- Account Statistics -->
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4><i class="fas fa-chart-bar mr-2"></i>Account Statistics</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="text-center">
                                        <div class="bg-primary rounded-circle p-3 mx-auto mb-3" style="width: 60px; height: 60px;">
                                            <i class="fas fa-file-alt text-white" style="font-size: 1.5rem;"></i>
                                        </div>
                                        <h5>{{ Auth::user()->resumes()->count() }}</h5>
                                        <small class="text-muted">Total Resumes</small>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="text-center">
                                        <div class="bg-success rounded-circle p-3 mx-auto mb-3" style="width: 60px; height: 60px;">
                                            <i class="fas fa-download text-white" style="font-size: 1.5rem;"></i>
                                        </div>
                                        <h5>∞</h5>
                                        <small class="text-muted">Downloads Available</small>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="text-center">
                                        <div class="bg-warning rounded-circle p-3 mx-auto mb-3" style="width: 60px; height: 60px;">
                                            <i class="fas fa-calendar text-white" style="font-size: 1.5rem;"></i>
                                        </div>
                                        <h5>{{ Auth::user()->created_at->diffForHumans() }}</h5>
                                        <small class="text-muted">Member Since</small>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="text-center">
                                        <div class="bg-info rounded-circle p-3 mx-auto mb-3" style="width: 60px; height: 60px;">
                                            <i class="fas fa-clock text-white" style="font-size: 1.5rem;"></i>
                                        </div>
                                        <h5>{{ Auth::user()->resumes()->latest()->first() ? Auth::user()->resumes()->latest()->first()->updated_at->diffForHumans() : 'Never' }}</h5>
                                        <small class="text-muted">Last Activity</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

@endsection