@php
    
 
$titulo = "Despesas totais";
date_default_timezone_set('America/Sao_Paulo');
$hora = date('Y-m-d H:i:s');

 
// //verifica se houve a requisição do post 
// if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    
    
//     if ($_POST['via_devolucaocartao'] < $hora) {
//         $via_id               = $_GET['via_id'];
//         $via_devolucaocartao  = $_POST['via_devolucaocartao'];
//         $via_status           = 1;
        
//         $results = api_request(
//             'update_status_viagem',
//             'POST',
//             [
//                 'via_id'                => $via_id,
//                 'via_devolucaocartao'   => $via_devolucaocartao,
//                 'via_status'    => $via_status,
//                 ]
//             );
            
//             $ip         = $_SERVER['REMOTE_ADDR'];
//             $usuario    = $_SESSION['usu_nome'] . " " . $_SESSION['usu_sobrenome'];
//             $acao       = "Encerrou o envio de despesas da viagem de código $via_id";
            
//             $results = api_request(
//                 'create_log_viagem',
//                 'POST',
//                 [
//                     'log_ip'        =>  $ip,
//                     'log_usuario'   =>  $usuario,
//                     'log_local'     =>  $local,
//                     'log_acao'      =>  $acao,
//                     ]
//                 );
                
//                 echo '<script>window.location.replace("viagens.php?via_id=' . $via_id . '");</script>';
//             } else {
//                 $_SESSION['error_viagem'] = "A data de encerrar a viagem não pode ser maior que a data atual.";
//             }
//         }
@endphp
@include('components.head')
<style>
#fotos {
display: none;
/* Oculta o input de arquivo padrão */
}
.btn {
cursor: pointer;
padding: 10px 20px;
border-radius: 5px;
display: inline-block;
color: white;
}
#labelFotos {
background-color: #4CAF50;
/* Cor verde para o botão de fotos */
}
#labelFotos:hover {
        background-color: #45a049;
    }

.btn:hover {
background-color: #333;
/* Cor de fundo padrão para outros botões */
}
.painel{
/* border-color: black; */
border-style: solid;
border-width: 5px;
box-shadow: 0 4px 8px rgba(0,0,0,0.5); 
}    
.painel:hover {
transform: scale(1.1);
z-index: 1;
transition: all 0.7s ease;
}
.alert-light {
transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Suavização da transição */
}

.alert-light:hover {
/* background-color: #F2F6FF; */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra para o efeito de elevação */
}

</style>

<div class="container mb-5">

    @if (session('success'))
    <div aria-live="polite" aria-atomic="true" class="position-relative"  >
        <div class="toast-container position-fixed top-0 start-50 translate-middle-x mt-5 p-5" style="z-index: 11">
            <div id="successToast" class="toast hide show bg-success text-white" role="alert" aria-live="assertive" aria-atomic="true">
                <div class="toast-header">
                    <strong class="me-auto">Sucesso</strong>
                    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Fechar"></button>
                </div>
                <div class="toast-body">
                    {{ session('success') }}
                </div>
            </div>
        </div>
    </div>
    
    {{-- Script para ativar o Toast --}}
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            let successToast = new bootstrap.Toast(document.getElementById('successToast'), {
                    delay: 5000 // 5 segundos antes de fechar sozinho
                });
                successToast.show();
        });
    </script>
    @endif

    <h5>Minha viagem</h5>
    <div class="card card-alert shadow d-none d-md-block">
        <div class="container mt-2 mb-2">
            <div class="row">
                <div class="col-6">
                    <small>Empresa: </small><br>
                    <strong>{{ $viagem['via_empresa'] }}</strong><br>
                    <small>Cidade:</small><br>
                    <strong>{{$viagem['via_cidade']}}</strong><br>
                    <small>Cartão:</small><br>
                    <strong> {{$cartao->car_dono ?? ' '}} - {{$cartao->car_numero ?? ' '}} </strong><br>
                </div>
                <div class="col-4 ">
                        <small>Viajantes:</small>
                        <br>
                        @foreach($viacol as $viajantes) 
                        {{-- <strong> {{$viajantes->colaborador->col_id }} </strong>   --}}
                        <strong>
                            {{ $viajantes->colaborador->pessoa->pes_nome_completo ?? 'Nome não encontrado' }} <br>
                        </strong>
                        @endforeach
                        <br>
                        
                    </p>
                </div>
                <div class="col-2">
                    <small>Valor total gasto: </small><br>
                        @if( $viagem->via_valor <= 0)
                        <strong> Gastos ainda não lançados </strong><br>
                        @else
                        <strong> R$ {{ $viagem['via_valor'] }}</strong><br>
                        @endif
                        <small>Data de abertura</small> <br>  
                        <strong> {{\Carbon\Carbon::parse($viagem->via_recebimentocartao)->format('d/m/Y')}} </strong><br>

                        @if($viagem->via_devolucaocartao)
                        <small>Data de encerramento</small><br>
                        <strong> {{Carbon\Carbon::parse($viagem['via_devolucaocartao'])->format('d/m/Y')}} </strong><br>
                        @endif
                        @if($viagem->via_finalizacao)
                        <small>Data de finalização</small><br>
                        <strong> {{Carbon\Carbon::parse($viagem['via_finalizacao'])->format('d/m/Y')}} </strong>
                        @endif
                         
                    </div>
            </div>
        </div>
    </div>
    <div class="card card-alert shadow d-sm-block d-md-none">
        <div class="container mt-2 mb-2">
            <div class="row">
                <div class="col-12">
                    <small>Empresa: </small><br>
                    <strong>{{ $viagem['via_empresa'] }}</strong><br>
                    <small>Cidade:</small><br>
                    <strong>{{$viagem['via_cidade']}}</strong><br>
                    <small>Cartão:</small><br>
                    <strong> {{$cartao->car_dono ?? ' '}} - {{$cartao->car_numero ?? ' '}} </strong><br>
                        <small>Viajantes:</small>
                        <br>
                        @foreach($viacol as $viajantes) 
                        <strong>
                            {{ $viajantes->colaborador->pessoa->pes_nome ?? 'Nome não encontrado' }} <br>
                        </strong>
                        @endforeach

                    </p>
                    <small>Valor total gasto: </small><br>
                        @if( $viagem->via_valor <= 0)
                        <strong> Gastos ainda não lançados </strong>
                        @else
                        <strong> R$ {{ $viagem['via_valor'] }}</strong><br>
                        @endif
                        <small>Data de abertura</small> <br>  
                        <strong> {{$viagem['via_recebimentocartao']}} </strong><br>

                        @if($viagem->via_devolucaocartao)
                        <small>Data de encerramento</small><br>
                        <strong> {{$viagem['via_devolucaocartao']}} </strong>
                        @endif
                        @if($viagem->via_finalizacao)
                        <small>Data de finalização</small><br>
                        <strong> {{$viagem['via_finalizacao']}} </strong>
                        @endif

                    </div>
            </div>
        </div>
    </div>
    <hr style="color: #333; background-color: #333; height: 2px; border: none;">
    <h5>Despesas</h5>
    <p>Abaixo você pode acessar todas as despesas lançadas e/ou lançar uma nova despesa.</p>
    <button type="submit" onclick="location.href='{{ route('viagens.visualiza_despesa', ['via_id' => $viagem->via_id])}}'" class='col-12 alert alert-light text-dark text-left text-primary shadow painel'>
        <div><strong>Despesas lançadas</strong><i style="margin-left: 80%;" class="fas fa-eye text-primary"></i></div>
    </button>
    
    {{-- <button type='submit' onclick="window.location.href='{{ route('viagens.relatorio', ['via_id' => $viagem->via_id]) }}'" class='col-12 alert alert-light text-dark text-left text-primary shadow painel'> --}}
    @if($usuario->mod_viagem == 1 )
    <button type="button" class="col-12 alert alert-light text-dark text-left text-primary shadow painel"
        data-bs-toggle="modal" data-bs-target="#relatorioModal">
        <div class="row">
            <div class="col-12">
                <strong>Relatório de viagem</strong>
                <i class='fa fa-file-pdf text-danger' style="margin-left: 79%;"></i>
            </div>
        </div>
    </button>   
    @endif
     
{{-- <div class="modal fade" id="relatorioModal" tabindex="-1" aria-labelledby="relatorioModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="relatorioModalLabel">Selecione o Tipo de Recurso</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="relatorioForm" action="{{ route('viagens.relatorio', ['via_id' => $viagem->via_id]) }}" method="GET">
                    <div class="mb-3">
                        <label for="tipo_recurso" class="form-label">Tipo de Recurso</label>
                        <select class="form-select" id="tipo_recurso" name="tipo_recurso" required>
                            <option value="">Todos</option> 
                            <option value="FATURADO">Faturado</option>
                            <option value="RECURSO PRÓPRIO">Recurso próprio</option>
                            <option value="CARTÃO DA VIAGEM">Cartão da viagem</option>
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-primary" onclick="document.getElementById('relatorioForm').submit();">
                    Gerar Relatório
                </button>
            </div>
        </div>
    </div>
</div> --}}
 
<div class="modal fade" id="relatorioModal" tabindex="-1" aria-labelledby="relatorioModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="relatorioModalLabel">Selecione os Tipos de Recurso</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="relatorioForm" action="{{ route('viagens.relatorio', ['via_id' => $viagem->via_id]) }}" method="GET">
                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="todos" onchange="selecionarTodos()">
                            <label class="form-check-label" for="todos">Todos</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input recurso" type="checkbox" name="tipo_recurso[]" value="FATURADO">
                            <label class="form-check-label">Faturado</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input recurso" type="checkbox" name="tipo_recurso[]" value="RECURSO PRÓPRIO">
                            <label class="form-check-label">Recurso próprio</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input recurso" type="checkbox" name="tipo_recurso[]" value="CARTÃO DA VIAGEM">
                            <label class="form-check-label">Cartão da viagem</label>
                        </div>
                        <div class="form-check">
                           <input class="form-check-input recurso" type="checkbox" name="incluir_comprovante" value="1" {{ request('incluir_comprovante') ? 'checked' : '' }}>
                                 <label>Incluir comprovantes </label>
                           
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-primary" onclick="document.getElementById('relatorioForm').submit();">
                    Gerar Relatório
                </button>
            </div>
        </div>
    </div>
</div>

<script>
    function selecionarTodos() {
        let checkTodos = document.getElementById("todos");
        let checkboxes = document.querySelectorAll(".recurso");

        checkboxes.forEach(checkbox => {
            checkbox.checked = checkTodos.checked;
        });
    }
</script>

    @if ($viagem['via_status'] == 0) 

        <button type="submit" onclick="location.href='{{ route ( 'viagens.adiciona_despesa', ['via_id' => $viagem->via_id] )}} '" class='col-12 alert alert-light text-dark text-left text-primary shadow painel'>
            <div><strong>Adicionar despesa</strong><i style="margin-left: 80%;" class="fas fa-plus text-success"></i></div>
        </button>
        @if($viagem->via_valor <= 0 )
        <hr style='color: #333; background-color: #333; height: 2px; border: none;'>
        <h5>Cancelar viagem</h5>
        <p>Apenas é permitido se não houver nenhuma despesa.</p>
        <button data-toggle='modal' data-target='#excluirModal' class='col-12 alert alert-light text-dark text-left text-primary shadow painel'>
            <div class="row">
                <div class="col-12">
                    <strong>Cancelar viagem</strong>
                    <i class='fas fa-trash text-danger' style="margin-left: 81%;"></i>
                </div>
            </div>
        </button>
        
        @else
        <hr style='color: #333; background-color: #333; height: 2px; border: none;'>
        <h5>Encerrar viagem</h5>
        <p>Após concluir o lançamento de todas as depesas, você precisa finalizar a viagem.</p>
        <button data-toggle='modal' data-target='#encerraModal' class='col-12 alert alert-light text-dark text-left text-primary shadow painel'>
            <div class="row">
                <div class="col-12">
                    <strong>Encerrar viagem</strong>
                    <i class='fas fa-check text-danger' style="margin-left: 81%;"></i>
                </div>
            </div>
        </button>
        @endif
    @endif
    @if($usuario->mod_viagem == 1)    
        @if($viagem->via_devolucaocartao && $viagem->via_finalizacao == null)    
            <hr style='color: #333; background-color: #333; height: 2px; border: none;'>
            <h5>Reabrir viagem</h5>
            <p>Atenção, a viagem só pode ser reaberta se não for finalizada, caso contrário não será possível reabri-la.</p>
            <button data-toggle='modal' data-target='#reabreModal' class='col-12 alert alert-light text-dark text-left text-primary shadow painel'>
                <div class="row">
                    <div class="col-12">
                        <strong>Reabrir viagem</strong>
                        <i class='fa fa-arrow-circle-left text-success' style="margin-left: 81%;"></i>
                    </div>
                </div>
            </button>
        @endif
        @if($viagem->via_devolucaocartao && $viagem->via_finalizacao == null)    
            <hr style='color: #333; background-color: #333; height: 2px; border: none;'>
            <h5>Finalizar viagem</h5>
            <p>Após a validação de todas as depesas, você precisa finalizar a viagem.</p>
            <button data-toggle='modal' data-target='#finalizaModal' class='col-12 alert alert-light text-dark text-left text-primary shadow painel'>
                <div class="row">
                    <div class="col-12">
                        <strong>Finalizar viagem</strong>
                        <i class='fas fa-check text-danger' style="margin-left: 81%;"></i>
                    </div>
                </div>
            </button>
        @endif
    @endif
    <div class="modal fade" id="encerraModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <form action="{{route('viagem.encerra', ['via_id' => $viagem->via_id ])}}" method="post">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Para encerrar sua viagem informe:</h5>
                        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"></span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="via_devolucaocartao">Data da término da viagem:</label>
                            <input class="form-control" name="via_devolucaocartao" type="date" max="{{ \Carbon\Carbon::now()->setTimezone('America/Sao_Paulo')->format('Y-m-d') }}" required>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-secondary" type="button" data-dismiss="modal">Não</button>
                        <button type="submit" class="btn btn-danger ">Encerrar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="modal fade" id="finalizaModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <form action="{{route('viagem.finaliza', ['via_id' => $viagem->via_id ])}}" method="post">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Deseja realmente finalizar essa viagem?</h5>
                        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"></span>
                        </button>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-secondary" type="button" data-dismiss="modal">Não</button>
                        <button type="submit" class="btn btn-danger ">Finalizar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="modal fade" id="reabreModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <form action="{{route('viagem.reabrir', ['via_id' => $viagem->via_id ])}}" method="post">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Deseja reabrir esta viagem?</h5>
                        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"></span>
                        </button>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-secondary" type="button" data-dismiss="modal">Não</button>
                        <button type="submit" class="btn btn-success ">Sim</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="modal fade" id="excluirModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <form action="{{route('viagem.exclui', ['via_id' => $viagem->via_id ])}}" method="post">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Deseja mesmo cancelar sua viagem?</h5>
                        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"></span>
                        </button>
                    </div>
                    {{-- <div class="modal-body">
                        <div class="form-group">
                            <label for="via_devolucaocartao">Data da término da viagem:</label>
                            <input class="form-control" name="via_devolucaocartao" type="date" max="{{ \Carbon\Carbon::now()->setTimezone('America/Sao_Paulo')->format('Y-m-d') }}" required>
                        </div>
                    </div> --}}
                    <div class="modal-footer">
                        <button class="btn btn-secondary" type="button" data-dismiss="modal">Não</button>
                        <button type="submit" class="btn btn-danger">Sim</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

</div>
<script>
    function mostrarCampos() {
        var opcao = document.getElementById('opcao');
        var camposExtras = document.getElementById('camposExtras');

        if (opcao.value === 'sim') {
            camposExtras.classList.remove('hidden');
        } else {
            camposExtras.classList.add('hidden');
        }
    }
</script>

@include('components.footer')