@extends('layout.backend')

@section('styles')
@parent
<style>
.document-row { transition: background .15s; }
.document-row:hover { background: #f8f9fc; }
.type-badge {
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .25rem .65rem; border-radius: 2rem;
    font-size: .75rem; font-weight: 600; white-space: nowrap;
}
.filter-card { background: #f8f9fc; border-radius: .5rem; }
.pagination-info { font-size: .85rem; color: #858796; }
.action-group { display: flex; gap: .35rem; flex-wrap: wrap; justify-content: center; }
</style>
@endsection

@section('scripts')
@parent
@vite(['resources/js/documents.js'])
@endsection

@section('content')

@if(session()->has('alert-success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    {!! session()->get('alert-success') !!}
    <button type="button" class="close" data-dismiss="alert">&times;</button>
</div>
@endif

<div class="card shadow mb-4">
    <div class="card-header py-3 d-flex align-items-center justify-content-between flex-wrap gap-2">
        <div class="d-flex align-items-center">
            <i class="fas fa-folder-open text-primary mr-2 fa-lg"></i>
            <h6 class="m-0 font-weight-bold text-primary">Documentos e artigos</h6>
            <span class="badge badge-primary ml-2">{{ $documents->total() }}</span>
        </div>
    </div>

    <div class="card-body">
        {{-- Filtros e ações --}}
        <div class="filter-card p-3 mb-4">
            <div class="row align-items-end">
                <div class="col-sm-12 col-md-5 col-lg-4 mb-2 mb-md-0">
                    <label class="mb-1 small font-weight-bold text-muted">Filtrar por pasta</label>
                    {!! Form::open(['id' => 'form-filter-roles', 'url' => route('documents.index'), 'autocomplete' => 'off']) !!}
                    @method('GET')
                    {!! Form::select('roles', $roles, $data['roles'] ?? null, ['class' => 'form-control form-control-sm', 'id' => 'roles']) !!}
                    {!! Form::close() !!}
                </div>
                @canany(['send-documents'])
                @if ($send)
                <div class="col-sm-12 col-md-auto ml-md-auto">
                    {!! Form::open(['url' => route('documents.select'), 'autocomplete' => 'off']) !!}
                    @method('GET')
                    {!! Form::hidden('roles', $data['roles'] ?? null, ['id' => 'role_id']) !!}
                    <button type="submit" class="btn btn-info btn-sm">
                        <i class="fas fa-upload mr-1"></i> Enviar documento
                    </button>
                    {!! Form::close() !!}
                </div>
                @endif
                @endcan
            </div>
        </div>

        {{-- Lista de documentos --}}
        @if($documents->count() > 0)
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="thead-light">
                    <tr>
                        <th scope="col" style="min-width:200px">Documento</th>
                        <th scope="col" class="text-center" style="width:100px">Tipo</th>
                        <th scope="col" class="text-center" style="width:180px">Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($documents as $document)
                    <tr class="document-row">
                        <td>
                            <div class="d-flex align-items-center">
                                <i class="fas fa-file-alt text-gray-500 mr-3 fa-lg"></i>
                                <div>
                                    <div class="font-weight-medium">
                                        {!! $document->name !!}
                                        @if($document->shareable)
                                            <span class="badge badge-success ml-1" title="Compartilhável em apresentações">Compartilhável</span>
                                        @endif
                                    </div>
                                    <small class="text-muted">
                                        <span class="badge badge-secondary mr-2">{{ $document->slug }}</span>
                                        <i class="far fa-calendar-alt mr-1"></i>
                                        {{ $document->created_at ? $document->created_at->format('d/m/Y') : '' }}
                                    </small>
                                </div>
                            </div>
                        </td>
                        <td class="text-center">
                            @php
                            $typeInfo = [
                                'application/pdf' => ['label' => 'PDF', 'class' => 'btn-danger'],
                                'application/msword' => ['label' => 'Word', 'class' => 'btn-primary'],
                                'application/vnd.openxmlformats-officedocument.wordprocessingml.document' => ['label' => 'Word', 'class' => 'btn-primary'],
                                'application/vnd.ms-excel' => ['label' => 'Excel', 'class' => 'btn-success'],
                                'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' => ['label' => 'Excel', 'class' => 'btn-success'],
                                'text/plain' => ['label' => 'TXT', 'class' => 'btn-secondary'],
                            ];
                            $info = $typeInfo[$document->type] ?? ['label' => 'Arquivo', 'class' => 'btn-secondary'];
                            $iconMap = [
                                'PDF' => 'fa-file-pdf', 'Word' => 'fa-file-word',
                                'Excel' => 'fa-file-excel', 'TXT' => 'fa-file-alt',
                            ];
                            @endphp
                            <span class="type-badge text-white {{ $info['class'] }}">
                                <i class="fas {{ $iconMap[$info['label']] ?? 'fa-file' }}"></i>
                                {{ $info['label'] }}
                            </span>
                        </td>
                        <td class="text-center">
                            <div class="action-group">
                                <a href="{{ url('panel/documents/download/'.$document->id) }}"
                                   class="btn btn-success btn-sm" title="Baixar">
                                    <i class="fas fa-download"></i>
                                </a>
                                @if($document->type === "application/pdf")
                                <a href="{{ url('panel/documents/view/'.$document->id) }}"
                                   class="btn btn-info btn-sm" title="Visualizar" target="_blank">
                                    <i class="fas fa-eye"></i>
                                </a>
                                @endif
                                @can('send-documents')
                                @if ($send)
                                <a href="{{ route('documents.edit', $document->id) }}"
                                   class="btn btn-primary btn-sm" title="Editar">
                                    <i class="fas fa-edit"></i>
                                </a>
                                @endif
                                @endcan
                                @can('delete-documents')
                                @if ($send)
                                <a href="#deletedocumentModal"
                                   data-document-id="{!! $document->id !!}"
                                   class="btn btn-danger btn-sm delete-document"
                                   data-toggle="modal" title="Excluir">
                                    <i class="fas fa-trash"></i>
                                </a>
                                @endif
                                @endcan
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        {{-- Paginação --}}
        <div class="d-flex align-items-center justify-content-between flex-wrap mt-3">
            <div class="pagination-info">
                Mostrando {{ $documents->firstItem() ?? 0 }}–{{ $documents->lastItem() ?? 0 }}
                de {{ $documents->total() }} documento{{ $documents->total() != 1 ? 's' : '' }}
            </div>
            <div>
                {{ $documents->links() }}
            </div>
        </div>

        @else
        <div class="text-center py-5">
            <i class="fas fa-folder-open text-gray-300 fa-4x mb-3"></i>
            <p class="text-muted mb-0">Nenhum documento encontrado nesta pasta.</p>
        </div>
        @endif
    </div>
</div>

@include('components.delete.document')

@endsection