@if($results->isEmpty())
    <div class="mx-3">
        <x-record-not-found />
    </div>
@else
    <div id="result-total-count-hidden" style="display: none;">{{$results->total()}}</div>

    <div class="table-responsive">
        <table class="table table-hover table-bordered fs-10">
            <thead class="sticky-top shadow-sm">
                <tr>
                    <th>{{ __('global.no')}}</th>
                    <th>{{ __('result.title')}}</th>
                    <th>{{ __('result.decission')}}</th>
                    <th>{{ __('result.status.header')}}</th>
                    <th>{{ __('result.agenda')}}</th>
                    <th>{{ __('result.created_date')}}</th>
                    @if(auth()->user()->hasPermissionTo('Result - View Result') || auth()->user()->hasPermissionTo('Result - Edit Result') || auth()->user()->hasPermissionTo('Result - Delete Result'))
                        <th colspan="3" class="text-center" style="width: 10%;"><i class="bx bx-cog"></i></th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @php $counter = ($results->currentPage() - 1) * $results->perPage() + 1; @endphp
                @foreach($results as $result)
                    <tr id="tr-{{ $result->id }}"
                            class="v-align-middle alert @if($result->status == 'complete') alert-success
                            @elseif($result->status == 'inprogress') alert-info
                            @elseif($result->status == 'archive') alert-warning
                            @endif"
                        >
                        <td>
                            <button type="button" class="btn btn-sm text-center btn-primary lh-10">{{$counter++}}</button>
                        </td>
                        <td>{{$result->title}}</td>
                        <td>{{$result->decission}}</td>
                        <td>
                            @if($result->status == 'pending') {{ __('result.status.pending') }}
                            @elseif($result->status == 'inprogress') {{ __('result.status.inprogress') }}
                            @elseif($result->status == 'complete') {{ __('result.status.complete') }}
                            @else {{ __('result.status.archive') }}
                            @endif
                        </td>
                        <td>{{$result->agenda->title}}</td>
                        <td>{{ getHijriDate($result->created_at) }}</td>
                        <td style="padding: 5px; text-align:center;">
                            @if($result->action == 'approve')
                                @if(auth()->user()->hasPermissionTo('Result - Followup Result'))
                                <a @if($result->status == 'complete') href="{{ route('followupResult', ['id'=> encryption($result->id) ]) }}" @else disabled @endif
                                    data-toggle="tooltip"
                                    title="{{ __('result.followup')}}"
                                    class="btn {{ $result->buttonStatus  }} custom-a btn-sm"
                                    style="font-size: 12px; font-weight: bold;" >
                                    <i class="far fa-arrow-alt-circle-{{app()->getLocale() == 'en' ? 'left' : 'right'}}"></i>
                                </a>
                                @endif
                            @endif
                        </td>
                        @if(auth()->user()->hasPermissionTo('Result - View Result'))
                            <td style="padding: 5px; text-align:center;">
                                <a href="{{ route('viewResult', ['id'=> encryption($result->id) ]) }}"
                                    data-toggle="tooltip"
                                    title="{{ __('result.view')}}"
                                    class="btn btn-outline-primary custom-a btn-sm show-edit-btn"
                                    style="font-size: 12px; font-weight: bold;">
                                    <i class="fa fa-eye"></i>
                                </a>
                            </td>
                        @endif
                        @if(auth()->user()->hasPermissionTo('Result - Edit Result'))
                            <td style="padding: 5px; text-align:center;">
                                <a @if($result->status == 'pending' && $result->action == null) href="{{ route('editResult', ['id'=> encryption($result->id) ]) }}" @else disabled @endif
                                    data-toggle="tooltip"
                                    title="{{ __('result.edit')}}"
                                    class="btn btn-outline-secondary custom-a btn-sm show-edit-btn"
                                    style="font-size: 12px; font-weight: bold;" >
                                    <i class="fa fa-pen"></i>
                                </a>
                            </td>
                        @endif
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <div class="col-lg-12">
        <x-pagination-links :paginator="$results" />
    </div>
@endif