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

@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="CargoAd" route="cargo-ad">
        </x-offers.header>
        <section class="body mt-3">
            <div class="flex lg:justify-between flex-col lg:flex-row">
                <div class="flex flex-col">
                    <div class='flex items-center h-8'>
                        <x-svg.calendar class='w-4 fill-gray-500 mr-2' />
                        <span class="">{{ Carbon\Carbon::parse($item->actual_from)->format('d.m.y') }} -
                            {{ Carbon\Carbon::parse($item->actual_to)->format('d.m.y') }}
                        </span>
                    </div>
                    <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>
                    <div class='flex items-center h-8  flex-wrap mg:flex-nowrap'>
                        <span class="text-sm mg:text-base truncate max-w-full mg:max-w-none">
                            {{ $item->stationFrom->railway->full_name }} | {{ $item->stationFrom->name_ua }}
                            ({{ $item->stationFrom->code6 }})
                        </span>
                        <x-svg.direction-right class='h-4 mx-2 fill-gray-600' />
                        <span class="text-sm mg:text-base truncate max-w-full mg:max-w-none">
                            {{ $item->stationTo->railway->full_name }} | {{ $item->stationTo->name_ua }}
                            ({{ $item->stationTo->code6 }})
                        </span>
                    </div>
                </div>
                <div class="flex flex-col mt-3 lg:mt-0">
                    <div class='h-8 md:text-right flex items-center md:justify-end  flex-row'>
                        <x-svg.weight opacity="1" class='w-4 mr-1 fill-gray-500' />
                        {{ __('messages.fields.weight') }}:
                        {{ $item->weight }}
                    </div>
                    {{-- @if ($item->bid != null) --}}
                    <div class='h-8 md:text-right flex items-center md:justify-end flex-row'>
                        <x-svg.tag class='w-4 mr-1 fill-gray-500' /> {{ __('messages.fields.bid') }}:
                        {{ $item->bid ?? __('messages.not_specified') }} {{ $item->currency->symbol ?? '' }}
                    </div>
                    {{-- @endif --}}
                    @if ($item->wagonType)
                    <div class="h-8 md:text-right flex md:items-center md:justify-end flex-col md:flex-row">
                        <span class="md:mr-2">
                            {{ __('messages.fields.wagon_type') }}: {{ $item->wagonType->name }} @if ($item->wagonType->specifications->isNotEmpty() && $item->wagonSpecification)
                        <span class="text-sm mt-1 md:mt-0">({{ $item->wagonSpecification->full_name }})</span>
                        @endif
                        </span>
                       
                    </div>
                    @endif
                </div>
            </div>
            <div class="w-full text-sm pt-3">
                <span class='p-2 bg-blue-100'>{{ $item->cargoItem->name ?? '' }}</span>
            </div>

        </section>

        <x-offers.footer :item="$item" :items="$items" :pagination="$pagination" route="cargo-ad"></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