@extends('layouts.app')

@section('title', 'User Details')

{{-- custom css --}}
@push('css')
<style>
    .profile-img-fluid {
        max-width: 100%;
        height: auto;
    }
</style>
@endpush

{{-- page connect --}}
@section('content')
<x-content-body>

    <x-breadcrumbs :breadcrumbs="$breadcrumbs" />

    <x-row-card>
        <x-slot:title>
            <h3 class="card-title">User Profile</h3>
        </x-slot:title>

        <div class="row">
            <div class="col-lg-12">
                <div class="card border">
                    <div class="profile-info">
                        <div class="row">
                            <div class="col-lg-3 col-sm-12">

                                @if (!empty($user['avatar']))
                                <img src="{{ config('app.api_assets_url') }}avatar/{{ $user['avatar'] }}"
                                    class="profile-img-fluid rounded-circle" alt="{{ $user['avatar'] }}">
                                @else
                                <img src="http://crm10x.nsolbpo.com/crm/public/assets/images/profile/profile.png"
                                    class="profile-img-fluid rounded-circle" alt="Profile Image">
                                @endif


                            </div>
                            <div class="col-lg-9 col-sm-12">
                                <div class="profile-name">
                                    <h4 class="text-primary mb-2 mt-1">
                                        {{ $user['f_name'] }} {{ $user['m_name'] }} {{ $user['l_name'] }}
                                    </h4>
                                    <p class="mb-1">{{ (isset($user['roles']) && count($user['roles']) > 0 ) ?
                                        ucfirst($user['roles'][0]['name']) : 'Realtor' }}</p>
                                    <h5 class="mb-0">
                                        <span class="text-muted">Email:</span>
                                        {{ isset($user['email']) ? $user['email'] : 'superadmin@example.com' }}
                                    </h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12">
                <div class="card border">
                    <div class="card-header">
                        <h4 class="  mb-0 text-primary">About me</h4>
                        <a href="{{ route('settings.user-management.users.edit', ['user' => $user['id']]) }}"
                            class="edit-link fs-4 text-primary">Edit</a>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3">
                                <p class="mb-0"> First Name (Legal)</p>
                                <h5>{{ isset($user['f_name']) ? $user['f_name'] : 'Super' }}</h5>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0"> Middle Initial</p>
                                <h5>{{ isset($user['m_name']) ? $user['m_name'] : '-' }}</h5>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0"> Last Name</p>
                                <h5>{{ isset($user['l_name']) ? $user['l_name'] : 'Admin' }}</h5>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0"> Nick Name </p>
                                <h5>{{ isset($user['n_name']) ? $user['n_name'] : '-' }}</h5>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0"> Email </p>
                                <h5>{{ isset($user['email']) ? $user['email'] : 'superadmin@example.com' }}</h5>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0"> Title </p>
                                <h5>{{ isset($user['title']) ? $user['title'] : '' }}</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12">
                <div class="card border">
                    <div class="card-header">
                        <h4 class="mb-0 text-primary">License Information</h4>
                        <a href="{{ route('settings.user-management.users.edit', ['user' => $user['id']]) }}"
                            class="edit-link fs-4 text-primary">Edit</a>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3">
                                <p class="mb-0">State of License</p>
                                <h5>{{ $user['state_of_license'] ?? '--' }}</h5>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0">State License Number</p>
                                <h5>{{ $user['state_license_number'] ?? 'license number' }}</h5>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0">Level of Education</p>
                                <h5>{{ $user['education_level'] ?? '--' }}</h5>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0">Industry Recognized Memberships</p>

                                <ul class="nav nav-pills">
                                    @forelse ($user['industry_recognized_memberships'] ?? [] as $memberships)
                                    <li class="nav-item">
                                        <span class="badge rounded-pill bg-primary">{{ $memberships }}</span>
                                    </li>
                                    @empty
                                    <h5>--</h5>
                                    @endforelse
                                </ul>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0">Industry Recognized Designations</p>
                                <ul class="nav nav-pills">
                                    @forelse ($user['industry_recognized_designations'] ?? [] as $designation)
                                    <li class="nav-item">
                                        <span class="badge rounded-pill bg-primary">{{ $designation }}</span>
                                    </li>
                                    @empty
                                    <h5>--</h5>
                                    @endforelse
                                </ul>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0">CIM - Certified Commercial Investment Member</p>
                                <h5>{{ $user['cim'] ?? '--' }}</h5>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0">speciality</p>
                                <ul class="nav nav-pills">
                                    @forelse ($user['speciality'] ?? [] as $speciality)
                                    <li class="nav-item">
                                        <span class="badge rounded-pill bg-primary">{{ $speciality }}</span>
                                    </li>
                                    @empty
                                    <h5>--</h5>
                                    @endforelse
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12">
                <div class="card border">
                    <div class="card-header">
                        <h4 class="mb-0 text-primary">Additional Information</h4>
                        <a href="{{ route('settings.user-management.users.edit', ['user' => $user['id']]) }}"
                            class="edit-link fs-4 text-primary">Edit</a>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3">
                                <p class="mb-0">Cell Phone</p>
                                <h5>{{ $user['cell_phone'] ?? '012345678' }}</h5>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0">Personal (Team) Website or Landing Page</p>
                                <h5>{{ $user['website'] ?? 'www.example.com' }}</h5>
                            </div>
                            <div class="col-lg-3">
                                <p class="mb-0">In Business Since (Year)</p>
                                <h5>{{ $user['in_business_since_year'] ?? '2024' }}</h5>
                            </div>
                            <div class="col-lg-12">
                                <p class="mb-0">Profile Description</p>
                                <h5>{{ $user['profile_description'] ?? 'CCIM ' }}</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </x-row-card>
</x-content-body>
@endsection


{{-- custom js --}}
@push('js')
@endpush