@php
$titulo = "Viagens - SW";
@endphp
@include('components.head')
<div class="container">
    
    @if ($usuario->mod_viagem == 1) 
        <div style="text-align: right;">
            <a class="btn btn-primary ms-auto" href="{{ route ('viagens.adiciona_viagem')}}"><i class="fas fa-plus"></i> Viagem</a>
        </div>
    @endif

    <form action="{{ route('viagens.gerencia_viagem_encerrada') }}" method="GET" class="mb-4 row g-3">
        <input type="hidden" name="status" value="{{ $status }}">
      

        <div class="col-md-2">
            <label for="codigo" class="form-label">Código de Viagem</label>
            <div class="input-group">
                <input type="text" name="codigo" id="codigo" class="form-control" value="{{ request('codigo') }}">
                @if(request('codigo'))
                    <a href="{{ route('viagens.gerencia_viagem_encerrada', ['status' => $status]) }}" class="btn btn-outline-secondary">X</a>
                @endif
            </div>
        </div>
    
        <div class="col-md-3">
            <label for="destino" class="form-label">Destino</label>
            <div class="input-group">
                <input type="text" name="destino" id="destino" class="form-control" value="{{ request('destino') }}">
                @if(request('destino'))
                    <a href="{{ route('viagens.gerencia_viagem_encerrada', ['status' => $status]) }}" class="btn btn-outline-secondary">X</a>
                @endif
            </div>
        </div>
    
        <div class="col-md-3">
            <label for="centro_custo" class="form-label">Centro de Custo</label>
            <div class="input-group">
                <input type="text" name="centro_custo" id="centro_custo" class="form-control" value="{{ request('centro_custo') }}">
                @if(request('centro_custo'))
                    <a href="{{ route('viagens.gerencia_viagem_encerrada', ['status' => $status]) }}" class="btn btn-outline-secondary">X</a>
                @endif
            </div>
        </div>
        <div class="col-md-1">
            <label for="mes" class="form-label">Mês Saida</label>
            <div class="input-group">
                <input type="number" name="mes_ida" id="mes_ida" class="form-control" value="{{ request('mes_ida') }}">
                @if(request('mes_ida'))
                    <a href="{{ route('viagens.gerencia_viagem_encerrada', ['status' => $status]) }}" class="btn btn-outline-secondary">X</a>
                @endif
            </div>
        </div>
        {{-- <div class="col-md-1">
            <label for="mes" class="form-label">Mês Retorno</label>
            <div class="input-group">
                <input type="number" name="mes_volta" id="mes_volta" class="form-control" value="{{ request('mes_volta') }}">
                @if(request('mes_volta'))
                    <a href="{{ route('viagens.gerencia_viagem_encerrada', ['status' => $status]) }}" class="btn btn-outline-secondary">X</a>
                @endif
            </div>
        </div> --}}
        <div class="col-md-3 mt-5">
            <div class="row">
                <div class="col-md-6">
                    <button type="submit" class="btn btn-primary w-100">Filtrar</button>
                </div>
                <div class="col-md-6">
                    <a href="{{ route('viagens.gerencia_viagem_encerrada', ['status' => $status]) }}" class="btn btn-outline-secondary w-100 ">Limpar Filtros</a>
                </div>
            </div>
        </div>
    </form>
    
    <ul class="nav nav-tabs d-flex flex-nowrap">
        <li class="nav-item">
            <a href="{{ route('viagens.gerencia_viagem', ['status' => 0 ]) }}" 
               class="nav-link text-truncate {{ $status == 0 ? 'active' : '' }}" style="padding: 0.2rem 0.5rem; font-size: 0.85rem;">
                Viagens abertas
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('viagens.gerencia_viagem_encerrada', ['status' => 1]) }}" 
               class="nav-link text-truncate {{ $status == 1 ? 'active' : '' }}" style="padding: 0.2rem 0.5rem; font-size: 0.85rem;">
                Viagens encerradas
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('viagens.gerencia_viagem_finalizada', ['status' => 2])}}" 
               class="nav-link text-truncate {{ $status == 2 ? 'active' : '' }}" style="padding: 0.2rem 0.5rem; font-size: 0.85rem;">
                Viagens finalizadas
            </a>
        </li>
    </ul>
    
    
</div>
<div class="container mt-3 mb-5">
    <p>Abaixo estão listadas todas as viagens em aberto da empresa. (Onde o viajante não pode lançar novas despesas e o financeiro deve analisar os lançamentos.)</p>
    <div>
        {{-- {{dd($viagens)}} --}}
        @if (empty($viagens))
            <p>Não há viagens em aberto.</p>
        @else
            <div class="card">
            <div class="table-responsive">
                <table class="table shadow">
                    <thead>
                        <th scope="col" class="text-center"> Cód </th>
                        <th scope="col" class="text-center"> Viajante principal</th>
                        <th scope="col" class="text-center"> Cartão utilizado</th>
                        <th scope="col" class="text-center"> Destino </th>
                        <th scope="col" class="text-center"> Centro de custo</th>
                        <th scope="col" class="text-center"> Saida e Retorno</th>
                        <th scope="col" class="text-center"> Ação </th>
                    </thead>
                    <tbody>
                        @foreach ($viagens as $viagem) 
                            <tr>
                                <td class="text-center">{{ $viagem->via_id}}</td>
                    {{-- @foreach ($viagem->colaboradores as $via_colaborador)
                    Colaborador ID: {{ $via_colaborador->colaborador->col_id }} - 
                    Nome: {{ $via_colaborador->colaborador->pessoa->pes_nome ?? 'Nome não disponível' }}
                    @endforeach --}}
                                <td class="text-center">{{$viagem->primeiro_colaborador}}...</td>
                                <td class="text-center">{{ $viagem->cartao?->car_dono . ' - ' .$viagem->cartao?->car_numero}}</td>
                                <td class="text-center">{{ $viagem->via_cidade        }}</td>
                                <td class="text-center">{{ $viagem->via_centrocusto   }}</td>
                                <td class="text-center">Saida {{ Carbon\Carbon::parse($viagem->via_recebimentocartao)->format('d/m/Y')   }} <br>
                                    @if($viagem->via_devolucaocartao != null) Retorno  {{ Carbon\Carbon::parse($viagem->via_devolucaocartao)->format('d/m/Y')}}
                                    @endif
                                </td>
                                <td class="text-center">
                                    <a href="{{ route('viagens.visualiza_viagem', ['via_id' => $viagem->via_id]) }}" class="btn btn-success">Verificar</a>
                                </td> 
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            </div>
        <div class="container mb-5">
            <div class="d-flex justify-content-between align-items-end flex-wrap">
                {{-- <form action="{{ route('viagens.gerencia_viagem') }}" method="GET" class="d-flex align-items-end">
                    <label for="resultados_por_pagina" class="col-7">Resultados por página:</label>
                    <select class="custom-select col-3" id="resultados_por_pagina" name="resultados_por_pagina">
                        <option value="5" {{ $resultados_por_pagina == 5 ? 'selected' : '' }}>5</option>
                        <option value="10" {{ request('resultados_por_pagina') == 10 ? 'selected' : '' }}>10</option>
                        <option value="20" {{ request('resultados_por_pagina') == 20 ? 'selected' : '' }}>20</option>
                        <option value="50" {{ request('resultados_por_pagina') == 50 ? 'selected' : '' }}>50</option>
                        <option value="100" {{ request('resultados_por_pagina') == 100 ? 'selected' : '' }}>100</option>
                    </select>
                    
                    <!-- Parâmetros adicionais para manter filtros ao atualizar a página -->
                    <input type="hidden" name="status" value="{{ request('status') }}">
                    <input type="hidden" name="codigo" value="{{ request('codigo') }}">
                    <input type="hidden" name="destino" value="{{ request('destino') }}">
                    <input type="hidden" name="centro_custo" value="{{ request('centro_custo') }}">
            
                    <button type="submit" class="btn btn-primary ml-1">Atualizar</button>
                </form> --}}
                
                         

                        <form action="{{ route('viagens.gerencia_viagem_encerrada', ['status'=> 1]) }}" method="GET" class="d-flex align-items-end">
                            <label for="resultadosPorPagina" class="col-7">Resultados por página:</label>
                            <select class="custom-select col-3" id="resultadosPorPagina" name="resultadosPorPagina">
                                <option value="5" {{ $resultadosPorPagina == 5 ? 'selected' : '' }}>5</option>
                                <option value="10" {{ $resultadosPorPagina == 10 ? 'selected' : '' }}>10</option>
                                <option value="20" {{ $resultadosPorPagina == 20 ? 'selected' : '' }}>20</option>
                                <option value="50" {{ $resultadosPorPagina == 50 ? 'selected' : '' }}>50</option>
                                <option value="100" {{ $resultadosPorPagina == 100 ? 'selected' : '' }}>100</option>
                            </select>
                        
                            <!-- Mantém todos os filtros e parâmetros ao atualizar -->
                            <input type="hidden" name="status" value="{{ request('status') }}">
                            <input type="hidden" name="codigo" value="{{ request('codigo') }}">
                            <input type="hidden" name="destino" value="{{ request('destino') }}">
                            <input type="hidden" name="centro_custo" value="{{ request('centro_custo') }}">
                            <input type="hidden" name="mes_ida" value="{{ request('mes_ida') }}">
                            <input type="hidden" name="pagina" value="{{ $pagina }}">
                        
                            <button type="submit" class="btn btn-primary ml-1">Atualizar</button>
                        </form>
                        
                        <!-- Tabela de Viagens -->
                      
                            <!-- Paginação -->
                            {{-- <div>
                                {!! $viagens->appends(request()->all())->links()->render(function ($view) {
                                    return str_replace(
                                        ['Previous', 'Next'], 
                                        ['Anterior', 'Próximo'], 
                                        $view
                                    );
                                }) !!}
                            </div> --}}
                            {{-- <div class="pagination-container">
                                {!! $viagens->appends(request()->all())->links()->render(function ($view) {
                                    // Substituir o HTML padrão com textos ou estilos personalizados
                                    $customHtml = str_replace(
                                        ['Previous', 'Next'], // Texto padrão
                                        ['Anterior', 'Próximo'], // Texto traduzido
                                        $view
                                    );
                                    return $customHtml;
                                }) !!}
                            </div> --}}
                           
 
                            <nav aria-label="Navegação de página">
                                <ul class="pagination">
                                    {{-- Botão "Anterior" --}}
                                    @if ($viagens->onFirstPage())
                                        <li class="page-item disabled">
                                            <span class="page-link" aria-hidden="true">&laquo;</span>
                                        </li>
                                    @else
                                        <li class="page-item">
                                            <a class="page-link" href="{{ $viagens->previousPageUrl() . '&' . http_build_query(collect(request()->all())->except('pagina')->toArray()) }}" aria-label="Anterior">
                                                <span aria-hidden="true">&laquo;</span>
                                                <span class="sr-only">Anterior</span>
                                            </a>
                                        </li>
                                    @endif
                            
                                    {{-- Números das páginas --}}
                                    @foreach ($viagens->links()->elements[0] as $page => $url)
                                        @if ($page == $viagens->currentPage())
                                            <li class="page-item active">
                                                <span class="page-link">{{ $page }}</span>
                                            </li>
                                        @else
                                            <li class="page-item">
                                                <a class="page-link" href="{{ $url . '&' . http_build_query(collect(request()->all())->except('pagina')->toArray()) }}">{{ $page }}</a>
                                            </li>
                                        @endif
                                    @endforeach
                            
                                    {{-- Botão "Próximo" --}}
                                    @if ($viagens->hasMorePages())
                                        <li class="page-item">
                                            <a class="page-link" href="{{ $viagens->nextPageUrl() . '&' . http_build_query(collect(request()->all())->except('pagina')->toArray()) }}" aria-label="Próximo">
                                                <span aria-hidden="true">&raquo;</span>
                                                <span class="sr-only">Próximo</span>
                                            </a>
                                        </li>
                                    @else
                                        <li class="page-item disabled">
                                            <span class="page-link" aria-hidden="true">&raquo;</span>
                                        </li>
                                    @endif
                                </ul>
                            </nav>
                            
                            
                            {{-- {{ $viagens->appends(request()->except('page'))->links() }} --}}
                           


                
                <!-- Paginação com inclusão dos filtros na URL -->
                {{-- <nav aria-label="Navegação de página">
                    <ul class="pagination">
                        @if ($pagina > 1)
                            <li class="page-item">
                                <a class="page-link" href="{{ route('viagens.gerencia_viagem', array_merge(request()->all(), ['pagina' => $pagina - 1])) }}" aria-label="Anterior">
                                    <span aria-hidden="true">&laquo;</span>
                                    <span class="sr-only">Anterior</span>
                                </a>
                            </li>
                        @endif
                        <!-- Exemplo de botões para páginas específicas -->
                        @for ($i = 1; $i <= $total_paginas; $i++)
                            <li class="page-item {{ $i == $pagina ? 'active' : '' }}">
                                <a class="page-link" href="{{ route('viagens.gerencia_viagem', array_merge(request()->all(), ['pagina' => $i])) }}">{{ $i }}</a>
                            </li>
                        @endfor
                        @if ($pagina < $total_paginas)
                            <li class="page-item">
                                <a class="page-link" href="{{ route('viagens.gerencia_viagem', array_merge(request()->all(), ['pagina' => $pagina + 1])) }}" aria-label="Próximo">
                                    <span aria-hidden="true">&raquo;</span>
                                    <span class="sr-only">Próximo</span>
                                </a>
                            </li>
                        @endif
                    </ul>
                </nav> --}}
            </div>
            
        </div>
{{--  --}}
        @endif
    </div>
</div>
@include('components.footer')