@extends('layouts.basico')
@section('content')
    <title>Avisos - CDA</title>

    <section class="testimonials" id="painel-avisos-testimonials">
        <div class="container" data-aos="fade-up" id="cards-avisos">
            <div class="row">
                <div class="col-md-8" id="list-avisos">
                    <div class="card">
                        <div class="card-body">
                            <div class="flex flex-row justify-content-between align-items-center mb-4">
                                    <h5 class="card-title">Painel de avisos</h5>
                                    <a href="{{ route('criarAviso') }}" class="rounded-pill"
                                    id="btn-criar-aviso"><i class="bi bi-journal-plus"></i> Novo aviso</a>
                            </div>
                           
                            @if (count($avisos) < 1)
                                <div class="w-100">
                                    <span class="badge bg-warning text-dark "><i class="bi bi-emoji-frown"
                                            id="semAviso"></i>
                                        Nenhum aviso cadastrado.</span>
                                </div>
                            @endif
                            @foreach ($avisos as $aviso)
                                <ol class=" list-group mt-2">
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                        <div class="ms-2 me-auto">
                                            <a data-bs-target="#avisoModalToggle" data-bs-toggle="modal"
                                                data-id="{{ $aviso->id }}" class="titulo-aviso link-saiba-mais">
                                                <div class="fw-bold"><i class="fas fa-pen-square"></i>
                                                    {{ $aviso->name_warning }} </div>
                                            </a>
                                            <span class="infor-data"><i class="bi bi-check2-all"></i> Publicado em
                                                {{ date('d/m/Y', strtotime($aviso->created_at)) }}<span>
                                        </div>
                                        @if ($aviso->statu_id == 1)
                                            <span class="badge bg-success">Ativo</span>
                                        @endif
                                        @if ($aviso->statu_id == 2)
                                            <span class="badge bg-danger" id="btn-inativo">Inativo</span>
                                        @endif
                                    </li>
                                </ol>
                            @endforeach
                        </div>

                        <div class="pagination justify-content-center">
                            {{ $avisos->links() }}
                        </div>

                    </div>


                    <a href="/" class="btn-voltar"><i class="bi bi-arrow-left-circle-fill"></i> Voltar</a>

                </div>
            </div>
        </div>

    </section>

    {{-- Modal Avisos --}}
    <div class="modal fade" id="avisoModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
        tabindex="-1">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">

                <div class="modal-header" style="border: none;">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="container px-5">
                    {{-- 
                    <div class="card-header">
                        <nav class="header-nav ms-auto">
                            <ul class="d-flex align-items-center">
                                <li class="nav-item dropdown pe-3">
                                    <span class="nav-link nav-profile d-flex align-items-center pe-0">

                                        <img src="{{ asset('img/user-img.png') }}" id="semFoto" alt="Profile"
                                            class="rounded-circle" style="display:none;">

                                        <img src="" id="comFoto" alt="Perfil" class="rounded-circle"
                                            style="display:none;">

                                        <span class="d-none d-md-block ps-2" id="name-user-aviso"></span>

                                    </span>
                                </li>
                            </ul>
                        </nav>
                    </div> --}}

                    <div class="card-body">
                        <h5 class="card-title" id="titulo-aviso"></h5>
                        <div class="testimonial-item py-2" id="aviso-texto">
                            <div class="text-container">
                                <div id="descricao-aviso">

                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="flex flex-row justify-content-between my-5">
                            <div class="flex flex-row" style="align-items:center">
                                <a id="anexo-show-aviso" class="btn btn-primary rounded-pill btn-sm me-2"><i
                                        class="bi bi-file-earmark-check"></i> Ver Anexo</a>
                                <a href="" target="_blank" class="btn btn-primary rounded-pill btn-sm me-2"
                                    id="link-show-aviso"><i class="bi bi-link-45deg"></i> Link</a>
                                <img src="{{ asset('img/user-img.png') }}" id="semFoto" alt="Profile"
                                    class="rounded-circle" style="display:none; width: 30px;">
                                <img src="" id="comFoto" alt="Perfil" class="rounded-circle"
                                    style="display:none; width: 30px;">
                                <span class="d-none d-md-block ps-2" id="name-user-aviso"></span>

                            </div>
                            <div>
                                <a id="editar-aviso" class="btn btn-primary rounded-pill btn-sm" title="Editar"><i
                                        class="bi bi-pencil-fill"></i></a>
                                <a class="btn btn-primary rounded-pill btn-sm" data-bs-toggle="modal"
                                    data-bs-target="#modalexcluirAviso" title="Remover" data-id="" id="excluir-aviso"><i
                                        class="bi bi-trash-fill"></i></a>
                            </div>
                        </div>

                    </div>

                </div>



            </div>
        </div>

    </div>
    <div class="modal fade" id="modalexcluirAviso">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                {{-- Modal de exclusão de aviso --}}
                <form action="" method="POST" id="excluirAviso">
                    @csrf
                    @method('DELETE')
                    <div class="modal-header">
                        <h5 class="modal-title">Deseja excluir este aviso?</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        Atenção! Ao confirmar esta mensagem o aviso será excluido!
                    </div>
                    <input type="hidden" id="idAvisoExcluir" name="idAvisoExcluir" value="">
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Não</button>
                        <button type="submit" class="btn btn-danger" data-bs-dismiss="modal">Sim</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection