@props(['inforequests'])
<div class="shadow p-2 mb-4 border">
    <x-nav-top :navobject="$inforequests" :pathfile="'/inforequests'" :container="'#InforequestsContainer'" :querystring="''" :viewtitle=true/>
    <div class="p-3 bg-dark text-light fs-4 text-start">
        <span class="blink_me text-danger">((<span class="fas fa-bell"></span>))</span> Incoming requests
        <hr/>
    </div>
    
    <div class="table-responsive">
        <table class="table table-condenced table-sm table-striped">
            <thead class="bg-dark text-light">
                <tr>
                    <th class="bg-dark"></th>
                    <th>Names</th>
                    
                    <th>Date</th>
                    <th class="bg-dark"></th>
                </tr>
            </thead>
            @foreach ($inforequests  as $index=>$ir)
                <tr class="{{ $ir->is_read ? '' : 'fw-bolder' }}">
                    <td class="bg-dark">
                        @if ($ir->is_read)
                            <span class="fas fa-envelope-open text-light"></span>
                            @else
                            <span class="fas fa-envelope text-secondary"></span>
                        @endif
                        
                    </td>
                    <td class="text-uppercase">{{ $ir->names }}</td>
                
                    <td>{{ $ir->created_at }}</td>
                    <td class="bg-dark">
                        <div class="row">
                            <div class="col">
                                <button class="btn btn-outline-secondary btn-sm float-end" data-bs-toggle="modal" data-bs-target="#IncommingReqRead"  onclick="$.fn.LoadData('/info-req-read/{{ $ir->inforequest_id }}',$('#IncommingReqContainer'), $(this).find('.notify'));"><span class="fas fa-envelope-open"></span>&nbsp;Read <x-notify/></button>
                            </div>
                            <div class="col">
                                <button class="btn btn-outline-warning btn-sm float-end" data-bs-toggle="modal" data-bs-target="#IncommingReqReply"  onclick="$.fn.LoadData('/info-req-reply/{{ $ir->inforequest_id }}',$('#RequestReplyContainer'), $(this).find('.notify'));"><span class="fas fa-mail-reply"></span>&nbsp;Reply <x-notify/></button>
                            </div>
                            <div class="col">
                                <form action="/delete-info-request" method="POST" class="inforeqdel form-inline">
                                    @csrf
                                    @method('delete')
                                    <button class="btn btn-outline-danger btn-sm form-inline" onclick="$.fn.DeleteData(event,$(this).parents('form.inforeqdel'),'/delete-info-request/{{ $ir->inforequest_id }}','/registraroffice','',$(this).find('.notify'),'',true,true);"><span class="fas fa-times-circle"></span>&nbsp;Delete <x-notify/></button>
                                </form>
                            </div>
                        </div>
                    </td>
                    
                </tr>
            @endforeach
        </table>
    </div>
    <x-registrar.modal-requestread/>
    <x-registrar.modal-request-reply/>
</div>