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



@if (isset($items) and $items->count() > 0)
    <div class='overflow-x-scroll'>
        <div {{ $attributes->merge(['class' => 'pb-5 box__white']) }}>
            <table class="table__simple">
                <thead>
                    <tr>
                        <th class="th__id">№</th>
                        @auth
                            <th></th>
                        @endauth


                        @auth
                            <th></th>
                            <th></th>

                        @endauth


                        @auth
                            <th></th>
                        @endauth


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

                        <th>{{ __('messages.author') }}</th>

                        <th>{{ __('messages.fields.created_at') }}</th>
                        <th>{{ __('messages.fields.price') }}</th>
                        <th>{{ __('messages.fields.part_name') }}</th>
                        <th>{{ __('messages.fields.factory_number') }}</th>
                        <th></th>



                    </tr>
                </thead>
                <tbody>
                    @foreach ($items as $item)
                        <tr class="{{ !$item->isActive() ? 'bg-red-100' : 'bg-white' }}">
                            <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="Repair"></x-svg.message>
                                        </span>
                                    @endif
                                </td>

                            @endauth
                            @auth
                                @if (Auth::check() && Auth::user()->company && Auth::user()->company->admin_permission == 1 or
                                        Auth::check() && Auth::user()->id == $item->user_id)
                                    <td>

                                        <a href="{{ route('repair.edit', $item->id) }}">
                                            <img src=" {{ asset('img/edit.svg') }}">
                                        </a>
                                    </td>

                                    <td>
                                        <a href="{{ route('repair.destroy', $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('repair.destroy', $item->id) }}" method="POST"
                                            style="display: none;">
                                            @csrf
                                            @method('DELETE')
                                        </form>

                                    </td>
                                @else
                                    <td></td>
                                    <td></td>
                                @endif
                            @endauth

                            @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="Repair"></x-svg.copy>
                                    </span>
                                </td>
                            @endauth
                            <td>

                                <img class="w-20" src="{{ $item->images->first()?->getImagePath() }}" alt="">


                            </td>
                            <td>
                                <x-notification :item="$item" :userName="true"></x-notification>
                            </td>

                            <td>{{ Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</td>

                            <td>{{ $item->price ?? '' }} {{ $item->currency->symbol ?? '' }}</td>
                            <td>{{ $item->part_name }}</td>
                            <td>{{ $item->factory_number }}</td>
                            <td>
                                <a title="{{ __('More') }}" href="{{ route('repair.show', $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>
    </div>
@else
    <div class='  box__white'>
        <span class='text-red-light pl-3 py-3 block'>{{ __('messages.empty_result') }}</span>
    </div>
@endif