@extends('admin.layouts.master')

@section('css')
<style>
.stats-card {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}
.stats-card h3 {
    color: white;
    margin-bottom: 10px;
}
.stats-number {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.stats-label {
    font-size: 0.9rem;
    opacity: 0.9;
}
.project-card {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}
.project-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}
.project-header {
    background-color: #f8f9fa;
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 8px 8px 0 0;
}
.project-body {
    padding: 15px;
}
.status-badge {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}
.status-draft { background-color: #6c757d; color: white; }
.status-pending { background-color: #ffc107; color: black; }
.status-approved { background-color: #28a745; color: white; }
.status-rejected { background-color: #dc3545; color: white; }
.status-running { background-color: #007bff; color: white; }
.status-completed { background-color: #17a2b8; color: white; }
.status-cancelled { background-color: #6f42c1; color: white; }
.offer-status-pending { background-color: #ffc107; color: black; }
.offer-status-running { background-color: #007bff; color: white; }
.offer-status-completed { background-color: #17a2b8; color: white; }
.offer-status-rejected { background-color: #dc3545; color: white; }
.offer-status-closed { background-color: #6c757d; color: white; }
</style>
@endsection

@section('contents')
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{__('User Details')}} - {{ $user->name }}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a></li>
                                <li class="breadcrumb-item"><a href="{{route('providers.index')}}">{{__('Providers')}}</a></li>
                                <li class="breadcrumb-item active">{{__('Details')}}</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-3 col-12 d-md-block d-none">
                <div class="form-group breadcrum-right">
                    @if(session()->has('impersonator_admin_id'))
                        <a href="{{ route('impersonate.leave') }}">
                            <button type="button" class="btn btn-outline-warning mr-1 mb-1 waves-effect waves-light">
                                {{__('Leave Impersonation')}}
                            </button>
                        </a>
                    @else
                        @can('create_user_messages')
                            <a href="{{ route('user-messages.create', ['user_id' => $user->id]) }}">
                                <button type="button" class="btn bg-gradient-info mr-1 mb-1 waves-effect waves-light">
                                    <i class="fa fa-envelope mr-1"></i> إرسال رسالة
                                </button>
                            </a>
                        @endcan
                        @if(auth()->user()->can('update_users'))
                            <a href="{{ route('providers.impersonate', $user->id) }}" target="_blank">
                                <button type="button" class="btn bg-gradient-primary mr-1 mb-1 waves-effect waves-light">
                                    {{__('Login as user')}}
                                </button>
                            </a>
                        @endif
                    @endif
                </div>
            </div>
        </div>

        <div class="content-body">
            <!-- User Statistics -->
            <div class="row">
                <div class="col-12">
                    <div class="stats-card">
                        <div class="row">
                            <div class="col-md-3 col-6 mb-2">
                                <div class="text-center">
                                    <div class="stats-number">{{ $stats['total_projects'] }}</div>
                                    <div class="stats-label">{{__('Total Projects')}}</div>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 mb-2">
                                <div class="text-center">
                                    <div class="stats-number">{{ $stats['total_offers'] }}</div>
                                    <div class="stats-label">{{__('Total Offers')}}</div>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 mb-2">
                                <div class="text-center">
                                    <div class="stats-number">{{ $stats['completed_offers'] }}</div>
                                    <div class="stats-label">{{__('Completed Offers')}}</div>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 mb-2">
                                <div class="text-center">
                                    <div class="stats-number">${{ number_format($stats['total_earnings'], 2) }}</div>
                                    <div class="stats-label">{{__('Total Earnings')}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- User Basic Information -->
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{{__('Basic Information')}}</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('UUID')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->uuid ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Username')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->username ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('First Name')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->first_name ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Last Name')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->last_name ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Name')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->name ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Email')}}</label>
                                            <input disabled type="email" class="form-control" value="{{ $user->email ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Phone')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->phone ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('PayPal Email')}}</label>
                                            <input disabled type="email" class="form-control" value="{{ $user->paypal_email ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Email Verified At')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->email_verified_at ? \Carbon\Carbon::parse($user->email_verified_at)->format('F j, Y \a\t g:i A') : __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Gender')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ ucfirst($user->gender ?? __('N/A')) }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Status')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->status == 1 ? __('Active') : __('Not Active') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('User Type')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->isProjectOwner() ? __('Project Owner') : __('Freelancer') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Open To Work')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->open_to_work == 1 ? __('Yes') : __('No') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Country')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->country->name ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Category')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->category->name ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Balance')}}</label>
                                            <input disabled type="text" class="form-control" value="${{ number_format($user->balance ?? 0, 2) }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Balance To Use')}}</label>
                                            <input disabled type="text" class="form-control" value="${{ number_format($user->balance_to_use ?? 0, 2) }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Profit Balance')}}</label>
                                            <input disabled type="text" class="form-control" value="${{ number_format($user->profit_balance ?? 0, 2) }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Stripe ID')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->stripe_id ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Payment Verified')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->payment_verified == 1 ? __('Verified') : __('Not Verified') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Rating')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->rating ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Last Login')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->last_login ? \Carbon\Carbon::parse($user->last_login)->format('F j, Y \a\t g:i A') : __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Created At')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->created_at->format('F j, Y \a\t g:i A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Updated At')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->updated_at->format('F j, Y \a\t g:i A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-12 col-md-12 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Description')}}</label>
                                            <textarea disabled class="form-control" rows="4">{{ $user->description ?? __('N/A') }}</textarea>
                                        </fieldset>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Owned Projects Section -->
            @if($user->isProjectOwner() && $ownedProjects->count() > 0)
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{{__('Owned Projects')}} ({{ $ownedProjects->count() }})</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                @foreach($ownedProjects as $project)
                                <div class="project-card">
                                    <div class="project-header">
                                        <div class="row align-items-center">
                                            <div class="col-md-8">
                                                <h5 class="mb-0">{{ $project->title }}</h5>
                                                <small class="text-muted">{{ $project->category?->name ?? __('N/A') }}</small>
                                            </div>
                                            <div class="col-md-4 text-right">
                                                <span class="status-badge status-{{ strtolower($project->getCurrentStatus()) }}">
                                                    {{ $project->getCurrentStatus() }}
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="project-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p><strong>{{__('Description')}}:</strong> {{ Str::limit($project->description, 150) }}</p>
                                                <p><strong>{{__('Budget')}}:</strong>
                                                    @if($project->budget_type == 1)
                                                        ${{ number_format($project->price, 2) }}
                                                    @else
                                                        ${{ number_format($project->price_from, 2) }} - ${{ number_format($project->price_to, 2) }}
                                                    @endif
                                                </p>
                                                <p><strong>{{ __('front.Payment Method') }}:</strong> {{ $project->size ? getTrans($project->size->details, 'ar') : __('N/A') }}</p>
                                            </div>
                                            <div class="col-md-6">
                                                <p><strong>{{__('Timeline')}}:</strong> {{ $project->time->name ?? __('N/A') }}</p>
                                                <p><strong>{{__('Offers')}}:</strong> {{ $project->offers->count() }}</p>
                                                <p><strong>{{__('Created')}}:</strong> {{ $project->created_at->format('M j, Y') }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- Freelancer Projects Section -->
            @if($user->isFreelancer() && $freelancerProjects->count() > 0)
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{{__('Freelancer Projects')}} ({{ $freelancerProjects->count() }})</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                @foreach($freelancerProjects as $project)
                                <div class="project-card">
                                    <div class="project-header">
                                        <div class="row align-items-center">
                                            <div class="col-md-8">
                                                <h5 class="mb-0">{{ $project->title }}</h5>
                                                <small class="text-muted">{{ $project->category?->name ?? __('N/A') }}</small>
                                            </div>
                                            <div class="col-md-4 text-right">
                                                <span class="status-badge status-{{ strtolower($project->getCurrentStatus()) }}">
                                                    {{ $project->getCurrentStatus() }}
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="project-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p><strong>{{__('Description')}}:</strong> {{ Str::limit($project->description, 150) }}</p>
                                                <p><strong>{{__('Budget')}}:</strong>
                                                    @if($project->budget_type == 1)
                                                        ${{ number_format($project->price, 2) }}
                                                    @else
                                                        ${{ number_format($project->price_from, 2) }} - ${{ number_format($project->price_to, 2) }}
                                                    @endif
                                                </p>
                                                <p><strong>{{ __('front.Payment Method') }}:</strong> {{ $project->size ? getTrans($project->size->details, 'ar') : __('N/A') }}</p>
                                            </div>
                                            <div class="col-md-6">
                                                <p><strong>{{__('Timeline')}}:</strong> {{ $project->time->name ?? __('N/A') }}</p>
                                                <p><strong>{{__('Offers')}}:</strong> {{ $project->offers->count() }}</p>
                                                <p><strong>{{__('Created')}}:</strong> {{ $project->created_at->format('M j, Y') }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- Offers Section -->
            @if($userOffers->count() > 0)
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{{__('Offers')}} ({{ $userOffers->count() }})</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>{{__('Project')}}</th>
                                                <th>{{__('Category')}}</th>
                                                <th>{{__('Amount')}}</th>
                                                <th>{{__('Timeline')}}</th>
                                                <th>{{__('Status')}}</th>
                                                <th>{{__('Created')}}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($userOffers as $offer)
                                            <tr>
                                                <td>
                                                    <strong>{{ $offer->project->title ?? __('N/A') }}</strong>
                                                    <br>
                                                    <small class="text-muted">{{ Str::limit($offer->project->description ?? '', 50) }}</small>
                                                </td>
                                                <td>{{ $offer->project->category->name ?? __('N/A') }}</td>
                                                <td>${{ number_format($offer->total, 2) }}</td>
                                                <td>{{ $offer->time->name ?? __('N/A') }}</td>
                                                <td>
                                                    <span class="status-badge offer-status-{{ $offer->status }}">
                                                        {{ $offer->getCurrentStatus() }}
                                                    </span>
                                                </td>
                                                <td>{{ $offer->created_at->format('M j, Y') }}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- Return Button -->
            <div class="row">
                <div class="col-12">
                    <a href="{{route('providers.index')}}">
                        <button type="button" class="btn btn-outline-warning mr-1 mb-1 waves-effect waves-light">
                            {{__('Return to Providers List')}}
                        </button>
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection