@extends('painel-admin.menu')
@section('title', 'Dashboard APRESI')
@section('content')
    <div class="row">
        <div class="col-md-12 col-12">
            @if(session('error'))
                <div class="alert alert-danger">
                    {{ session('error') }}
                </div>
            @endif
            @if(session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
            @endif
        </div>
        <div class="col-md-6 col-lg-6">
            <h1>Dashboard</h1>
        </div>
        <div class="col-md-6 text-md-right">
            <a href="{{ route('tickets.create') }}" class="btn btn-primary btn"><i class="fa fa-plus"></i> Tarefa</a>
            <a href="{{ route('empresas.create') }}" class="btn btn-primary btn"><i class="fa fa-plus"></i> Empresa</a>
        </div>
    </div>
    <br>
    <div class="card">
        <div class="card-header">
            <h2 class="d-flex justify-content-between align-items-center">
                Resumo do Geral
                <button id="toggleButtonGeral" class="btn btn-sm btn-secondary" onclick="toggleSection('resumoGeral', 'toggleButtonGeral')">-</button>
            </h2>
        </div>
        <div id="resumoGeral" class="card-body">
            <div class="row mb-3">
                <div class="col-sm-3 col-lg-3">
                    <div class="d-flex align-items-center bg-primary text-white p-3 rounded">
                        <i class="fa fa-users fa-lg me-2 mx-3"></i>
                        <div>
                            <h2>{{$clientes}}</h2>
                            <span>Empresas</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3 col-lg-3">
                    <div class="d-flex align-items-center bg-success text-white p-3 rounded">
                        <i class="fa fa-calendar-o fa-lg me-2 mx-3"></i>
                        <div>
                            <h2>{{$ticketsabertos}}</h2>
                            <span>Tarefas Abertas</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3 col-lg-3">
                    <div class="d-flex align-items-center bg-danger text-white p-3 rounded">
                        <i class="fa fa-check fa-lg me-2 mx-3"></i>
                        <div>
                            <h2>{{$ticketsfinalizados}}</h2>
                            <span>Tarefas Finalizadas</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3 col-lg-3">
                    <div class="d-flex align-items-center bg-warning text-white p-3 rounded">
                        <i class="fa fa-edit fa-lg me-2 mx-3"></i>
                        <div>
                            <h2>{{$ticketsfazendo}}</h2>
                            <span>Tarefas em Processo</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <div class="card">
        <div class="card-header">
            <h2 class="d-flex justify-content-between align-items-center">
                Resumo do Usuário
                <button id="toggleButton" class="btn btn-sm btn-secondary" onclick="toggleSection('resumoUsuario', 'toggleButton')">+</button>
            </h2>
        </div>
        <div id="resumoUsuario" class="card-body">
            <div class="row mb-3">
                <div class="col-sm-4 col-lg-4">
                    <div class="d-flex align-items-center bg-success text-white p-3 rounded">
                        <i class="fa fa-calendar-o fa-lg me-2 mx-3"></i>
                        <div>
                            <h2>{{$ticketsabertosUser}}</h2>
                            <span>Tarefas Abertas</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-lg-4">
                    <div class="d-flex align-items-center bg-danger text-white p-3 rounded">
                        <i class="fa fa-check fa-lg me-2 mx-3"></i>
                        <div>
                            <h2>{{$ticketsfinalizadosUser}}</h2>
                            <span>Tarefas Finalizadas</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-lg-4">
                    <div class="d-flex align-items-center bg-warning text-white p-3 rounded">
                        <i class="fa fa-edit fa-lg me-2 mx-3"></i>
                        <div>
                            <h2>{{$ticketsfazendoUser}}</h2>
                            <span>Tarefas em Processo</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr>
    
    @php
        $tarefasEmProcesso = $tarefas->where('status', 2);  
    @endphp
    @if($tarefasSemResponsavel->count() > 0)
    <div class="card">
        <div class="card-header">
            <h2 class="d-flex justify-content-between align-items-center">
                Tarefas sem Responsável
                <button id="toggleSemResponsavel" class="btn btn-sm btn-secondary" onclick="toggleSection('TarefaSemResponsavel', 'toggleSemResponsavel')">-</button>
            </h2>
        </div>
        <div id="TarefaSemResponsavel" class="card-body">
            <div class="table-responsive mb-3">
                <table class="table table-striped table-bordered" id="dataTable">
                    <thead>
                        <tr>
                            <th>ID</th>    
                            <th>Título</th>
                            <th>Cliente</th>
                            <th>Solicitante</th>
                            <th>Prioridade</th>
                            <th>Setor / Sistema</th>
                            <th>Data</th>
                            <th>Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($tarefasSemResponsavel as $tarefa)
                            <tr data-id="{{ $tarefa->id }}">
                                <td>{{ $tarefa->id }}</td>
                                <td title="{{ $tarefa->titulo }}">{{ $tarefa->titulo }}</td>
                                <td>
                                    @if($tarefa->id_empresa == NULL)
                                        Sem Cliente
                                    @else
                                        @foreach($empresas as $empresa)
                                            @if($empresa->Codigo == $tarefa->id_empresa)
                                                {{ $empresa->RazaoSocialCliente }}
                                            @endif
                                        @endforeach
                                    @endif
                                </td>
                                <td title="{{ $tarefa->solicitante }}">{{ $tarefa->solicitante }}</td>
                                <td>{{ ['Sugestão', 'Baixo', 'Médio', 'Alto', 'Urgente'][$tarefa->prioridade - 1] }}</td>
                                <td>{{ $tarefa->setor }} / {{ $tarefa->sistema }} </td>
                                <td>{{ \Carbon\Carbon::parse($tarefa->data_abertura)->format('d/m/Y') }}</td>
                                <td class="text-center">
                                    <a title="Editar" href="{{route('tickets.edit', $tarefa)}}"><i class="fas fa-edit text-info mr-1"></i></a>
                                    <a title="Visualizar Dados" href="#" data-toggle="modal" data-target="#DadosModal{{ $tarefa->id }}"><i class="fas fa-eye mr-1"></i></a>
                                    <a title="Aceitar Tarefa" href="#" data-toggle="modal" data-target="#ModalAceitarTarefa{{ $tarefa->id }}"><i class="fas fa-reply text-success mr-1"></i></a>
                                </td>
                            </tr>
                        @endforeach 
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <hr>
    @endif

    @if($tarefasEmProcesso->count() > 0)
    <div class="card">
        <div class="card-header">
            <h2 class="d-flex justify-content-between align-items-center">
                Tarefas em processo
                <button id="toggleEmProcesso" class="btn btn-sm btn-secondary" onclick="toggleSection('TarefaEmProcesso', 'toggleEmProcesso')">-</button>
            </h2>
        </div>
        <div id="TarefaEmProcesso" class="card-body">
            <div class="table-responsive mb-3">
                <table class="table table-striped table-bordered" id="dataTable">
                    <thead>
                        <tr>
                            <th>ID</th>    
                            <th>Título</th>
                            <th>Cliente</th>
                            <th>Solicitante</th>
                            <th>Prioridade</th>
                            <th>Setor / Sistema</th>
                            <th>Data</th>
                            <th>Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($tarefasEmProcesso as $tarefa)
                            @if($tarefa->status == 2)
                                <tr data-id="{{ $tarefa->id }}">
                                    <td>{{$tarefa->id}}</td>
                                    <td title="{{$tarefa->titulo}}">{{$tarefa->titulo}}</td>
                                    <td>
                                        @if($tarefa->id_empresa == NULL)
                                            Sem Cliente
                                        @else
                                            @foreach($empresas as $empresa)
                                                @if($empresa->Codigo == $tarefa->id_empresa)
                                                    {{ $empresa->RazaoSocialCliente }}
                                                @endif
                                            @endforeach
                                        @endif
                                    </td>
                                    <td title="{{$tarefa->solicitante}}">{{$tarefa->solicitante}}</td>
                                    <td>
                                        {{ ['Sugestão', 'Baixo', 'Médio', 'Alto', 'Urgente'][$tarefa->prioridade - 1] }}
                                    </td>
                                    <td>{{ $tarefa->setor }} / {{ $tarefa->sistema }}</td>
                                    <td>{{ \Carbon\Carbon::parse($tarefa->data_abertura)->format('d/m/Y') }}</td>
                                    <td class="text-center">
                                        <a title="Editar" href="{{route('tickets.edit', $tarefa)}}"><i class="fas fa-edit text-info mr-1"></i></a>
                                        <a title="Visualizar Dados" href="" data-toggle="modal" data-target="#DadosModal{{ $tarefa->id }}"><i class="fas fa-eye mr-1"></i></a>
                                        <a title="Finalizar" href="" data-toggle="modal" data-target="#FinalizarModal{{ $tarefa->id }}"><i class="fas fa-check text-success mr-1"></i></a>
                                    </td>
                                </tr>
                            @endif
                        @endforeach 
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <hr>
    @endif
    <div class="card">
        <div class="card-header">
            <h2 class="d-flex justify-content-between align-items-center">
                Tarefas em aberto
                <button id="toggleButtonEmAberto" class="btn btn-sm btn-secondary" onclick="toggleSection('TarefaEmAberto', 'toggleButtonEmAberto')">-</button>
            </h2>
        </div>
        <div id="TarefaEmAberto" class="card-body">
            <div class="table-responsive mb-3">
                <table class="table table-striped table-bordered" id="dataTable2">
                    <thead>
                        <tr>
                            <th>ID</th>    
                            <th>Título</th>
                            <th>Cliente</th>
                            <th>Solicitante</th>
                            <th>Prioridade</th>
                            <th>Setor / Sistema</th>
                            <th>Data</th>
                            <th>Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($tarefas as $tarefa)
                            @if($tarefa->status == 0 || $tarefa->status == 1)
                                <tr data-id="{{ $tarefa->id }}">
                                    <td>{{$tarefa->id}}</td>
                                    <td title="{{$tarefa->titulo}}">{{$tarefa->titulo}}</td>
                                    <td>
                                        @if($tarefa->id_empresa == NULL)
                                            Sem Cliente
                                        @else
                                            @foreach($empresas as $empresa)
                                                @if($empresa->Codigo == $tarefa->id_empresa)
                                                    {{ $empresa->RazaoSocialCliente }}
                                                @endif
                                            @endforeach
                                        @endif
                                    </td>
                                    <td title="{{$tarefa->solicitante}}">{{$tarefa->solicitante}}</td>
                                    <td>
                                        {{ ['Sugestão', 'Baixo', 'Médio', 'Alto', 'Urgente'][$tarefa->prioridade - 1] }}
                                    </td>
                                    <td>{{ $tarefa->setor }} / {{ $tarefa->sistema }}</td>
                                    <td>{{ \Carbon\Carbon::parse($tarefa->data_abertura)->format('d/m/Y') }}</td>
                                    <td class="text-center">
                                        <a title="Editar" href="{{route('tickets.edit', $tarefa)}}"><i class="fas fa-edit text-info mr-1"></i></a>
                                        <a title="Visualizar Dados" href="" data-toggle="modal" data-target="#DadosModal{{ $tarefa->id }}"><i class="fas fa-eye mr-1"></i></a>
                                        <a title="Finalizar" href="" data-toggle="modal" data-target="#FinalizarModal{{ $tarefa->id }}"><i class="fas fa-check text-success mr-1"></i></a>
                                    </td>
                                </tr>
                            @endif
                        @endforeach 
                    </tbody>
                </table>
            </div>
        </div>
    </div>


    <!-- Modal de dados da tarefa sem responsavel -->
    @foreach($tarefasSemResponsavel as $tarefa)
    <div class="modal fade" id="DadosModal{{ $tarefa->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document" >
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Detalhes do Registro</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="sistema">ID:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->id }}" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="sistema">Sistema:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->sistema }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="sistema">Título:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->titulo }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="alteracao">Motivo</label>
                                <textarea class="form-control" id="motivo" readonly>{{ $tarefa->motivo }}</textarea>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="sistema">Solicitante:</label>
                                <input type="text" class="form-control" id="solicitante" value="{{ $tarefa->solicitante }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="sistema">Status:</label>
                                <select class="form-control" id="status" name="status" disabled>
                                    <option value="0" {{ $tarefa->status == 0 ? 'selected' : '' }}>Aberto</option>
                                    <option value="1" {{ $tarefa->status == 2 ? 'selected' : '' }}>Fazendo</option>
                                    <option value="2" {{ $tarefa->status == 1 ? 'selected' : '' }}>Finalizado</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="prioridade">Prioridade:</label>
                                <select class="form-control" id="prioridade" name="prioridade" disabled>
                                    <option value="1" {{ $tarefa->prioridade == 1 ? 'selected' : '' }}>Sugestão</option>
                                    <option value="2" {{ $tarefa->prioridade == 2 ? 'selected' : '' }}>Baixo</option>
                                    <option value="3" {{ $tarefa->prioridade == 3 ? 'selected' : '' }}>Médio</option>
                                    <option value="4" {{ $tarefa->prioridade == 4 ? 'selected' : '' }}>Alto</option>
                                    <option value="5" {{ $tarefa->prioridade == 5 ? 'selected' : '' }}>Urgente</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="sistema">Solução:</label>
                                <textarea class="form-control" id="solucao" name="solucao" readonly>{{ $tarefa->solucao }}</textarea>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                                                    <label for="arquivo">Sem documento Vinculado</label>
                                                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="sistema">Abertura por:</label>
                                <select class="form-control" id="abertura" name="abetura" disabled>
                                    @foreach($responsaveis as $user)
                                        <option value="{{ $user->id }}" @if($tarefa->user_abertura == $user->id) selected @endif>{{ $user->nome}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="sistema">Responsável:</label>
                                <select class="form-control" id="responsavel" name="responsavel" disabled>
                                    <option value="" disabled>Selecione o responsável</option>
                                    <option value="0" @if($tarefa->user_responsavel == 0) selected @endif>Sem responsável</option>
                                    @foreach($responsaveis as $responsavel)
                                        <option value="{{ $responsavel->id }}" @if($tarefa->user_responsavel == $responsavel->id) selected @endif>{{ $responsavel->nome}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="versao">Data de Abetura:</label>
                                <input type="text" class="form-control" id="dataabertura" value="{{ \Carbon\Carbon::parse($tarefa->data_abertura)->format('d/m/Y') }}" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="data_versao">Data de Fechamento:</label>
                                <input type="text" class="form-control" id="datafechamento" value="{{ $tarefa->data_fechamento ? \Carbon\Carbon::parse($tarefa->data_fechamento)->format('d/m/Y') : '' }}" readonly>
                            </div>
                        </div>
                    </div>  
                    <div class="modal-footer">
                        <a title="Visualizar" href="{{route('tickets.show', $tarefa->id)}}">Mais Detalhes<i class="fas fa-eye mr-1"></i></a>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </div>
        </div>
    @endforeach

    <!-- Modal de dados da tarefa em processo -->
    @foreach($tarefasEmProcesso as $tarefa)
    <div class="modal fade" id="DadosModal{{ $tarefa->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document" >
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Detalhes do Registro</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="sistema">ID:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->id }}" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="sistema">Sistema:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->sistema }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="sistema">Título:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->titulo }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="alteracao">Motivo</label>
                                <textarea class="form-control" id="motivo" readonly>{{ $tarefa->motivo }}</textarea>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="sistema">Solicitante:</label>
                                <input type="text" class="form-control" id="solicitante" value="{{ $tarefa->solicitante }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="sistema">Status:</label>
                                <select class="form-control" id="status" name="status" disabled>
                                    <option value="0" {{ $tarefa->status == 0 ? 'selected' : '' }}>Aberto</option>
                                    <option value="1" {{ $tarefa->status == 2 ? 'selected' : '' }}>Fazendo</option>
                                    <option value="2" {{ $tarefa->status == 1 ? 'selected' : '' }}>Finalizado</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="prioridade">Prioridade:</label>
                                <select class="form-control" id="prioridade" name="prioridade" disabled>
                                    <option value="1" {{ $tarefa->prioridade == 1 ? 'selected' : '' }}>Sugestão</option>
                                    <option value="2" {{ $tarefa->prioridade == 2 ? 'selected' : '' }}>Baixo</option>
                                    <option value="3" {{ $tarefa->prioridade == 3 ? 'selected' : '' }}>Médio</option>
                                    <option value="4" {{ $tarefa->prioridade == 4 ? 'selected' : '' }}>Alto</option>
                                    <option value="5" {{ $tarefa->prioridade == 5 ? 'selected' : '' }}>Urgente</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="sistema">Solução:</label>
                                <textarea class="form-control" id="solucao" name="solucao" readonly>{{ $tarefa->solucao }}</textarea>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                                                    <label for="arquivo">Sem documento Vinculado</label>
                                                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="sistema">Abertura por:</label>
                                <select class="form-control" id="abertura" name="abetura" disabled>
                                    @foreach($responsaveis as $user)
                                        <option value="{{ $user->id }}" @if($tarefa->user_abertura == $user->id) selected @endif>{{ $user->nome}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="sistema">Responsável:</label>
                                <select class="form-control" id="responsavel" name="responsavel" disabled>
                                    <option value="" disabled>Selecione o responsável</option>
                                    <option value="0" @if($tarefa->user_responsavel == 0) selected @endif>Sem responsável</option>
                                    @foreach($responsaveis as $responsavel)
                                        <option value="{{ $responsavel->id }}" @if($tarefa->user_responsavel == $responsavel->id) selected @endif>{{ $responsavel->nome}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="versao">Data de Abetura:</label>
                                <input type="text" class="form-control" id="dataabertura" value="{{ \Carbon\Carbon::parse($tarefa->data_abertura)->format('d/m/Y') }}" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="data_versao">Data de Fechamento:</label>
                                <input type="text" class="form-control" id="datafechamento" value="{{ $tarefa->data_fechamento ? \Carbon\Carbon::parse($tarefa->data_fechamento)->format('d/m/Y') : '' }}" readonly>
                            </div>
                        </div>
                    </div>  
                    <div class="modal-footer">
                        <a title="Visualizar" href="{{route('tickets.show', $tarefa->id)}}">Mais Detalhes<i class="fas fa-eye mr-1"></i></a>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </div>
        </div>
    @endforeach

    <!-- Modal tarefas em aberto -->
    @foreach($tarefas as $tarefa)
        <div class="modal fade" id="DadosModal{{ $tarefa->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document" >
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Detalhes do Registro</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="sistema">ID:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->id }}" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="sistema">Sistema:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->sistema }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="sistema">Título:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->titulo }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="alteracao">Motivo</label>
                                <textarea class="form-control" id="motivo" readonly>{{ $tarefa->motivo }}</textarea>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="sistema">Solicitante:</label>
                                <input type="text" class="form-control" id="solicitante" value="{{ $tarefa->solicitante }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="sistema">Status:</label>
                                <select class="form-control" id="status" name="status" disabled>
                                    <option value="0" {{ $tarefa->status == 0 ? 'selected' : '' }}>Aberto</option>
                                    <option value="1" {{ $tarefa->status == 2 ? 'selected' : '' }}>Fazendo</option>
                                    <option value="2" {{ $tarefa->status == 1 ? 'selected' : '' }}>Finalizado</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="prioridade">Prioridade:</label>
                                <select class="form-control" id="prioridade" name="prioridade" disabled>
                                    <option value="1" {{ $tarefa->prioridade == 1 ? 'selected' : '' }}>Sugestão</option>
                                    <option value="2" {{ $tarefa->prioridade == 2 ? 'selected' : '' }}>Baixo</option>
                                    <option value="3" {{ $tarefa->prioridade == 3 ? 'selected' : '' }}>Médio</option>
                                    <option value="4" {{ $tarefa->prioridade == 4 ? 'selected' : '' }}>Alto</option>
                                    <option value="5" {{ $tarefa->prioridade == 5 ? 'selected' : '' }}>Urgente</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="sistema">Solução:</label>
                                <textarea class="form-control" id="solucao" name="solucao" readonly>{{ $tarefa->solucao }}</textarea>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                                                    <label for="arquivo">Sem documento Vinculado</label>
                                                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="sistema">Abertura por:</label>
                                <select class="form-control" id="abertura" name="abetura" disabled>
                                    @foreach($responsaveis as $user)
                                        <option value="{{ $user->id }}" @if($tarefa->user_abertura == $user->id) selected @endif>{{ $user->nome}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="sistema">Responsável:</label>
                                <select class="form-control" id="responsavel" name="responsavel" disabled>
                                    <option value="" disabled>Selecione o responsável</option>
                                    @foreach($responsaveis as $responsavel)
                                        <option value="{{ $responsavel->id }}" @if($tarefa->user_responsavel == $responsavel->id) selected @endif>{{ $responsavel->nome}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="versao">Data de Abetura:</label>
                                <input type="text" class="form-control" id="dataabertura" value="{{ \Carbon\Carbon::parse($tarefa->data_abertura)->format('d/m/Y') }}" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="data_versao">Data de Fechamento:</label>
                                <input type="text" class="form-control" id="datafechamento" value="{{ $tarefa->data_fechamento ? \Carbon\Carbon::parse($tarefa->data_fechamento)->format('d/m/Y') : '' }}" readonly>
                            </div>
                        </div>
                    </div>  
                    <div class="modal-footer">
                        <a title="Visualizar" href="{{route('tickets.show', $tarefa->id)}}">Mais Detalhes<i class="fas fa-eye mr-1"></i></a>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
    
    <!-- Modal Finalizar tarefas em processo-->
    @foreach($tarefasEmProcesso as $tarefa)
    <form method="POST" id="formEnvioDados{{ $tarefa->id }}"action="{{route('tickets.finalizar', $tarefa->id)}}">    
        @csrf
        @method('PUT')   
        <div class="modal fade" id="FinalizarModal{{ $tarefa->id }}" tabindex="-1" aria-labelledby="FecharModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Finalização do Registro</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="sistema">ID:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->id }}" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="sistema">Sistema:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->sistema }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="titulo">Título:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->titulo }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="solicitante">Solicitante:</label>
                                <input type="text" class="form-control" id="solicitante" name="solicitante" value="{{ $tarefa->solicitante }}">
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="motivo">Motivo:</label>
                                <textarea class="form-control" id="motivo" name="motivo">{{ $tarefa->motivo }}</textarea>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="status">Status:</label>
                                <select class="form-control" id="status" name="status">
                                    <option value="1">Finalizado</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="solucao">Solução:</label>
                                <textarea class="form-control" id="solucao" name="solucao">{{ $tarefa->solucao }}</textarea>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="data_abertura">Data de Abetura:</label>
                                <input type="text" class="form-control" id="dataabertura" value="{{ \Carbon\Carbon::parse($tarefa->data_abertura)->format('d/m/Y') }}" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="data_fechamento">Data de Fechamento:</label>
                                <input type="date" class="form-control" id="datafechamento" name="data_fechamento" value="{{ $dataAtual }}">
                            </div>
                        </div>
                    </div>  
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success btn-finalizar">Finalizar</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
    @endforeach

    <!-- Modal Finalizar -->
    @foreach($tarefas as $tarefa)
    <form method="POST" id="formEnvioDados{{ $tarefa->id }}"action="{{route('tickets.finalizar', $tarefa->id)}}">    
        @csrf
        @method('PUT')   
        <div class="modal fade" id="FinalizarModal{{ $tarefa->id }}" tabindex="-1" aria-labelledby="FecharModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Finalização do Registro</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="sistema">ID:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->id }}" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="sistema">Sistema:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->sistema }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="titulo">Título:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->titulo }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="solicitante">Solicitante:</label>
                                <input type="text" class="form-control" id="solicitante" name="solicitante" value="{{ $tarefa->solicitante }}">
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="motivo">Motivo:</label>
                                <textarea class="form-control" id="motivo" name="motivo">{{ $tarefa->motivo }}</textarea>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="status">Status:</label>
                                <select class="form-control" id="status" name="status">
                                    <option value="1">Finalizado</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="solucao">Solução:</label>
                                <textarea class="form-control" id="solucao" name="solucao">{{ $tarefa->solucao }}</textarea>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="data_abertura">Data de Abetura:</label>
                                <input type="text" class="form-control" id="dataabertura" value="{{ \Carbon\Carbon::parse($tarefa->data_abertura)->format('d/m/Y') }}" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="data_fechamento">Data de Fechamento:</label>
                                <input type="date" class="form-control" id="datafechamento" name="data_fechamento" value="{{ $dataAtual }}">
                            </div>
                        </div>
                    </div>  
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success btn-finalizar">Finalizar</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
    @endforeach 

    <!-- Modal Aceitar a tarefa-->
    @foreach($tarefasSemResponsavel as $tarefa)
    <form method="POST" id="formEnvioDadosAceitarTarefar{{ $tarefa->id }}"action="{{route('tickets.aceitarTarefa', $tarefa->id)}}">    
        @csrf
        @method('PUT')   
        <div class="modal fade" id="ModalAceitarTarefa{{ $tarefa->id }}" tabindex="-1" aria-labelledby="FecharModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Registro da Tarefa</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="sistema">ID:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->id }}" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="sistema">Sistema:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->sistema }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="titulo">Título:</label>
                                <input type="text" class="form-control" id="sistema" value="{{ $tarefa->titulo }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="solicitante">Solicitante:</label>
                                <input type="text" class="form-control" id="solicitante" name="solicitante" value="{{ $tarefa->solicitante }}" readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="motivo">Motivo:</label>
                                <textarea class="form-control" id="motivo" name="motivo" disabled>{{ $tarefa->motivo }}</textarea readonly>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="status">Status:</label>
                                <select class="form-control" id="status" name="status" readonly>
                                    <option value="0" {{ $tarefa->status == 0 ? 'selected' : '' }}>Aberto</option>
                                    <option value="1" {{ $tarefa->status == 2 ? 'selected' : '' }}>Fazendo</option>
                                </select>
                            </div>
                    
                        
                            <div class="col-md-6">
                                <label for="data_abertura">Data de Abetura:</label>
                                <input type="text" class="form-control" id="dataabertura" value="{{ \Carbon\Carbon::parse($tarefa->data_abertura)->format('d/m/Y') }}" readonly>
                            </div>
                        </div>
                    </div>  
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success btn-aceitar">Aceitar</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
    @endforeach 

    <style>
        .scrollbar-horizontal {
            overflow-x: auto;
        }
        .td-limitado {
            max-width: 100px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script> 
        $(document).ready(function () {
            $('#dataTable').DataTable({
                "paging": false,
                "order": [[0, "desc"]]
            });
        });

        $(document).ready(function () {
            $('#dataTable2').DataTable({
                "paging": false,
                "order": [[0, "desc"]]
            });
        });

        var tableScroll = document.querySelector('.table-responsive-sm');

        if (tableScroll) {  
            tableScroll.classList.add('scrollbar-horizontal');
        }

        var currentItemId = 'dashboard-link';

        $(document).ready(function() {
            $('.btn-aceitar').click(function() {
                const formId = $(this).closest('form').attr('id');
        
                Swal.fire({
                    title: 'Confirmação',
                    text: 'Deseja realmente Aceitar essa Tarefa?',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Confirmar',
                    cancelButtonText: 'Cancelar',
                    backdrop: true,
                    target: document.getElementById(formId).parentNode // Definir o modal como elemento pai
                }).then((result) => {
                    if (result.isConfirmed) {
                        $(`#${formId}`).submit();
                    }
                });
            });
        });

        $(document).ready(function() {
            $('.btn-finalizar').click(function() {
                const formId = $(this).closest('form').attr('id');
        
                Swal.fire({
                    title: 'Confirmação',
                    text: 'Deseja realmente Finalizar essa Tarefa?',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Confirmar',
                    cancelButtonText: 'Cancelar',
                    backdrop: true,
                    target: document.getElementById(formId).parentNode // Definir o modal como elemento pai
                }).then((result) => {
                    if (result.isConfirmed) {
                        $(`#${formId}`).submit();
                    }
                });
            });
        });

        function toggleSection(sectionId, buttonId) {
            const section = document.getElementById(sectionId);
            const button = document.getElementById(buttonId);

            if (section.style.display == "none") {
                section.style.display = "block";
                button.textContent = "-";
            } else {
                section.style.display = "none";
                button.textContent = "+";
            }
        }

        document.addEventListener("DOMContentLoaded", function() {
            // Inicializar apenas o resumo do usuário como minimizado
            document.getElementById("resumoUsuario").style.display = "none";
            document.getElementById("toggleButton").textContent = "+";

            // As outras seções já estarão visíveis com o botão "-"
            document.getElementById("resumoGeral").style.display = "block";
            document.getElementById("toggleButtonGeral").textContent = "-";

            const tarefaSemResponsavel = document.getElementById("TarefaSemResponsavel");
            const toggleSemResponsavel = document.getElementById("toggleSemResponsavel");

            if (tarefaSemResponsavel && toggleSemResponsavel) {
                tarefaSemResponsavel.style.display = "block";
                toggleSemResponsavel.textContent = "-";
            }

            const tarefaEmProcesso = document.getElementById("TarefaEmProcesso");
            const toggleEmProcesso = document.getElementById("toggleEmProcesso");

            if (tarefaEmProcesso && toggleEmProcesso) {
                tarefaEmProcesso.style.display = "block";
                toggleEmProcesso.textContent = "-";
            }
            
            document.getElementById("TarefaEmAberto").style.display = "block";
            document.getElementById("toggleButtonEmAberto").textContent = "-";
        });
    </script>
@endsection