@extends('layouts.app')

@section('conteudo')

<!-- Hero -->
<div class="bg-image" style="background-image: url(''); margin-top: 70px;">
    <div class="bg-black-50">
        <div class="content content-full">
            <div class="d-flex justify-content-between align-items-center">
                <h1 class="flex-grow-1 fs-2 text-white my-2">
                    <i class="fa fa-boxes text-white-50 me-1"></i> Documentos Administrativos
                </h1>
                <a class="btn btn-primary my-2" data-bs-toggle="modal" data-bs-target="#modaldocumento">
                    Registrar Documento
                </a>
            </div>
        </div>
    </div>
</div>
<!-- END Hero -->



<div class="content content-boxed">
    <h2 class="content-heading">
        <i class="fa fa-briefcase text-muted me-1"></i> Listagem de Documentos
    </h2>
    @foreach($documentos as $item)
    <div class="block block-rounded">
        <div class="block-content block-content-full">
            <div class="d-sm-flex">
                <div class="ms-sm-2 me-sm-4 py-2 text-center">
                    <div class="btn-group btn-group-sm">
                        <a class="btn btn-alt-secondary" data-bs-toggle="modal" data-bs-target="#modaldocumentovisualizar">
                            <i class="fa fa-fw fa-eye"></i>
                        </a>
                        <a class="btn btn-alt-secondary" data-bs-toggle="modal" data-bs-target="#modaldocumentoeditar">
                            <i class="fa fa-pencil-alt text-info"></i>
                        </a>
                        <a class="btn btn-alt-secondary delete_document" href="/eliminar_documento_administrativo/{{$item->id}}" data-id="">
                            <i class="fa fa-times text-danger"></i>
                        </a>
                    </div>
                </div>
                <div class="py-2">
                    <p class=" h4 mb-1 d-inline-block text-dark">
                        {{$item->nome}}
                    </p>
                </div>
            </div>
        </div>
    </div>
    @endforeach
    <!-- <center>
        <br>
        <div class="alert alert-danger" role="alert">
            Você não tem permissão pra visualizar essa página!
        </div>
    </center> -->


</div>
@include('conteudos.documentos_administrativo.modal_registrar_documento_administrativo')
@include('conteudos.documentos_administrativo.modal_editar_documento_administrativo')
@include('conteudos.documentos_administrativo.modal_visualizar_documento_administrativo')
@endsection