@if(isset($incomingLetters))
    <div class="table-responsive">
        <table class="table table-hover table-bordered fs-11 custom-talbe">
            <thead class="sticky-top shadow-sm">
                <tr>
                    <th style="width: 4%" class="text-center">#</th>
                    <th style="width: 5%">{{ __('letters.entry_number')}}</th>
                    <th style="width: 9%">{{ __('letters.entry_date')}}</th>
                    <th style="width: 5%">{{ __('letters.letter_number')}}</th>
                    <th style="width: 9%">{{ __('letters.letter_date')}}</th>
                    <th>{{ __('letters.save_number')}}</th>
                    <th>{{ __('letters.sender')}}</th>
                    <th style="width: 35%">{{ __('letters.description')}}</th>
                    <th style="width: 7%">{{ __('letters.letter_type')}}</th>
                    <th style="width: 8%">{{ __('letters.related_book')}}</th>
                    <th style="width: 10%">{{ __('letters.answer_to')}}</th>
                    <th style="width: 2%; padding: 0">{{ __('letters.attachment')}}</th>
                    <th style="width: 2%; padding: 0" class="text-center">{{ __('global.view') }}</i></th>
                    @if(auth()->user()->hasPermissionTo('Letters - Incoming Letter'))
                        <th style="width: 2%" class="text-center" style="width: 5%;"><i class="bx bx-cog"></i></th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @if($incomingLetters->isEmpty())
                    <tr>
                        <td colspan="13">
                            <x-record-not-found />
                        </td>
                    </tr>
                @else
                    @php $counter = ($incomingLetters->currentPage() - 1) * $incomingLetters->perPage() + 1; @endphp
                    @foreach($incomingLetters as $item)
                        <tr id="tr-{{ $item->id }}" @if($item->action == 'approve') class="bg-success text-white" @endif>
                            <td>
                                <button type="button" class="btn btn-sm text-center btn-primary lh-10">{{$counter++}}</button>
                            </td>
                            <td>{{ $item->number }}</td>
                            <td>{{ getHijriDate($item->date) }}</td>
                            <td>{{ $item->maktub_number }}</td>
                            <td>{{ getHijriDate($item->maktub_date) }}</td>
                            <td>{{ $item->save_number }}</td>
                            <td><span class="badge bg-info">{{ @$item->senderDepartment->name }}</span></td>
                            <td>{{ $item->description }}</td>
                            <td>{{ $item->letter_type }}</td>
                            <td>{{ $item->archive }}</td>
                            <td>
                                @if(!empty($item->answer_to) && $item->answerTo)
                                    <a href="{{ route('letter.outgoing.view', ['id' => encryption($item->answerTo->id)]) }}" target="_blank">
                                        {{ $item->answerTo->number }} - {{ getYear($item->answerTo->date) }}
                                    </a>
                                @endif
                            </td>
                            <td style="text-align:center; vertical-align: middle; white-space: nowrap; padding: 0 2px">
                                @if ($item->file)
                                    {{-- نمایش فایل در تب جدید --}}
                                    <a class="btn btn-outline-success btn-sm m-0" href="{{ asset($item->file) }}" target="_blank" title="مشاهده فایل">
                                        <i class="fa fa-eye"></i>
                                    </a>

                                    {{-- دانلود فایل --}}
                                    <a class="btn btn-outline-info btn-sm m-0" href="{{ asset($item->file) }}" download title="دانلود فایل">
                                        <i class="fa fa-download"></i>
                                    </a>
                                @endif
                            </td>
                            <td style="text-align:center; vertical-align: middle; white-space: nowrap; padding: 0">
                                @if($item->replies->isNotEmpty())
                                    <a href="{{ route('letter.outgoing.view', ['id'=> encryption($item->replies->first()->id) ]) }}"  
                                    class="btn btn-outline-primary operation-btn" style="font-size: 12px; font-weight: bold;" target="_blank">
                                        <i class="fa fa-folder-open"></i>
                                    </a>
                                @endif
                            </td>
                            <td style="padding: 5px; text-align:center; vertical-align: middle; white-space: nowrap;">
                                @if(auth()->user()->hasPermissionTo('Letters - Incoming Letter view'))
                                    <a href="{{ route('letter.incoming.view', ['id'=> encryption($item->id) ]) }}"  class="btn btn-outline-primary operation-btn" style="font-size: 12px; font-weight: bold;">
                                        <i class="fa fa-eye"></i>
                                    </a>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                @endif
            </tbody>
        </table>
    </div>
    <div class="col-lg-12">
        <x-pagination-links :paginator="$incomingLetters" />
    </div>
@else
    <div class="col-lg-12">
        <div class="mt-3">
            <x-record-not-found />
        </div>
    </div>
@endif
<style>
    .operation-btn{
        padding: 7px 8px 3px 7px;
    }
    .custom-talbe td{
        font-weight: normal;
    }
</style>