@extends('entidade.admin.layouts.layout')
@section('content')
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<main class="content">
    <div class="container-fluid p-0">
        <h1 class="h3 mb-3">Editando Protocolo</h1>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <a href="{{ route('protocolos.index', $tenant_id) }}" class="btn btn-outline-primary btn-sm w-100"
                            role="button" aria-pressed="true">Ver todos</a>
                    </div>
                    <div class="card-body">
                        <div class="row"></div>
                        @if (Session::has('edited_protocolo'))
                        <div class="alert alert-danger alert-dismissible" role="alert">
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            <div class="alert-icon">
                                <i class="far fa-fw fa-bell"></i>
                            </div>
                            <div class="alert-message">
                                <strong>Info:</strong> {{ session('edited_protocolo') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert"
                                    aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if (Session::has('create_protocolo'))
                        <div class="alert alert-danger alert-dismissible" role="alert">
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            <div class="alert-icon">
                                <i class="far fa-fw fa-bell"></i>
                            </div>
                            <div class="alert-message">
                                <strong>Info!</strong> {{ session('create_protocolo') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert"
                                    aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if ($errors->has('funcionario_tramitacao_id'))
                        <div class="alert alert-danger alert-dismissible" role="alert">
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            <div class="alert-icon">
                                <i class="far fa-fw fa-bell"></i>
                            </div>
                            <div class="alert-message">
                                <strong>Erro!</strong> {{ $errors->first('funcionario_tramitacao_id') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert"
                                    aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if ($errors->has('setor_tramitacao_id'))
                        <div class="alert alert-danger alert-dismissible" role="alert">
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            <div class="alert-icon">
                                <i class="far fa-fw fa-bell"></i>
                            </div>
                            <div class="alert-message">
                                <strong>Erro: </strong> {{ $errors->first('setor_tramitacao_id') }}
                            </div>
                        </div>
                        @endif

                        @if ($errors->has('protocolo_id'))
                        <div class="alert alert-danger alert-dismissible" role="alert">
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            <div class="alert-icon">
                                <i class="far fa-fw fa-bell"></i>
                            </div>
                            <div class="alert-message">
                                <strong>Erro!</strong> {{ $errors->first('protocolo_id') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert"
                                    aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        <div class="container-fluid">
                            @if ($protocolo->concluido === 'N')
                            <form method="POST" action="{{ route('protocolos.update', ['tenant_id' => $tenant_id, $protocolo->id]) }}">
                                @csrf
                                @method('PUT')
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <h5 class="bg-light p-2 border-start border-4 border-warning mb-4">Protocolo Nº {{ $protocolo->referencia }}</h5>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label for="dia">Data</label>
                                        <input type="text" class="form-control" name="dia"
                                            value="{{ $protocolo->created_at->format('d/m/Y') }}" readonly>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label for="hora">Hora</label>
                                        <input type="text" class="form-control" name="hora"
                                            value="{{ $protocolo->created_at->format('H:i') }}" readonly>
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label for="dia">Responsável pelo Protocolo</label>
                                        <input type="text" class="form-control" name="dia"
                                            value="{{ $protocolo->user->name }}" readonly tabindex="-1">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="dia">Setor de Origem</label>
                                        <input type="text" class="form-control" name="dia"
                                            value="{{ $protocolo->user->setor->descricao }}" readonly tabindex="-1">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label for="referencia">N° do Processo/Referência
                                            <strong class="text-warning">(Opcional)</strong>
                                        </label>
                                        <input type="text"
                                            class="form-control{{ $errors->has('referencia') ? ' is-invalid' : '' }}"
                                            name="referencia" value="{{ old('referencia') ?? $protocolo->referencia }}">
                                        @if ($errors->has('referencia'))
                                        <div class="invalid-feedback">
                                            {{ $errors->first('referencia') }}
                                        </div>
                                        @endif
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="protocolo_tipo_id">Tipo do Protocolo
                                            <strong class="text-danger">(*)</strong>
                                        </label>
                                        <select
                                            class="form-control {{ $errors->has('protocolo_tipo_id') ? ' is-invalid' : '' }}"
                                            name="protocolo_tipo_id" id="protocolo_tipo_id">
                                            <option value="{{ $protocolo->protocolo_tipo_id }}" selected="true">
                                                &rarr;
                                                {{ $protocolo->protocoloTipo->descricao }}
                                            </option>
                                            @foreach ($protocolotipos as $protocolotipo)
                                            <option value="{{ $protocolotipo->id }}">
                                                {{ $protocolotipo->descricao }}
                                            </option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('protocolo_tipo_id'))
                                        <div class="invalid-feedback">
                                            {{ $errors->first('protocolo_tipo_id') }}
                                        </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="conteudo">Conteúdo/Descrição
                                        <strong class="text-danger">(*)</strong>
                                    </label>
                                    <textarea class="form-control" name="conteudo"
                                        rows="5">{{ $protocolo->conteudo }}</textarea>
                                </div>
                                <div class="form-group">
                                    <label for="situacao">Situação</label>
                                    <input type="text" class="form-control" name="situacao"
                                        value="{{ $protocolo->protocoloSituacao->descricao }}" readonly
                                        style="font-weight: bold;">
                                </div>
                                <br>
                                <div class="form-group">
                                    <div class="row">
                                        <button type="button" class="btn btn-outline-success w-100" data-bs-toggle="modal" data-bs-target="#modalConcluirProtocolo">
                                            <i class="fa fa-check"></i>
                                            Concluir Protocolo
                                        </button>
                                    </div>
                                </div>
                            </form>
                            @else
                            <form>
                                <div class="form-row">
                                    <div class="form-group col-md-3">
                                        <div class="p-3 bg-gradient text-white text-right h2">Nº
                                            {{ $protocolo->id }}
                                        </div>
                                    </div>
                                    <div class="form-group col-md-2">
                                        <label for="dia">Data</label>
                                        <input type="text" class="form-control" name="dia"
                                            value="{{ $protocolo->created_at->format('d/m/Y') }}" readonly>
                                    </div>
                                    <div class="form-group col-md-2">
                                        <label for="hora">Hora</label>
                                        <input type="text" class="form-control" name="hora"
                                            value="{{ $protocolo->created_at->format('H:i') }}" readonly>
                                    </div>
                                    <div class="form-group col-md-5 text-right">
                                        <div class="btn-group" role="group">
                                            <button id="btnGroupDropOptions" type="button"
                                                class="btn btn-secondary dropdown-toggle btn" data-toggle="dropdown"
                                                aria-haspopup="true" aria-expanded="false">
                                                <i class="fa fa-printer"></i>Relatórios
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="btnGroupDropOptions">
                                                <a class="dropdown-item" href="" id="btnExportarPDF">
                                                    <i class="fa fa-file-pdf-fill"></i> Exportar PDF Completo
                                                </a>
                                                <a class="dropdown-item" href="" id="btnExportarPDF">
                                                    <i class="fa fa-file-pdf-fill"></i> Exportar PDF Simples
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="dia">Funcionário Responsável pelo Protocolo</label>
                                        <input type="text" class="form-control" name="dia"
                                            value="{{ $protocolo->user->name }}" readonly tabindex="-1">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="dia">Setor de Origem</label>
                                        <input type="text" class="form-control" name="dia"
                                            value="{{ $protocolo->user->setor->descricao }}" readonly tabindex="-1">
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="referencia">N° do Processo/Referência</label>
                                        <input type="text"
                                            class="form-control{{ $errors->has('referencia') ? ' is-invalid' : '' }}"
                                            name="referencia" value="{{ old('referencia') ?? $protocolo->referencia }}"
                                            readonly>
                                        @if ($errors->has('referencia'))
                                        <div class="invalid-feedback">
                                            {{ $errors->first('referencia') }}
                                        </div>
                                        @endif
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="protocolo_tipo">Tipo do Protocolo</label>
                                        <input type="text" class="form-control" name="protocolo_tipo"
                                            value="{{ $protocolo->protocoloTipo->descricao }}" readonly>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="conteudo">Conteúdo/Descrição</label>
                                    <textarea class="form-control" name="conteudo" rows="5"
                                        readonly>{{ $protocolo->conteudo }}</textarea>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-sm-6">
                                        <label for="situacao">Situação</label>
                                        <input type="text" class="form-control" name="situacao"
                                            value="{{ $protocolo->protocoloSituacao->descricao }}" readonly
                                            style="font-weight: bold;">
                                    </div>
                                    <div class="form-group col-sm-3">
                                        <label for="protocolo_data_conclusao">Data(conclusão)</label>
                                        <input type="text" class="form-control" name="protocolo_data_conclusao" value=""
                                            readonly>
                                    </div>
                                    <div class="form-group col-sm-3">
                                        <label for="protocolo_hora_conclusao">Hora(conclusão)</label>
                                        <input type="text" class="form-control" name="protocolo_hora_conclusao" value=""
                                            readonly>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="conteudo">Notas de conclusão</label>
                                    <textarea class="form-control" name="conteudo" rows="3"
                                        readonly>{{ $protocolo->concluido_mensagem }}</textarea>
                                </div>
                            </form>
                            @endif
                        </div>
                        <br>
                        <div class="container">
                            <h5 class="bg-light p-2 border-start border-4 border-warning mb-4">Anexos</h5>
                            @if ($protocolo->concluido === 'N')
                            <div class="container">
                                <form method="POST" action="{{ route('anexos.store', $tenant_id) }}" class="form-inline"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" id="protocolo_id" name="protocolo_id"
                                        value="{{ $protocolo->id }}">
                                    <div class="form-group p-2">
                                        <label for="arquivos">Arquivos</label>
                                        <input type="file" class="form-control-file" id="arquivos" name="arquivos[]"
                                            multiple data-show-upload="true" data-show-caption="true">
                                    </div>
                                    <div id="multipleFilesContainer" class="form-group col-md-6" style="display: none;">
                                        <label for="arquivos">Escolha os arquivos PDF:</label>
                                        <input type="file" name="arquivos[]" accept="application/pdf" multiple
                                            class="@error('arquivos.*') is-invalid @enderror">
                                        @error('arquivos.*')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <small>
                                        Somente são aceitos os seguintes formatos para o arquivo: pdf, doc, docx, ppt,
                                        pptx, xls, xlsx, png, jpg, jpeg ou rtf. Cada arquivo não pode ter mais de 10Mb.
                                        Você pode adicionar múltiplos arquivos de uma só vez.</small>
                                    <div class="form-group py-2">
                                        <button type="submit" class="btn bnt-sm btn-primary w-100">
                                            <i class="fa fa-file-earmark-plus-fill"></i> Anexar Arquivo
                                        </button>
                                    </div>
                                </form>

                            </div>
                            @endif

                            <div class="container">
                                @if (Session::has('create_anexo'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    <strong>Info!</strong> {{ session('create_anexo') }}
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                @endif

                                @if (Session::has('delete_anexo'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    <strong>Info!</strong> {{ session('delete_anexo') }}
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                @endif

                                @if ($errors->has('arquivos.*'))
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <strong><b>
                                            <i class="fa fa-exclamation-diamond"></i> Erro! </b>
                                    </strong>
                                    @foreach ($errors->get('arquivos.*') as $error)
                                    <p>{{ $error }}</p>
                                    @endforeach
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                @endif

                                @if (!$anexos->isEmpty())
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th scope="col">Data</th>
                                                <th scope="col">Hora</th>
                                                <th scope="col">Arquivo</th>
                                                <th scope="col">Enviado por</th>
                                                <th scope="col"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($anexos as $anexo)
                                            <tr>
                                                <td>{{ date('d/m/Y', strtotime($anexo->created_at)) }}</td>
                                                <td>{{ date('H:i', strtotime($anexo->created_at)) }}</td>
                                                <td><a href="{{ Storage::url($anexo->codigoAnexoSecreto . '/' . $anexo->arquivoNome) }}"
                                                        target="_blank">{{ $anexo->arquivoNome }}</a></td>
                                                <td>{{ $anexo->user->name }}</td>
                                                <td>
                                                    @if ($anexo->user->id === Auth::user()->id && $protocolo->concluido
                                                    === 'N')
                                                    <form method="post"
                                                        action="{{ route('anexos.destroy', ['tenant_id' => $tenant_id, $anexo->id]) }}"
                                                        onsubmit="return confirm('Você tem certeza que quer excluir esse arquivo?');">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-danger btn-sm">
                                                            <i class="fa fa-trash"></i> Excluir
                                                        </button>
                                                    </form>
                                                    @endif
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                @else
                                <p>Nenhum anexo encontrado</p>
                                @endif
                            </div>
                        </div>

                        <div class="container">
                            <h5 class="bg-light p-2 border-start border-4 border-warning mb-4">Tramitações</h5>
                        </div>
                        @if (Session::has('create_protocolotramitacao'))
                        <div class="container">
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <strong>Info!</strong> {{ session('create_protocolotramitacao') }}
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        </div>
                        @endif
                        @if ($protocolo->concluido === 'N')
                        <div class="container text-center">
                            <button type="button" class="btn btn-primary" data-bs-toggle="modal"
                                data-bs-target="#modalTramitarProtocolo">
                                <i class="fa-solid fa-repeat"></i> Realizar a Tramitação desse Protocolo
                            </button>
                        </div>
                        <br>
                        @endif
                        @if (!$tramitacoes->isEmpty())
                        <div class="container">
                            <div class="table-responsive">
                                <table class="table table-striped align-middle">
                                    <thead class="table-light">
                                        <tr>
                                            <th scope="col">Data</th>
                                            <th scope="col">Hora</th>
                                            <th></th>
                                            <th scope="col" class="text-end">Nº Protocolo</th>
                                            <th scope="col">Funcionário de Origem</th>
                                            <th scope="col">Setor de Origem</th>
                                            <th scope="col">Tramitado Para</th>
                                            <th scope="col">No Setor</th>
                                            <th scope="col">Recebido</th>
                                            <th scope="col"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($tramitacoes as $tramitacao)
                                        <tr>
                                            <td>{{ $tramitacao->created_at->format('d/m/Y') }}</td>
                                            <td>{{ $tramitacao->created_at->format('H:i') }}</td>
                                            <td>{{ $tramitacao->created_at->diffForHumans() }}</td>
                                            <td class="text-end">
                                                <strong>{{ $tramitacao->protocolo->id }}</strong>
                                            </td>
                                            <td>
                                                @if (Auth::user()->id == $tramitacao->userOrigem->id)
                                                <strong class="text-warning">
                                                    {{ $tramitacao->userOrigem->name }}
                                                </strong>
                                                @else
                                                {{ $tramitacao->userOrigem->name }}
                                                @endif
                                            </td>
                                            <td>{{ $tramitacao->setorOrigem->descricao }}</td>
                                            <td>
                                                @if (Auth::user()->id == $tramitacao->userDestino->id)
                                                <strong class="text-warning">
                                                    <i class="fas fa-hand-point-right"></i>
                                                    {{ $tramitacao->userDestino->name }}
                                                </strong>
                                                @else
                                                <i class="fas fa-hand-point-right"></i>
                                                {{ $tramitacao->userDestino->name }}
                                                @endif
                                            </td>
                                            <td>{{ $tramitacao->setorDestino->descricao }}</td>
                                            <td>
                                                @if ($tramitacao->recebido == 'S')
                                                <span class="badge bg-success">
                                                    <i class="fa-solid fa-thumbs-up"></i>
                                                    {{ date('d/m/Y', strtotime($tramitacao->recebido_em)) }}
                                                </span>
                                                @else
                                                <span class="badge bg-danger">
                                                    <i class="fa-solid fa-thumbs-down"></i></i> Não
                                                    Recebido
                                                </span>
                                                @endif
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-info btn-sm" data-bs-toggle="modal"
                                                    data-bs-target="#modalTramitacao"
                                                    data-tramitacao-id="{{ $tramitacao->id }}">
                                                    <i class="fa fa-eye"></i>
                                                </button>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="container p-2">
                                <p class="text-center">Esse protocolo foi tramitado {{ $tramitacoes->count() }}
                                    vez(es)</p>
                            </div>
                        </div>
                        @else
                        <div class="alert alert-warning text-center">
                            Nenhuma tramitação encontrada.
                        </div>
                        @endif
                        <br>
                        <div class="container">
                            <h5 class="bg-light p-2 border-start border-4 border-warning mb-4">Funcionário(os) com acesso a este Protocolo</h5>
                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th scope="col">Funcionário</th>
                                            <th scope="col">Setor</th>
                                            <th scope="col">Email</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($protocolo->users->sortBy('name') as $user)
                                        <tr>
                                            <td>{{ $user->name }}</td>
                                            <td>{{ $user->setor->descricao }}</td>
                                            <td>{{ $user->email }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        @if ($protocolo->concluido === 'S')
                        <div class="container">
                            <div class="container bg-primary text-light">
                                <p class="text-center"><strong>Opções</strong></p>
                            </div>
                        </div>
                        <br>
                        <div class="container text-center">
                            <button type="button" class="btn btn-warning" data-toggle="modal"
                                data-target="#modalReabrirprotocolo">
                                <i class="fa fa-folder2-open"></i> Reabrir Protocolo</button>
                        </div>
                        @endif
                        <br>
                        <div class="container-fluid">
                            <a href="{{route('protocolos.index', $tenant_id)}}" type="submit" class="btn btn-warning w-100">
                                <i class="fa fa-list-check"></i>
                                Alterar
                            </a>
                        </div>
                        <br>
                        @if ($protocolo->concluido === 'N')
                        <!-- Janela para concluir o protocolo -->
                        <div class="modal fade" id="modalConcluirProtocolo" tabindex="-1" role="dialog"
                            aria-labelledby="JanelaFiltro" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered modal-lg">
                                <div class="modal-content border-0 shadow-lg">
                                    <div class="modal-header bg-info text-white">
                                        <h5 class="modal-title text-white">
                                            <i class="fa fa-eye me-1"></i> Concluir Protocolo?
                                        </h5>
                                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
                                            aria-label="Fechar"></button>
                                    </div>
                                    <div class="modal-body">
                                        <form method="POST" action="{{ route('protocolos.concluir', ['tenant_id' => $tenant_id, $protocolo->id]) }}">
                                            @csrf
                                            @method('PUT')
                                            <!-- Adicione esta linha -->
                                            <div class="form-group">
                                                <label for="concluido_mensagem">Mensagem de conclusão:
                                                    <strong class="text-warning">(Opcional)</strong>
                                                </label>
                                                <textarea class="form-control" name="concluido_mensagem"
                                                    rows="3"></textarea>
                                            </div>
                                            <div class="form-group">
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio"
                                                        name="protocolo_situacao_id" id="situacao_concluido" value="3"
                                                        checked="true">
                                                    <label class="form-check-label"
                                                        for="situacao_concluido">Concluído</label>
                                                </div>
                                                <div class="form-check form-check-inline text-center">
                                                    <input class="form-check-input" type="radio"
                                                        name="protocolo_situacao_id" id="situacao_cancelado" value="4">
                                                    <label class="form-check-label"
                                                        for="situacao_cancelado">Cancelado</label>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <button type="submit" class="btn btn-outline-success btn-sm w-100">
                                                    <i class="fa-solid fa-check"></i>
                                                    Concluir?
                                                </button>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-outline-danger btn-sm w-100"
                                            data-bs-dismiss="modal">
                                            <i class="fa-solid fa-xmark"></i> Cancelar
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                        @if ($protocolo->concluido === 'N')
                        <!-- Modal de Tramitação -->
                        <div class="modal fade" id="modalTramitarProtocolo" tabindex="-1"
                            aria-labelledby="modalTramitarProtocoloLabel" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered modal-lg">
                                <div class="modal-content border-0 shadow-lg">
                                    <div class="modal-header bg-info text-white">
                                        <h5 class="modal-title text-white">
                                            <i class="fa fa-eye me-1"></i> Tramitar o Processo Nº {{$protocolo->referencia}}
                                        </h5>
                                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Fechar"></button>
                                    </div>
                                    <div class="modal-body">
                                        <form method="POST" action="{{ route('protocolostramitacoes.store', $tenant_id) }}">
                                            @csrf
                                            <input type="hidden" name="protocolo_id" value="{{ $protocolo->id }}">

                                            <div class="mb-3">
                                                <label for="funcionario_tramitacao_modal" class="form-label">Funcionário <strong class="text-danger">*</strong></label>
                                                <input type="text" class="form-control" name="funcionario_tramitacao_modal" id="funcionario_tramitacao_modal" autocomplete="off">
                                                <input type="hidden" id="funcionario_tramitacao_id_modal" name="funcionario_tramitacao_id">
                                                <input type="hidden" id="setor_tramitacao_id_modal" name="setor_tramitacao_id">

                                            </div>

                                            <div class="row">
                                                <div class="col-md-6 mb-3">
                                                    <label for="funcionario_tramitacao_setor_modal"
                                                        class="form-label">Setor</label>
                                                    <input type="text" class="form-control"
                                                        id="funcionario_tramitacao_setor_modal"
                                                        name="funcionario_tramitacao_setor" tabindex="-1" readonly>
                                                </div>
                                                <div class="col-md-6 mb-3">
                                                    <label for="funcionario_tramitacao_email_modal"
                                                        class="form-label">E-mail</label>
                                                    <input type="text" class="form-control"
                                                        id="funcionario_tramitacao_email_modal"
                                                        name="funcionario_tramitacao_email" tabindex="-1" readonly>
                                                </div>
                                            </div>

                                            <div class="mb-3">
                                                <label for="mensagem" class="form-label">Mensagem <strong
                                                        class="text-warning">(Opcional)</strong></label>
                                                <textarea class="form-control" name="mensagem" id="mensagem" rows="3"></textarea>
                                            </div>

                                            <button type="submit" class="btn btn-outline-success btn-sm w-100">
                                                <i class="fa-solid fa-repeat"></i> Tramitar
                                            </button>
                                        </form>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-outline-danger btn-sm w-100"
                                            data-bs-dismiss="modal">
                                            <i class="fa-regular fa-circle-xmark"></i> Fechar
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif

                        @if ($protocolo->concluido === 'S')
                        <div class="modal fade" id="modalReabrirprotocolo" tabindex="-1" role="dialog"
                            aria-labelledby="janelaReabrirProtocolo" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="exampleModalCenterTitle">
                                            <i class="fa fa-folder2-open"></i> Reabrir Protocolo
                                        </h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        <form method="post"
                                            action="{{ route('protocolos.reabrir', [$protocolo->id]) }}">
                                            @csrf
                                            <div class="alert alert-primary" role="alert">
                                                <strong>Atenção!</strong>
                                                Ao reabrir um protocolo concluído será apagado a mensagem e data de
                                                conclusão.
                                            </div>
                                            <button type="submit" class="btn btn-success">
                                                <i class="fa fa-question-square"></i>
                                                Confirmar
                                            </button>
                                        </form>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                            <i class="fa fa-x-square"></i> Cancelar
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif

                        @if (!$tramitacoes->isEmpty())
                        <div class="modal fade" id="modalTramitacao" tabindex="-1" aria-labelledby="JanelaProfissional"
                            aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered modal-lg">
                                <div class="modal-content border-0 shadow-lg">
                                    <div class="modal-header bg-info text-white">
                                        <h5 class="modal-title text-white">
                                            <i class="fa fa-eye me-1"></i> Detalhes da Tramitação
                                        </h5>
                                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
                                            aria-label="Fechar"></button>
                                    </div>
                                    <div class="modal-body">
                                        <div class="text-center mb-3">
                                            <span id="quando_text" class="fw-bold fs-5 text-muted"></span>
                                        </div>
                                        <div class="bg-light border-start border-4 border-info p-3 rounded mb-3">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <label class="form-label">
                                                        <i class="fa fa-user text-info"></i> Tramitado para o
                                                        funcionário:
                                                    </label>
                                                    <h6 id="tramitado_para_text" class="fw-semibold text-dark">
                                                    </h6>
                                                </div>
                                                <div class="col-md-6">
                                                    <label class="form-label">
                                                        <i class="fa fa-building text-info"></i> Do setor:
                                                    </label>
                                                    <h6 id="no_setor_text" class="fw-semibold text-dark"></h6>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-md-6">
                                                <label class="form-label">
                                                    <i class="fa fa-user-cog text-secondary"></i> Funcionário de
                                                    Origem:</label>
                                                <h6 id="funcionario_origem_text" class="fw-semibold text-dark">
                                                </h6>
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-label">
                                                    <i class="fa fa-sitemap text-secondary"></i> Setor de
                                                    Origem:</label>
                                                <h6 id="setor_origem_text" class="fw-semibold text-dark"></h6>
                                            </div>
                                        </div>
                                        <div class="bg-success text-white text-center rounded p-3 mb-3">
                                            <h5 id="recebida_text" class="mb-0 fw-bold"></h5>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">
                                                <i class="fa fa-envelope text-primary"></i> Mensagem
                                                Enviada:</label>
                                            <div class="bg-light border rounded p-3" id="menagem_text"></div>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">
                                                <i class="fa fa-reply text-primary"></i> Mensagem de
                                                Recebimento:</label>
                                            <div class="bg-light border rounded p-3" id="menagem_recebimento_text">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer bg-light">
                                        <button type="button" class="btn btn-outline-secondary w-100"
                                            data-bs-dismiss="modal">
                                            <i class="fa fa-times-circle"></i> Fechar
                                        </button>
                                    </div>
                                </div>

                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<script>
    $(document).ready(function() {

        // Evento para abrir o modal de tramitação
        $('#modalTramitacao').on('show.bs.modal', function(e) {
            var tramitacaoid = $(e.relatedTarget).data('tramitacao-id');

            // Corrigindo a URL da requisição AJAX para tramitação
            $.ajax({
                dataType: "json",
                url: "{{ route('tramitacoes.json', ['tenant_id' => $tenant_id, 'id' => ':id']) }}".replace(':id', tramitacaoid), // Correção na substituição de id
                type: "GET",
                success: function(json) {
                    // Preenchendo os campos do modal com os dados recebidos
                    $("#quando_text").text(json['quando']);
                    $("#tramitado_para_text").text(json['funcionario_destino']);
                    $("#no_setor_text").text(json['setor_destino']);
                    $("#funcionario_origem_text").text(json['funcionario_origem']);
                    $("#setor_origem_text").text(json['setor_origem']);
                    $("#recebida_text").text(json['recebido']);
                    $("#menagem_text").text(json['mensagem']);
                    $("#menagem_recebimento_text").text(json['mensagemRecebido']);
                },
                error: function(xhr) {
                    console.error("Erro ao buscar a tramitação:", xhr.responseText);
                }
            });
        });

    });
</script>
<script>
    $(document).ready(function() {
        // Corrige autocomplete no campo dentro do modal
        function inicializarAutocompleteFuncionario() {
            $("#funcionario_tramitacao_modal").autocomplete({
                source: function(request, response) {
                    $.ajax({
                        url: '{{ route('buscarFuncionarios', $tenant_id) }}',
                        type: 'GET',
                        data: {
                            search: request.term
                        },
                        success: function(res) {
                            const results = res.data.map(f => ({
                                label: f.name,
                                value: f.name,
                                id: f.id,
                                setor: f.setor.descricao,
                                setor_id: f.setor.id,
                                email: f.email
                            }));
                            response(results);
                        },
                        error: function(xhr) {
                            console.error("Erro ao buscar funcionários:", xhr);
                        }
                    });
                },
                minLength: 2,
                select: function(event, ui) {
                    console.log("Selecionado:", ui.item);
                    $("#funcionario_tramitacao_id_modal").val(ui.item.id);
                    $("#setor_tramitacao_id_modal").val(ui.item.setor_id);
                    $("#funcionario_tramitacao_setor_modal").val(ui.item.setor);
                    $("#funcionario_tramitacao_email_modal").val(ui.item.email);

                    // ADICIONE ESTA LINHA:
                    $("#setor_tramitacao_id_modal").val(ui.item.setor_id);
                },
                appendTo: "#modalTramitarProtocolo" // Essencial para funcionar dentro do modal
            });
        }

        // Recarrega autocomplete sempre que abrir o modal
        $('#modalTramitarProtocolo').on('shown.bs.modal', function() {
            inicializarAutocompleteFuncionario();
        });

        // Garante que o autocomplete tenha z-index maior que o modal
        $("<style>.ui-autocomplete { z-index: 1060 !important; }</style>").appendTo("head");
    });
</script>

@endsection