@if(isset($outgoingLetters))
    <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.outgoing_number')}}</th>
                    <th style="width: 9%">{{ __('letters.date')}}</th>
                    <th>{{ __('letters.sender_department')}}</th>
                    <th style="width: 35%">{{ __('letters.description')}}</th>
                    <th style="width: 9%">{{ __('letters.letter_type')}}</th>
                    <th style="width: 6%">{{ __('letters.follow_up')}}</th>
                    <th style="width: 12%">{{ __('letters.answer_to')}}</th>
                    <th style="width: 11%">{{ __('letters.related_book')}}</th>
                    <th style="width: 2%">{{ __('letters.attachment')}}</th>
                    @if(auth()->user()->hasPermissionTo('Letters - Incoming Letter'))
                        <th style="width: 2%" class="text-center" style="width: 10%;"><i class="bx bx-cog"></i></th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @if($outgoingLetters->isEmpty())
                    <tr>
                        <td colspan="13">
                            <x-record-not-found />
                        </td>
                    </tr>
                @else
                    @php $counter = ($outgoingLetters->currentPage() - 1) * $outgoingLetters->perPage() + 1; @endphp
                    @foreach($outgoingLetters 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>
                                @foreach($item->recipients as $recipient)
                                    <span class="badge bg-info">{{ $recipient->name }}</span>
                                @endforeach
                            </td>
                            <td>{{ $item->description }}</td>
                            <td>{{ $item->letter_type }}</td>
                            <td>{{ __('letters.'.$item->taqibi) }}</td>
                            <td>
                                @if(!empty($item->answer_to) && $item->answerTo)
                                    <a href="{{ route('letter.incoming.view', ['id' => encryption($item->answerTo->id)]) }}" target="_blank">
                                        {{ $item->answerTo->maktub_number }} - {{ getYear($item->answerTo->maktub_date) }} - {{ $item->answerTo->from }}
                                    </a>
                                @endif
                            </td>
                            <td>{{ $item->archive }}</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="padding: 5px; text-align:center; vertical-align: middle">
                                @if(auth()->user()->hasPermissionTo('Letters - Outgoing Letter view'))
                                    <a href="{{ route('letter.outgoing.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="$outgoingLetters" />
    </div>
@else
    <div class="col-lg-12">
        <div class="mt-3">
            <x-record-not-found />
        </div>
    </div>
@endif
<style>
    .operation-btn{
        padding: 3px 6px 4px 5px;
    }
    .custom-talbe td{
        font-weight: normal;
    }
</style>