{{-- resources/views/users/show.blade.php --}}
@extends('layouts.app')

@section('css')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <style>
        /* User specific styles */
        .user-profile-img {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            object-fit: cover;
            border: 4px solid #fff;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .user-status-badge {
            font-size: 0.85rem;
            padding: 0.5rem 1rem;
            border-radius: 50px;
        }

        .user-info-card {
            transition: all 0.3s ease;
        }

        .user-info-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .info-label {
            font-weight: 600;
            color: #495057;
            font-size: 0.9rem;
        }

        .info-value {
            color: #212529;
            font-size: 1rem;
        }

        .section-divider {
            border-top: 2px solid #e9ecef;
            margin: 1.5rem 0;
        }
    </style>
@endsection

@push('pageTitle')
    {{ __('labels.user_profile_and_company_data') }}
@endpush

@section('content')
    @include('components.common.page-header', [
        'pageTitle' => __('labels.user_profile_and_company_data'),
        'actionButton' => Auth::user()->can('viewAny', \App\Models\User::class) ? [
                            'url' => route('users.index'),
                            'text' => __('labels.back_to_list'),
                        ] : null,
    ])
    
    <div class="row">
        {{-- Left Column: Profile Info --}}
        <div class="col-lg-4 col-md-5">
            <div class="card border-0 shadow-sm mb-4">
                <div class="card-body p-4 text-center">
                    {{-- Profile Image --}}
                    <div class="mb-4">
                        <img src="{{ $user->profile_image ?? asset('assets/images/no-img-avatar.png') }}"
                            alt="{{ $user->name }}" class="user-profile-img mb-3">

                        @if ($user->is_premium)
                            <div class="mb-3">
                                <span class="badge bg-warning text-dark px-3 py-2">
                                    <i class="fas fa-crown me-1"></i>
                                    {{ __('labels.premium') }}
                                </span>
                            </div>
                        @endif

                        <h3 class="mb-1">{{ $user->name }}</h3>
                        <p class="text-muted mb-3">{{ $user->email }}</p>
                    </div>

                    {{-- Quick Stats --}}
                    <div class="row g-2 mb-4">
                        <div class="col-6">
                            <div class="p-3 bg-light rounded">
                                <h4 class="mb-1">{{ $user->posts_count ?? 0 }}</h4>
                                <small class="text-muted">{{ __('labels.posts') }}</small>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="p-3 bg-light rounded">
                                <h4 class="mb-1">{{ $user->comments_count ?? 0 }}</h4>
                                <small class="text-muted">{{ __('labels.comments') }}</small>
                            </div>
                        </div>
                    </div>

                    {{-- Action Buttons --}}
                    <div class="d-flex flex-column gap-2">
                        @can('update', $user)
                            <a href="{{ route('users.edit', $user->id) }}" class="btn btn-primary">
                                <i class="fas fa-edit me-2"></i>
                                {{ __('labels.edit_profile') }}
                            </a>
                        @endcan

                    @if($user->deleted_at)
                        @can('forceDelete', $user)
                            <button type="button" class="btn btn-danger"
                                onclick="deleteRecordFrom('{{ route('users.force-delete', $user->id) }}')">
                                <i class="fas fa-trash me-2"></i>
                                {{ __('labels.hard_delete') }}
                            </button>
                        @endcan
                    @else
                        @can('delete', $user)
                            <button type="button" class="btn btn-danger"
                                onclick="deleteRecordFrom('{{ route('users.destroy', $user->id) }}')">
                                <i class="fas fa-trash me-2"></i>
                                {{ __('labels.delete_profile') }}
                            </button>
                        @endcan
                    @endif
                        

                        @if (Auth::user()->can('viewAny', \App\Models\User::class))
                            <a href="{{ route('users.index') }}" class="btn btn-outline-secondary">
                                <i class="fas fa-arrow-left me-2"></i>
                                {{ __('labels.back_to_list') }}
                            </a>
                        @endif
                    </div>
                </div>
            </div>

            {{-- User Groups --}}
            {{-- @if ($user->groups->count() > 0)
                <div class="card border-0 shadow-sm mb-4">
                    <div class="card-header bg-transparent border-bottom">
                        <h5 class="mb-0">
                            <i class="fas fa-users me-2 text-primary"></i>
                            {{ __('labels.member_of_groups') }}
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="d-flex flex-wrap gap-2">
                            @foreach ($user->groups as $group)
                                <span class="badge bg-primary">
                                    <i class="fas fa-user-friends me-1"></i>
                                    {{ $group->name }}
                                </span>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endif --}}

            {{-- Admin Roles --}}
            @if ($selectedAdminRoles && count($selectedAdminRoles))
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-transparent border-bottom">
                        <h5 class="mb-0">
                            <i class="fas fa-user-shield me-2 text-warning"></i>
                            {{ __('labels.admin_roles') }}
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="d-flex flex-wrap gap-2">
                            @foreach ($selectedAdminRoles as $role)
                                <span class="badge bg-warning text-dark">
                                    <i class="fas fa-user-tie me-1"></i>
                                    {{ $role['name'] }}
                                </span>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endif
        </div>

        {{-- Right Column: Detailed Info --}}
        <div class="col-lg-8 col-md-7">
            {{-- Basic Information Card --}}
            <div class="card border-0 shadow-sm mb-4">
                <div class="card-header bg-transparent border-bottom">
                    <h5 class="mb-0">
                        <i class="fas fa-id-card me-1"></i>
                        {{ __('labels.basic_information') }}
                    </h5>
                </div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-5 info-label mb-3">{{ __('labels.name') }}</dt>
                        <dd class="col-sm-7 info-value mb-3">{{ $user->name }}</dd>

                        <dt class="col-sm-5 info-label mb-3">{{ __('labels.email') }}</dt>
                        <dd class="col-sm-7 info-value mb-3">
                            <a href="mailto:{{ $user->email }}" class="text-decoration-none">
                                {{ $user->email }}
                            </a>
                        </dd>

                        <dt class="col-sm-5 info-label mb-3">{{ __('labels.phone') }}</dt>
                        <dd class="col-sm-7 info-value mb-3">
                            @if ($user->phone)
                                <a href="tel:{{ $user->phone }}" class="text-decoration-none">
                                    {{ $user->phone }}
                                </a>
                            @else
                                <span class="text-muted">-</span>
                            @endif
                        </dd>
                    </dl>
                </div>
            </div>

            {{-- Profile & Company Data Card --}}
            <div class="card border-0 shadow-sm mb-4">
                <div class="card-header bg-transparent border-bottom">
                    <h5 class="mb-0">
                        <i class="fas fa-building me-1"></i>
                        {{ __('labels.company_data') }}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="company-details">

                        <div class="row mb-3">
                            <div class="col-md-12">
                                <dl class="row mb-0">
                                    <dt class="col-sm-3 info-label">{{ __('labels.company_name') }}</dt>
                                    <dd class="col-sm-9 info-value">
                                        <strong>{{ $user->company_name ?? '-' }}</strong>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-12">
                                <dl class="row mb-0">
                                    <dt class="col-sm-3 info-label">{{ __('labels.industry') }}</dt>
                                    <dd class="col-sm-9 info-value">
                                        <strong>{{ $user->industry ?? '-' }}</strong>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-12">
                                <dl class="row mb-0">
                                    <dt class="col-sm-3 info-label">{{ __('labels.company_size') }}</dt>
                                    <dd class="col-sm-9 info-value">
                                        <strong>{{ $user->company_size ?? '-' }}</strong>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-12">
                                <dl class="row mb-0">
                                    <dt class="col-sm-3 info-label">{{ __('labels.contact_person') }}</dt>
                                    <dd class="col-sm-9 info-value">
                                        <strong>{{ $user->contact_person ?? '-' }}</strong>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-12">
                                <dl class="row mb-0">
                                    <dt class="col-sm-3 info-label">{{ __('labels.role_in_company') }}</dt>
                                    <dd class="col-sm-9 info-value">
                                        <strong>{{ $user->role_in_company ?? '-' }}</strong>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-12">
                                <dl class="row mb-0">
                                    <dt class="col-sm-3 info-label">{{ __('labels.contact_person_phone') }}</dt>
                                    <dd class="col-sm-9 info-value">
                                        @if ($user->contact_person_phone)
                                            <a href="tel:{{ $user->contact_person_phone }}" class="text-decoration-none">
                                                <strong>{{ $user->contact_person_phone }}</strong>
                                            </a>
                                        @else
                                            <span class="text-muted"><strong>-</strong></span>
                                        @endif
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Billing Address Card --}}
            <div class="card border-0 shadow-sm mb-4">
                <div class="card-header bg-transparent border-bottom">
                    <h5 class="mb-0">
                        <i class="fas fa-file-invoice me-1"></i>
                        {{ __('labels.billing_address') }}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <dl class="row mb-0">
                                <dt class="col-sm-5 info-label mb-3">{{ __('labels.billing_address_line1') }}</dt>
                                <dd class="col-sm-7 info-value mb-3">
                                    {{ $user->billing_address_line1 ?? '-' }}
                                </dd>

                                <dt class="col-sm-5 info-label mb-3">{{ __('labels.billing_address_line2') }}</dt>
                                <dd class="col-sm-7 info-value mb-3">
                                    {{ $user->billing_address_line2 ?? '-' }}
                                </dd>

                                <dt class="col-sm-5 info-label mb-3">{{ __('labels.billing_city') }}</dt>
                                <dd class="col-sm-7 info-value mb-3">
                                    {{ $user->billing_city ?? '-' }}
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-6">
                            <dl class="row mb-0">
                                <dt class="col-sm-5 info-label mb-3">{{ __('labels.billing_state') }}</dt>
                                <dd class="col-sm-7 info-value mb-3">
                                    {{ $user->billing_state ?? '-' }}
                                </dd>

                                <dt class="col-sm-5 info-label mb-3">{{ __('labels.billing_zipcode') }}</dt>
                                <dd class="col-sm-7 info-value mb-3">
                                    {{ $user->billing_zipcode ?? '-' }}
                                </dd>

                                <dt class="col-sm-5 info-label mb-3">{{ __('labels.billing_country') }}</dt>
                                <dd class="col-sm-7 info-value mb-3">
                                    {{ $user->billing_country ?? '-' }}
                                </dd>

                                <dt class="col-sm-5 info-label mb-3">{{ __('labels.billing_vat_number') }}</dt>
                                <dd class="col-sm-7 info-value mb-3">
                                    {{ $user->billing_vat_number ?? '-' }}
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>

            @include('pages.users.templates.view.membership', ['user' => $user])


            {{-- Include address template if exists --}}
            {{-- @include('pages.users.templates.view.address', ['user' => $user]) --}}
        </div>
    </div>

    {{-- System Metadata --}}
    @include('components.meta.stats',[
        'created_at'  => $user->created_at ?? null,
        'updated_at'  => $user->updated_at ?? null, 
        'published_at' => $user->published_at ?? null, 
        'is_published' => $user->is_published ?? null,
        'creater' => $user->author_name ?? __('labels.system'),
    ])

@endsection

@section('js')
@endsection