@extends('layouts.app')
@section('content')
    <div class="container-app">
        <div class="flex flex-col gap-4 w-full">
            <ol class="overflow-auto h-[calc(100vh-240px)] mt-4 text-sm leading-6 lg:col-span-7 xl:col-span-8 w-full">
                @foreach ($definations as $item)
                    <li class="relative flex space-x-6 py-6 bg-theme_secondary_black rounded-3xl p-8 mt-4" style="">
                        @php
                            $imageUrl = null;
                            if ($item->definationUser->profile_img) {
                                $imageUrl = $item->definationUser->profile_img;
                            } elseif ($item->definationUser->personelUser) {
                                $imageUrl = $item->definationUser->personelUser->profile_img;
                            } else {
                                $imageUrl = 'resim yok';
                            }
                        @endphp
                        <img class="w-14 h-14 rounded-full object-cover showImage cursor-pointer"
                            src="{{ getCdnFile($imageUrl) }}">
                        <a href="{{ route('jumpToDefinationUser', ['user' => $item->definationUser->id]) }}" class="w-full">
                            <div class="flex-auto">
                                <h3 class="pr-10 font-semibold xl:pr-0 text-gray-300 capitalize userFullName">
                                    {{ $item->definationUser->full_name }}
                                </h3>

                                <div class="mt-2 flex items-center">
                                    <p class="text-gray-300">
                                        {{ isset($item->definationUser->roles[0]) ? $item->definationUser->roles[0]->name : 'no Role' }}
                                    </p>
                                </div>
                            </div>
                        </a>
                        <div class="flex gap-6 items-center text-gray-300 capitalize">
                            <a href="{{ route('jumpToDefinationUser', ['user' => $item->definationUser->id]) }}"
                                class="inline-flex whitespace-nowrap items-center px-2 py-1 rounded gap-2 font-medium text-white bg-blue-600">
                                Giriş Yap
                            </a>
                        </div>
                    </li>
                @endforeach
            </ol>
        </div>
    </div>
@endsection