@extends('layouts.app')
@section('scripts')
    <script>
        $(document).ready(function () {
            var table = $('#tabelaDocumentos').DataTable({
                "order": [[ 5, "desc"]],
                "paging": true,
                "lengthChange": false,
                "searching": true,
                "ordering": true,
                "info": true,
                "autoWidth": false,
                "aoColumns": [
                    { "bSearchable": true },
                    { "bSearchable": true },
                    { "bSearchable": false },
                    { "bSearchable": false },
                    { "bSearchable": false },
                    { "bSearchable": false },
                    { "bSearchable": false },
                    { "bSearchable": false },
                    { "bSearchable": false },
                    { "bSearchable": false },
                    { "bSearchable": false },
                    { "bSearchable": false }
                ],
                "language": {
                    "sEmptyTable": "Nenhum registro encontrado",
                    "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                    "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
                    "sInfoFiltered": "(Filtrados de _MAX_ registros)",
                    "sInfoPostFix": "",
                    "sInfoThousands": ".",
                    "sLengthMenu": "_MENU_ resultados por página",
                    "sLoadingRecords": "Carregando...",
                    "sProcessing": "Processando...",
                    "sZeroRecords": "Nenhum registro encontrado",
                    "sSearch": "Pesquisar",
                    "oPaginate": {
                        "sNext": "<i class='fa fa-arrow-right'></i>",
                        "sPrevious": "<i class='fa fa-arrow-left'></i>",
                        "sFirst": "Primeiro",
                        "sLast": "Último"
                    },
                    "oAria": {
                        "sSortAscending": ": Ordenar colunas de forma ascendente",
                        "sSortDescending": ": Ordenar colunas de forma descendente"
                    }
                }
            });
        });


    </script>
@endsection

@section('content')

    <section class="content-header">
        <h1>
            Lista de Documentos
        </h1>
    </section>

    <section class="content">

        @if(session()->has('success'))

            <div class="alert alert-success alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                {{ session()->get('success') }}
            </div>

        @endif

        @if(session()->has('error'))

            <div class="alert alert-danger alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                {{ session()->get('error') }}
            </div>

        @endif


        <div class="row">
            <div class="col-12">

                <div class="text-right mb-3">

                    @if(Request("titulo") != "" || Request("is_featured") != "" || Request("status") != "")
                        <a href="{{ url("/admin/documentos") }}" class="btn btn-danger btn-sm"><i class="fa fa-close"></i> Limpar filtro</a>
                    @endif

                    <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                        <i class="fa fa-chevron-down"></i> Filtrar
                    </a>

                    <div class="collapse" id="collapseExample">
                        <div class="card card-body">
                            <form action="{{ url("admin/documentos") }}" method="get" id="filtro">
                                <div class="row">
                                    <div class="col-4 col-lg-4">
                                        <div class="form-group">
                                            <input type="text" id="titulo" placeholder="Título" name="titulo" value="{{ Request("titulo") }}" class="form-control">
                                        </div>
                                    </div>

                                    <div class="col-12 col-lg-12 text-right">
                                        <button type="submit" class="btn btn-primary">Filtrar</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-2 col-lg-2">
                        <a class="cardPasta" href="{{ url('/admin/pasta/adicionar') }}">
                            <div class="card">
                                <div class="card-header text-center"><img src="{{ asset('imagens/pasta_add.png') }}" alt="">
                                    <p class="text-center">Nova Pasta</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3 col-lg-3">
                        <a class="cardPasta" href="{{ url('/admin/documento/adicionar') }}">
                            <div class="card">
                                <div class="card-header text-center"><img src="{{ asset('imagens/documento.png') }}" alt="">
                                    <p class="text-center">Novo Documento</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Lista de Documentos</h3>
                    </div>

                    <div class="card-body table-responsive">
                        <table id="tabelaDocumentos" class="table">
                            <thead>
                            <tr>
                                <th>Arquivo</th>
                                <th>Responsável </th>
                                <th>data_expiracao</th>
                                <th>Ação</th>
                            </tr>
                            </thead>

                            <tbody>
                            @foreach($documentos as $doc)
                                <tr>
                                    <td>{{ $doc->arquivo }}</td>
                                    <td>{{ $doc->responsavel }}</td>
                                    <td>{{ \Carbon\Carbon::parse($doc->data_expiracao)->format('d/m/Y') }}</td>

                                    <td class="btnsAcoes">
                                        <a href="{{ url('/admin/documento/editar/'.$doc->id) }}" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i> <i class="fas fa-edit"></i> Editar</a>
                                        <a href="{{ url('/admin/documento/editar/'.$doc->id) }}" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i> <i class="fas fa-share"></i> Mover</a>
                                        <a href="{{ url('/admin/documento/editar/'.$doc->id) }}" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i> <i class="fas fa-trash-alt"></i> Excluir</a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>

                        {{--<div class="col-12">--}}
                            {{--{{ $documentos->links() }}--}}
                        {{--</div>--}}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection