@extends('template')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{route('home')}}">Inicio</a></li>
    <li class="breadcrumb-item active" aria-current="page">Documentos</li>
@endsection

@section('content')
    <div class="tituloMorado" style="width: 100%">
        <h2>DOCUMENTOS</h2>
    </div>
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div style="min-height: 600px;">
                <div id="fm"></div>
            </div>
        </div>
    </div>
@endsection

@push('styles')
    <meta name="csrf-token" content="{{ csrf_token() }} @csrf">
    <link rel="stylesheet" href="{{ asset('vendor/file-manager/css/file-manager.css') }}">
    @if (!auth()
            ->user()
            ->hasRole('admin') &&
    !auth()
            ->user()
            ->hasRole('super-admin') &&
        !auth()
            ->user()
            ->can("File Manager"))

        <style>
            .fm-context-menu ul:nth-child(2n),
            .fm-context-menu ul:nth-child(3n),
            .fm-context-menu ul:nth-child(4n) {
                display: none;
            }

            .fm-navbar .col-auto .btn-group:nth-child(2n) {
                display: none !important;
            }

            .fm-navbar .col-auto .btn-group:nth-child(3n) {
                display: none !important;
            }

        </style>
    @endif
@endpush

@push('scripts')
    <script src="{{ asset('vendor/file-manager/js/file-manager.js') }}"></script>
@endpush