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



@if (isset($items) and $items->count() > 0)

    <div {{ $attributes->merge(['class' => 'pb-5']) }}>
        <table class="table__simple">
            <thead >
                <tr >
                    <th class="th__id">№</th>
                    @auth
                        <th></th>
                    @endauth
                    @if ($links)
                        @auth
                            <th></th>
                            <th></th>
                        @endauth
                    @endif

                    @auth
                    <th></th>
                    @endauth

                    <th>{{ __('messages.author') }}</th>
                    <th>{{ __('messages.fields.created_at') }}</th>
                    <th>{{ __('messages.fields.wagon_type') }}</th>
                    <th>{{__('Offer type')}}</th>

                    <th>{{ __('messages.number') }}</th>
                    <th>{{ __('messages.fields.bid') }}</th>
                   

                    <th></th>


                </tr>
            </thead>
            <tbody >
                @foreach ($items as $item)
                    <tr class="{{ !$item->isActive() ? 'bg-white' : 'bg-red-100' }}">
                        <td>{{ ++$loop->index }}</td>
                        @auth
                            <td>
                                @if (Auth::user()->id != $item->user->id)
                                    <span title="{{ __('Write a message to author') }}">
                                        <x-svg.message class="w-4 notify-btn cursor-pointer fill-blue-500"
                                            data-to-user-id="{{ $item->user_id }}"  data-offer-id="{{ $item->id }}"    data-offer-model="WagonForRent"></x-svg.message>
                                    </span>
                                @endif
                            </td>
                          
                        @endauth

                        @if ($links)
                            @auth
                                <td>
                                    @if (Auth::user()->id == $item->user->id)
                                        <a href="{{ route('wagon-rental.edit', ['rental_type_id'=>$item->rental_type_id,'wagon_rental' => $item->id]) }}">
                                            <img src=" {{ asset('img/edit.svg') }}">
                                        </a>
                                    @endif
                                </td>

                                <td>
                                    @if (Auth::user()->id == $item->user->id)
                                        <a href="{{ route('wagon-rental.destroy', ['rental_type_id'=>$item->rental_type_id, 'wagon_rental' => $item->id]) }}"
                                            onclick="event.preventDefault();
                                        document.getElementById('delete-form-{{ $item->id }}').submit();">
                                            <img src=" {{ asset('img/delete.svg') }}">
                                        </a>

                                        <form id="delete-form-{{ $item->id }}"
                                            action="{{ route('wagon-rental.destroy', ['rental_type_id'=>$item->rental_type_id,'wagon_rental' => $item->id]) }}" method="POST"
                                            style="display: none;">
                                            @csrf
                                            @method('DELETE')
                                        </form>
                                    @endif
                                </td>
                                
                            @endauth
                        @endif

                        @auth
                        <td>
                            <span title="{{__('Copy offer text')}}">
                                <x-svg.copy class="w-4 copy-offer-btn cursor-pointer fill-gray-500"  data-offer-id="{{ $item->id }}"    data-offer-model="WagonForRent"></x-svg.copy>
                            </span>
                        </td>
                        @endauth

                        <td> 
                            <span class="flex items-center">
                            {{ $item->user->name }}
                            @if(isset($item->chat_user_ids))
                            <a  href="
                                @if(is_numeric($item->chat_user_ids))
                                {{ route('user.companion.notifications',[$item->chat_user_ids])}}
                                @else   
                                {{ route('user.notifications')}} 
                                @endif" 
                                class='ml-2'>
                            <x-svg.chat class='fill-yellow-600 w-4'></x-svg.chat>
                            </a>
                            @endif
                        </span>
                    </td>
                        <td>{{ Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</td>


                        <td>{{ $item->wagonType->name ?? '' }}</td>
                        <td>{{ $item->rentalType->name }}</td>


                        <td>{{ $item->quantity }}</td>
                        <td>{{ $item->bid ?? '' }} {{ $item->currency->symbol ?? '' }}</td>
                        <td><a title="{{ __('More') }}"
                                href="{{ route('wagon-rental.show', ['rental_type_id' => $item->rental_type_id, 'wagon_rental' => $item->id]) }}"><img
                                    src=" {{ asset('img/more.svg') }}"></a></td>

                    </tr>
                @endforeach

            </tbody>
        </table>

        @if ($pagination)
            <div class='mt-5'>{{ $items->onEachSide(2)->links() }}</div>
        @endif

    </div>
@else
    <div class='box__white'>
        <span class='text-red-light pl-3'>{{ __('messages.empty_result') }}</span>
    </div>
@endif