@extends('layouts.app')
@section('scripts')
    <script>
        $(document).ready(function () {
            var table = $('#tabelaPastas').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')

    @foreach($documentos as $doc)
        <div class="modal fade" id="modalDeleteDoc{{ $doc->id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <form action="{{ url('/admin/documento/deletar') }}" method="post">
                    {{ csrf_field() }}
                    <input type="hidden" value="{{ $doc->id }}" name="doc">

                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title" id="myModalLabel">Excluir arquivo {{ $doc->arquivo }}</h4>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <p>Deseja excluir esse arquivo ?</p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Não</button>
                            <button type="submit" class="btn btn-primary">Sim</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endforeach


    @foreach($pastas as $pasta)
        <div class="modal fade" id="modalDeletePasta{{ $pasta->id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <form action="{{ url('/admin/pasta/deletar') }}" method="post">
                    {{ csrf_field() }}
                    <input type="hidden" value="{{ $pasta->id }}" name="folder">

                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title" id="myModalLabel">Excluir pasta {{ $pasta->nome }}</h4>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <p>Deseja excluir essa pasta ?</p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Não</button>
                            <button type="submit" class="btn btn-primary">Sim</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endforeach


    <div class="container">
        <div class="row rowBack" style="background-color: #659700">
            <div class="col-6 col-lg-2 mt-2">
                <a class="back">
                    <p><i class="fas fa-arrow-left"></i> Voltar </p>
                </a>
            </div>

            <div class="col-6 col-lg-2 mt-2">
                <a href="{{ url('/admin/pasta/adicionar') }}">
                    <p><i class="fas fa-folder"></i> Nova pasta</p>
                </a>
            </div>

            <div class="col-6 col-lg-2 mt-2">
                <a href="{{ url('/admin/documento/adicionar') }}">
                    <p><i class="fas fa-file"></i> Novo documento</p>
                </a>
            </div>

            <div class="col-12 col-lg-4 text-center">

                <div class="btnPesquisar">
                    <form class="form-inline ml-auto" action="{{ url("admin/search") }}" method="get" id="filtro">
                        <div class="md-form my-0">
                            <input class="form-control" type="text" placeholder="Pesquisar" aria-label="Pesquisar" name="nome" value="{{ Request("nome") }}">
                        </div>
                        <button class="btn-outline-white btn-md my-0 ml-sm-2" type="submit"><i class="fas fa-search"></i></button>
                        @if(Request("nome") != "")
                            <a href="{{ url("/admin/search") }}" class="btn-danger btn-sm">X</a>
                        @endif
                    </form>

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

                            {{--<div class="col-2 col-lg-4 text-right">--}}
                                {{--<button type="submit" class="btn btn-primary">Filtrar</button>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</form>--}}
                </div>

            </div>

            <div class="col-6 col-lg-2 mt-2 text-right">
                <a class="next">
                    <p>Avançar <i class="fas fa-arrow-right"></i></p>
                </a>
            </div>
        </div>
        <div class="row rowPastas pb-5" id="tabelaPastas">

            @if(count($pastas) == 0 && count($documentos) == 0)
                <div class="col-12 text-center">
                    <h2>Pasta vazia</h2>
                </div>
            @else
                @if(count($pastas) > 0)
                    @foreach($pastas as $pasta)
                        <div class="col-md-2 col-lg-2 text-center">
                            <a class="cardPasta" href="{{ url('/admin/pasta/'.$pasta->id) }}">
                                <div class="card">
                                    <div class="card-header text-center pb-0"><img src="{{ asset('imagens/pasta.png') }}" alt="" class="img-fluid">
                                        <p class="text-center mb-0">{{ $pasta->nome }}</p>
                                    </div>
                                </div>
                            </a>
                            <a href="{{ url('/admin/pasta/editar/'.$pasta->id) }}" data-toggle="tooltip" data-placement="bottom" title="Editar">
                                <i class="far fa-edit"></i>
                            </a>
                            <button data-toggle="modal" data-target="#modalDeletePasta{{ $pasta->id }}" data-placement="bottom" title="Excluir">
                                <i class="fas fa-trash-alt"></i>
                            </button>
{{--                            <button data-toggle="tooltip" data-placement="bottom" title="Mover">--}}
{{--                                <i class="fas fa-share"></i>--}}
{{--                            </button>--}}
                        </div>
                    @endforeach
                @endif
                @if(count($documentos) > 0)
                    @foreach($documentos as $doc)
                        <div class="col-md-2 col-lg-2 text-center">
                            <a class="cardPasta" href="{{ url('/images/uploads/'.$doc->arquivo) }}" target="_blank">
                                <div class="card">
                                    <div class="card-header text-center pb-0"><img src="{{ asset('imagens/documento1.png') }}" alt="" class="img-fluid">
                                        <p class="text-center mb-0">{{ $doc->nome }}</p>
                                        <h6 class="text-center mb-0"><small>{{ $doc->arquivo }}</small></h6>
                                    </div>
                                </div>
                            </a>
                            <a href="{{ url('/admin/documento/editar/'.$doc->id) }}" data-toggle="tooltip" data-placement="bottom" title="Editar">
                                <i class="far fa-edit"></i>
                            </a>
                            <button data-toggle="modal" data-target="#modalDeleteDoc{{ $doc->id }}" data-placement="bottom" title="Excluir">
                                <i class="fas fa-trash-alt"></i>
                            </button>
                            <a href="{{ url('/admin/documento/mover/'.$doc->id) }}" data-toggle="tooltip" data-placement="bottom" title="Mover">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    @endforeach
                @endif
            @endif

        </div>
    </div>
@endsection