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



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

<div {{ $attributes->merge(['class' => 'box__white']) }}>
    <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.station_from') }}</th>
                <th>{{ __('messages.fields.station_to') }}</th>
                <th>{{ __('messages.fields.cargo') }}</th>
                <th>{{ __('messages.fields.weight') }}</th>

                <th>{{ __('messages.fields.wagon_type') }}</th>
                <th>{{ __('messages.fields.bid') }}</th>
                @if($links)
                @auth
                <th>{{ __('messages.fields.comment') }}</th>
                @endauth
                @endif

                <th></th>


            </tr>
        </thead>
        <tbody>
            @foreach($items as $item)
            <tr class="{{!$item->isActive()?'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-offer-id="{{ $item->id }}"    data-offer-model="CargoAd" data-to-user-id="{{ $item->user_id }}"></x-svg.message>
                    </span>

                    @endif
                </td>
                
                @endauth

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

                    <td>
                        @if(Auth::user()->id==$item->user->id)
                        <a href="{{ route('cargo-ad.destroy',['cargo_ad'=>$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('cargo-ad.destroy',['cargo_ad'=>$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="CargoAd"></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->stationFrom->railway->name }} | {{ $item->stationFrom->name_ua }}</td>
                <td>{{ $item->stationTo->railway->name }} | {{ $item->stationTo->name_ua }}</td>
                <td>{{ $item->cargoItem->name }}</td>
                <td>{{ $item->weight }}</td>
                <td>{{ $item->wagonType->name??'' }}</td>
                <td>{{ $item->bid ?? '' }} {{ $item->currency->symbol ?? '' }}</td>
                @if($links)
                @auth
                <td>{{ $item->comment ?? '' }}</td>
                @endauth
                @endif
                <td><a title="{{__('More')}}" href="{{ route('cargo-ad.show',['cargo_ad'=>$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