@props(['items', 'links' => false, 'pagination' => false, 'linksadmin' => false])
@php
    $user = Auth::user();
    $isAdmin = $user && optional($user->company)->admin_permission == 1;
    $showLinks = $links || ($linksadmin && $isAdmin);

@endphp

@if (isset($items) and $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',
                'bg-red-100' => !$item->isActive(),
                'bg-[#FFFFFF]' => $item->isActive(),
                'mt-1' => !$loop->first,
            ])>

                <x-offers.header :item="$item" :links="$links" :linksadmin="$linksadmin" model="WagonForRent"
                    route="wagon-rental"></x-offers.header>
                <section class="body mt-3">
                    <div class="flex lg:justify-between flex-col lg:flex-row">
                        <div class="flex flex-col ">
                            @if ($item->wagonType)
                                <div class='h-8 text-right flex items-center '>
                                    {{ __('messages.fields.wagon_type') }}: {{ $item->wagonType->name }}
                                    @if ($item->wagonType && $item->wagonType->specifications->isNotEmpty() && $item->wagonSpecification)
                                        <span class="text-sm">
                                            ({{ $item->wagonSpecification->full_name }})
                                        </span>
                                    @else
                                    @endif
                                </div>
                            @endif
                            <div class='h-8 text-right  flex items-center '>
                                <span class="w-4 mr-2">
                                    <x-svg.user class=''></x-svg.user>
                                </span>
                                <span class="font-bold ">{{ __('messages.author') }}: <span
                                        class="text-blue-500">{{ $item->user->name }}</span> &nbsp;&nbsp;
                                    <x-company-name class="text-sm" :item="$item" :showAsList='true' />
                                </span>
                            </div>
                            @if ($item->rentalType)
                                <div class='flex items-center h-8 '>
                                    {{ __('Offer type') }}: <span
                                        class='ml-2 p-1 bg-gray-200'>{{ $item->rentalType->name }}</span>
                                </div>
                            @endif
                        </div>
                        <div class="flex flex-col">
                            <div class='flex items-center h-8 md:justify-end'>
                                <x-svg.stack opacity="1" class='w-4 mr-1 fill-gray-500' />
                                {{ __('messages.number_wagons') }}: {{ $item->quantity }}
                            </div>


                            <div class='h-8 text-right flex items-center md:justify-end'>
                                <x-svg.tag class='w-4 mr-1 fill-gray-500' /> {{ __('messages.fields.bid') }}:
                                {{ $item->bid ?? __('messages.not_specified') }} {{ $item->currency->symbol ?? '' }}
                            </div>
                        </div>
                    </div>
                    <div class="w-full text-sm pt-3">
                    </div>
                </section>
                <x-offers.footer :item="$item" :items="$items" :pagination="$pagination"
                    route="wagon-rental"></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