@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>

                    @if($links)
                        @auth
                            <th></th>
                            <th></th>
                        @endauth
                        
                        <th>{{ __('messages.author') }}</th>
                    @endif
                    <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.comment') }}</th>
                    <th>{{ __('messages.fields.created_at') }}</th>
                    <th></th>
                    
                    
                </tr>
            </thead>
            <tbody>
                @foreach($items as $item)
                <tr>
                    <td>{{ ++$loop->index }}</td>

                    @if($links)
                        @auth
                            <td>
                                @if(Auth::user()->id==$item->user->id)
                                    <a href="{{ route('cargo-ad.edit',['cargo_ad'=>$item->id]) }}">
                                        <img src=" {{asset('assets/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('assets/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
                    
                        <td>{{ $item->user->name }}</td>
                    @endif
                    <td>{{ $item->stationFrom->name_ru }}</td>
                    <td>{{ $item->stationTo->name_ru }}</td>
                    <td>{{ $item->cargoItem->name }}</td>
                    <td>{{ $item->weight }}</td>
                    <td>{{ $item->wagonType->name??'' }}</td>
                    <td>{{ $item->comment ?? '' }}</td>
                    <td>{{ Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</td>
                    <td><a href="{{ route('cargo-ad.show',['cargo_ad'=>$item->id]) }}"><img src=" {{asset('assets/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-600 pl-3'>{{ __('messages.empty_result') }}</span>
    </div>
@endif