@props(['items', 'links' => false, 'pagination' => false, 'linksadmin' => false])

@if (isset($items) && $items->count() > 0)
    <div {{ $attributes->merge(['class' => 'mb-3']) }}>
        @foreach ($items as $item)
            <div @class([
                'hover:bg-gray-100 hover:border-gray-300  border  border-solid border-gray-200 offer-item px-4 py-5',
                'mt-1' => !$loop->first,
            ])>
                <x-offers.header :item="$item" :links="$links" :linksadmin="$linksadmin" model="Elevator" route="elevator">
                </x-offers.header>
                <section class="body relative mt-3">
                    <div class="pb-1 border-b uppercase font-bold border-solid border-gray-300">
                        {{ $item->user->company?->name }}
                    </div>
                    <div class="w-full flex items-start ">
                        <!-- Text Content -->

                        <div class="flex-1">


                            <div class="mt-2">
                                <span class="font-bold">{{ __('messages.fields.type_of_enterprise') }}:</span>
                                <span class="text-gray-700">{{ $item->typeEnterprise->name ?? 'Не вказано' }}</span>
                            </div>

                            <div class="mt-1">
                                <span class="font-bold">{{ __('messages.fields.type_of_equipment') }}:</span>
                                <span class="text-gray-700">{{ $item->typeEquipment->name ?? 'Не вказано' }}</span>
                            </div>

                            <div class="mt-1 flex items-center">
                                <span class="font-bold">{{ __('messages.fields.address') }}:</span>
                                <span class="text-gray-700">{{ $item->address ?? 'Не вказано' }}</span>
                            </div>

                            <div class="mt-1 flex items-center">
                                <span class="font-bold">{{ __('messages.fields.zkpo_code') }}:</span>
                                <span class="text-gray-700">{{ $item->user->company->usreou ?? 'Не вказано' }}</span>
                            </div>
                        </div>

                        <!-- Image Container -->
                        <div class="p-2 flex items-start">
                            <img src="{{ $item->getImagePath() }}" class="h-28 object-cover" >
                        </div>
                    </div>
                </section>
                <x-offers.footer :item="$item" :items="$items" :pagination="$pagination"
                    route="elevator"></x-offers.footer>
            </div>
        @endforeach
    </div>
@else
    <div class="box__white">
        <span class="text-red-light pl-3 py-3 block">{{ __('messages.empty_result') }}</span>
    </div>
@endif