@extends('entidade.admin.layouts.layout')
@section('content')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>

<main class="content">
    <div class="container-fluid p-0">
        <h1 class="h3 mb-3">Visualizando 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">

                        @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>Sucesso: </strong> {{ session('edited_protocolo') }}

                            </div>
                        </div>
                        @endif
                        @if (Session::has('create_protocolo'))
                        <div class="alert alert-success 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>Sucesso: </strong> {{ session('create_protocolo') }}
                            </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') }}
                            </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') }}
                            </div>
                        </div>
                        @endif

                        @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">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="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>
                        </form>
                        @else
                        <form>
                            <div class="row">
                                <div class="form-group col-md-0">
                                    <div class="p-3 bg-primary text-white text-right h2">Protocolo Nº
                                        {{ $protocolo->referencia }}
                                    </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>

                            <div class="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="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="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
                        <br>
                        <div class="container">
                            <div class="container">
                                <h5 class="bg-light p-2 border-start border-4 border-warning mb-4">Anexos</h5>
                            </div>
                            @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 }}">
                                </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-solid fa-circle-exclamation"></i> Erro! </b></strong>
                                    {{ $errors->first('arquivos.*') }}
                                    <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>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($anexos as $anexo)
                                            <tr>
                                                <td>{{ $anexo->created_at->format('d/m/Y') }}</td>
                                                <td>{{ $anexo->created_at->format('H:i') }}</td>
                                                <td><a href="">{{ $anexo->arquivoNome }}</a></td>
                                                <td>{{ $anexo->user->name }}</td>
                                                <td>
                                                    @if ($anexo->user->id === Auth::user()->id)
                                                    @if ($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')
                                                    </form>
                                                    @endif
                                                    @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</h3>
                        </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">
                                    <thead>
                                        <tr>
                                            <th scope="col">Data</th>
                                            <th scope="col">Hora</th>
                                            <th></th>
                                            <th scope="col" class="text-right">N° Prot.</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-right">
                                                <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>
                                            @if ($tramitacao->recebido == 'S')
                                            <td>
                                                <h5>
                                                    <span class="badge bg-success text-light">
                                                        <i class="fa-solid fa-thumbs-up"></i>
                                                        {{ date('d/m/Y', strtotime($tramitacao->recebido_em)) }}
                                                    </span>
                                                </h5>
                                            </td>
                                            @else
                                            <td>
                                                <h5>
                                                    <span class="badge bg-danger text-light">
                                                        <i class="fa-solid fa-thumbs-down"></i>
                                                        Não Recebido
                                                    </span>
                                                </h5>
                                            </td>
                                            @endif
                                            <td>
                                                <button class="btn btn-sm btn-outline-primary"
                                                    data-bs-toggle="modal" data-bs-target="#modalTramitacao"
                                                    data-tramitacao-id="{{ $tramitacao->id }}">
                                                    <i class="fa-regular 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
                        <p class="p-3 text-center">Esse protocolo não foi tramitado</p>
                        @endif
                        <br>
                        <div class="container">
                            <h5 class="bg-light p-2 border-start border-4 border-warning mb-4">Funcionário 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>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($protocolo->users->sortBy('name') as $user)
                                            <tr>
                                                <td>{{ $user->name }}</td>
                                                <td>{{ $user->setor->descricao }}</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-regular fa-folder-open"></i> Reabrir Protocolo</button>
                        </div>
                        @endif

                        @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" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="exampleModalCenterTitle">
                                            <i class="fa-solid fa-thumbs-up"></i>
                                            Concluir 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.concluir', ['tenant_id' => $tenant_id, $protocolo->id]) }}">
                                            @csrf
                                            <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">
                                                    <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-primary">
                                                    <i class="fa-solid fa-thumbs-up"></i> Concluir?
                                                </button>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-warning" data-dismiss="modal">
                                            <i class="fa fa-x-square"></i> Cancelar
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                        @if ($protocolo->concluido === 'N')
                        <!-- Janela para tramitar o protocolo -->
                        <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')
                        {{-- Ajuste para comparar com string comum --}}
                        <div class="modal fade" id="modalReabrirprotocolo" tabindex="-1"
                            aria-labelledby="janelaReabrirProtocolo" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="janelaReabrirProtocolo">
                                            <i class="fa fa-folder-open"></i> Reabrir Protocolo
                                        </h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal"
                                            aria-label="Fechar"></button>
                                    </div>
                                    <div class="modal-body">
                                        <form method="POST"
                                            action="{{ route('protocolos.reabrir', ['tenant_id' => $tenant_id, $protocolo->id]) }}">
                                            @csrf
                                            <div class="alert alert-primary" role="alert">
                                                <strong>Atenção!</strong> Ao reabrir um protocolo concluído, a
                                                mensagem e a data de conclusão serão apagadas.
                                            </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-bs-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