@extends('layouts._includes.admin.Header')
@section('titulo', 'Lista de Notícias')

@section('conteudo')

    <div class="content-wrapper">
        <!-- START PAGE CONTENT-->
        <div class="page-content fade-in-up">
            <div class="col-md-12">
                <a href="{{ route('admin.noticias.cadastrar') }}" class="btn btn-primary">Adicionar</a>
            </div>
            <div class="col-md-12">
                <div class="ibox">
                    <div class="ibox-head">
                        <div class="ibox-title">Lista de Notícias</div>
                        <div class="ibox-tools">
                            <a class="ibox-collapse"><i class="fa fa-minus"></i></a>
                        </div>
                    </div>
                    <div class="card shadow mb-4">
                        <div class="card-body">
                            <ul class="nav nav-tabs tabs-line" id="fora">
                                <li class="nav-item">
                                    <a class="nav-link" href="{{ route('admin.noticias.listar') }}"><i
                                            ></i>
                                        Ver Todas</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="{{ route('noticias.pesquisar', 'publicada') }}"><i
                                            class="fa fa-check"></i>
                                        Publicadas</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="{{ route('noticias.pesquisar', 'rascunho') }}"><i
                                            class="fa fa-edit"></i>
                                        Rascunhos</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="{{ route('noticias.pesquisar', 'oculta') }}"><i
                                            class="fa fa-eye-slash"></i>
                                        Ocultas</a>
                                </li>
                            </ul>

                            <div class="ibox-body">
                                <table class="table table-striped table-bordered table-hover" id="example-table"
                                    cellspacing="0" width="100%">
                                    <thead class="thead-dark">
                                        <tr class="text-center">
                                            <th>ID</th>
                                            <th>TÍTULO</th>
                                            <th>STATUS</th>
                                            <th>CATEGORIAS</th>
                                            <th>DATA CRIAÇÃO</th>
                                            <th>IMAGENS</th>
                                            <th>ACÇÕES</th>
                                        </tr>
                                    </thead>
                                    <tbody class="bg-white">

                                        @foreach ($noticias as $noticia)
                                            <tr class="text-center">
                                                <th>{{ $noticia->id }}</th>

                                                <th><a href="{{ route('admin.noticias.ver', $noticia->id) }}">
                                                        {{ Str::limit($noticia->vc_titulo, 40) }}</a> </th>

                                                <th>
                                                    @if($noticia->vc_status == 'publicada')
                                                        <span class="badge badge-success">Publicada</span>
                                                    @elseif($noticia->vc_status == 'rascunho')
                                                        <span class="badge badge-warning">Rascunho</span>
                                                    @else
                                                        <span class="badge badge-secondary">Oculta</span>
                                                    @endif
                                                </th>

                                                <th>
                                                    @foreach($noticia->categorias as $categoria)
                                                        <span class="badge badge-info">{{ $categoria->vc_nome }}</span>
                                                    @endforeach
                                                </th>

                                                <th>{{ $noticia->created_at->format('d/m/Y H:i') }}</th>

                                                <th>
                                                    <span class="badge badge-primary">{{ $noticia->imagens->count() }}</span>
                                                </th>

                                                @csrf
                                                @method('delete')
                                                <td>
                                                    <div class="dropdown">
                                                        <button class="btn btn-dark btn-sm dropdown-toggle" type="button"
                                                            id="dropdownMenuButton" data-toggle="dropdown"
                                                            aria-haspopup="true" aria-expanded="false">
                                                            <i class="fa fa-clone fa-sm" aria-hidden="true"></i>
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">

                                                            @if (Auth::user()->id_nivel_usuario <= 3)
                                                            <a href="{{ route('admin.noticias.editar', $noticia->id) }}"
                                                                class="dropdown-item">Editar</a>
                                                            @endif
                                                                <a href="{{ route('admin.noticias.ver', $noticia->id) }}"
                                                                    class="dropdown-item">Ver</a>
                                                            @if (Auth::user()->id_nivel_usuario == 1 || Auth::user()->id_nivel_usuario == 2)
                                                                <a href="{{ route('admin.noticias.eliminar', $noticia->id)}}" class="dropdown-item"
                                                                        data-confirm="Tem certeza que deseja eliminar?">Eliminar</a>
                                                            @endif

                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="/js/datatables/jquery-3.5.1.js"></script>

        <script>
            $(document).ready(function() {
                //start delete
                $('a[data-confirm]').click(function(ev) {
                    var href = $(this).attr('href');
                    if (!$('#confirm-delete').length) {
                        $('table').append(
                            '<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog" role="document"><div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Eliminar os dados</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body">Tem certeza que pretende eliminar?</div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button> <a  class="btn btn-info" id="dataConfirmOk">Eliminar</a> </div></div></div></div>'
                        );
                    }
                    $('#dataConfirmOk').attr('href', href);
                    $('#confirm-delete').modal({
                        shown: true
                    });
                    return false;
                });
                //end delete
            });
        </script>
        <!-- Footer-->


        @if (session('noticia.eliminar.true'))
            <script>
                Swal.fire(
                    'Notícia Eliminada com sucesso!',
                    '',
                    'success'
                )
            </script>
        @endif

        @if (session('noticia.cadastrar.true'))
            <script>
                Swal.fire(
                    'Notícia Cadastrada Com Sucesso!',
                    '',
                    'success'
                )
            </script>
        @endif

        @if (session('noticia.editar.true'))
            <script>
                Swal.fire(
                    'Notícia Editada Com Sucesso!',
                    '',
                    'success'
                )
            </script>
        @endif

        @if (session('noticia.purgar.true'))
            <script>
                Swal.fire(
                    'Notícia Purgada com sucesso!',
                    '',
                    'success'
                )
            </script>
        @endif

        @if (session('noticia.restaurar.true'))
            <script>
                Swal.fire(
                    'Notícia Restaurada com sucesso!',
                    '',
                    'success'
                )
            </script>
        @endif

        @if (session('imagem.remover.true'))
            <script>
                Swal.fire(
                    'Imagem removida com sucesso!',
                    '',
                    'success'
                )
            </script>
        @endif

    @endsection