@php
    use Carbon\Carbon;
@endphp
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-12">
            <div class="card mb-4" >
                <div class="card-header pb-0">
                    <h6>Avisos</h6>
                </div>
                @if(Auth::user()->id == 1 || Auth::user()->id == 2 || Auth::user()->id == 75)
                <div class="col-12 my-3 text-end p-2 " style="background:#1a4742; margin: 0px !important">
                    <a class="btn bg-gradient-dark mb-0 me-4" href="{{route('avisos.create')}}"><i
                            class="fa fa-plus text-sm"></i>&nbsp;&nbsp;Criar novo aviso</a>
                </div>
                @endif
                <div class="card-body px-0 pt-0 pb-2">
                    <div class="table-responsive p-0">
                    <table class="table align-items-center mb-0">
                        <thead>
                            <tr>
                            @if(Auth::user()->id == 1 || Auth::user()->id == 2 || Auth::user()->id == 75)
                            <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">id</th>
                            <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">Usuário</th>
                            <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">Tipo</th>
                            <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">Assunto</th>
                            <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">Abertura</th>
                            <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">Inicio</th>
                            <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">Fim</th>
                            <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2">Status</th>
                            @else
                            <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2 ">Assunto</th>
                            <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2 ">Conteudo</th>
                            <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 p-2 ">Data</th>
                            @endif
                            </tr>
                        </thead>
                        <tbody>
                        @foreach ($avisos as $aviso)
                            {{--var_dump($aviso)--}}
                            <tr data-url="{{ route('avisos.edit', $aviso->idaviso) }}" style="cursor: pointer;"> {{--lembrar de criar rota com passagem de id--}}
                                @if(Auth::user()->id == 1 || Auth::user()->id == 2 || Auth::user()->id == 75)
                                <td>
                                    <p class="text-xs font-weight-bold mb-0 p-2">{{ $aviso->idaviso }}</p>
                                   
                                </td>
                                <td>
                                    <p class="text-xs font-weight-bold mb-0  pb-0">{{ ($aviso->user ? $aviso->user->name : '' ) }} </p>
                                    <p class="text-xs font-weight-bold mb-0  pb-0">{{ ($aviso->user) ? $aviso->user->username : '' }}</p>
                                   
                                </td>
                                <td>
                                    <div class="d-flex p-0 m-0 ">
                                        <div class="d-flex flex-column justify-content-center">
                                            <p class="text-xs font-weight-bold mb-0  pb-0">{{ $aviso->tipo }}</p>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <p class="text-xs font-weight-bold mb-0 p-2">{{ $aviso->assunto }}</p>
                                   
                                </td>
                                <td>
                                    <p class="text-xs font-weight-bold mb-0 p-2">{{ Carbon::parse($aviso->created_at)->format('d/m/y') }}</p>
                                   
                                </td>
                                <td>
                                    <p class="text-xs font-weight-bold mb-0 p-2">{{ Carbon::parse($aviso->inicio_at)->format('d/m/y') }}</p>
                                   
                                </td>
                                <td>
                                    <p class="text-xs font-weight-bold mb-0 p-2">{{ Carbon::parse($aviso->fim_at)->format('d/m/y') }}</p>
                                   
                                </td>
                                <td class="align-middle text-center text-sm">
                                    <span class="badge badge-sm bg-gradient-success p-2">{{ $aviso->status }} </span>
                                </td>                                    
                                @else
                                <td>
                                    <p class="text-xs font-weight-bold mb-0 p-2">{{ $aviso->assunto }}</p>
                                </td>
                                <td style="max-width: 50vw; overflow: hidden; text-overflow: ellipsis;">
                                    <p class="text-xs font-weight-bold mb-0 p-2" >{{ $aviso->conteudo }}</p>
                                </td>
                                <td>
                                    <p class="text-xs font-weight-bold mb-0 p-2">{{ Carbon::parse($aviso->inicio_at)->format('d/m/y') }}</p>
                                </td>
                                @endif
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <div x-intersect="$wire.loadMore()"></div>
            <button  class="mt-10" wire:click="loadMore">LoadMore</button>
            </div>
        </div>
    </div>
</div>