{{-- Live as if you were to die tomorrow. Learn as if you were to live forever. - Mahatma Gandhi --}}
 @php
$titulo = "Viagens Antigas- SW";
 
@endphp
@include ('components.head')
<style>
    .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.5s 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 */
    }
    .btn-secondary {
      background-color: #35a1ff !important; /* Substitua pelo seu código hexadecimal */
      border-color: #35a1ff !important;
    }
    .text-secondary {
      color: #6c757d !important;
    }

    .bg-secondary {
      background-color: #6c757d !important;
    }
    .btn-secondary:hover {
      background-color: #5a6268 !important; /* Cor para o hover */
      border-color: #545b62 !important; /* Cor da borda no hover */
    }

    .text-secondary:hover {
      color: #5a6268 !important; /* Cor do texto no hover */
    }

    .bg-secondary:hover {
      background-color: #5a6268 !important; /* Cor do fundo no hover */
    }
.btn-primary:hover{
        background-color: #5a5a5a !important; /* Cor para o hover */
        border-color: #5a5a5a !important; /* Cor da borda no hover */
        
    }
    </style> 
        

<div class="container">
    @if (session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if (session('error'))
    <!-- Modal -->
    <div class="modal fade" id="errorModal" tabindex="-1" role="dialog" aria-labelledby="errorModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title" id="errorModalLabel">Erro</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ session('error') }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>
    @endif
    @if (session('error'))
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var errorModal = new bootstrap.Modal(document.getElementById('errorModal'));
            errorModal.show();
        });
    </script>
    @endif

    @if ($usuario['mod_viagem'] == 1)
    <div class="d-none d-sm-block" style="text-align: right;">
        <a class="btn btn-primary ms-auto" href="{{route ('viagens.gerencia_viagem')}}"><i class="fas fa-eye"></i> Lista de viagens</a>
        <a class="btn btn-primary ms-auto" href="{{route('viagens.adiciona_viagem')}}"><i class="fas fa-plus"></i> Viagem</a>
    </div>
    @endif
    {{-- <hr style="color: #333; background-color: #333; height: 2px; border: none;"> --}}
    <div class="mb-1"><strong>Histórico de viagens</strong></div>
    <p>Aqui estão listadas todas as viagens que você realizou.</p>
    <div class="mb-5">
        <hr style="color: #333; background-color: #333; height: 2px; border: none;">
    {{-- <form action="{{ route('viagens.antigas') }}" method="GET" class="mt-3 mb-5 d-flex">
        <!-- Campo de pesquisa -->
        <input
            type="text"
            name="search"
            class="form-control me-2"
            placeholder="Pesquise código ou destino"
            value="{{ request('search') }}">
        <!-- Botão para limpar a pesquisa -->
        @if(request('search'))
            <a href="{{ route('viagens.antigas') }}" class="btn btn-danger me-2">Limpar</a>
        @endif
        <button type="submit" class="btn btn-primary">Pesquisar</button>
    </form> --}}
    <form action="{{ route('viagens.antigas') }}" method="GET" class="mt-3 mb-5 d-flex ">
        <!-- Campo de pesquisa -->
        <input type="text" name="search" class="form-control me-2" placeholder="Pesquise código ou destino" value="{{ request('search') }}">
        
        <!-- Filtro por data -->
        <input type="date" name="data_inicio" class="form-control me-2" value="{{ request('data_inicio') }}">
        <input type="date" name="data_fim" class="form-control me-2" value="{{ request('data_fim') }}">
    
        <!-- Botão para limpar a pesquisa -->
        @if(request('search') || request('data_inicio') || request('data_fim'))
            <a href="{{ route('viagens.antigas') }}" class="btn btn-danger me-2">Limpar</a>
        @endif
    
        <button type="submit" class="btn btn-primary">Pesquisar</button>
    </form>
 
        @if (empty($viagens))
            <p>Não há viagens no histórico.</p>
        @else 
            @foreach ($viagens->reverse() as $viagem) 
                {{-- @if($viagem->via_status == 1 | $viagem->via_status == 2) --}}
              
                
                <button type="submit" onclick="location.href='{{ route('viagens.visualiza_viagem', ['via_id' => $viagem->via_id])  }}'" class='col-12 alert alert-light text-left text-primary shadow painel'>
                    <div class="row">

                        <div class="col-sm-6">
                            <strong>Destino: {{ $viagem->via_cidade  }} - {{$viagem->via_empresa}} </strong>
                            
                        </div>
                        <div class="col-sm-6">
                            <strong>Inicio da viagem: {{ Carbon\Carbon::parse($viagem->via_recebimentocartao)->format('d/m/Y')  }} </strong>
                            
                        </div>
                        <div class="col-sm-6">
                            <small>Código de viagem: {{$viagem['via_id']}} </small>
                        </div>
                        @if($viagem->via_devolucaocartao != null)  
                        <div class="col-sm-6">
                            
                            <small>Término da viagem: {{ Carbon\Carbon::parse($viagem->via_devolucaocartao)->format('d/m/Y')  }} </small>
                        </div>
                        @endif
                    </div>
                </button>
                
               
            
               
                {{-- @endif --}}
            @endforeach
            @if ($viagens->count())
            <nav class="mt-3 d-flex justify-content-end" aria-label="Navegação de página">
                <ul class="pagination">
                    {{-- Botão "Anterior" --}}
                    <li class="page-item {{ $currentPage == 1 ? 'disabled' : '' }}">
                        <a class="page-link" href="{{ $viagens->previousPageUrl() }}" aria-label="Anterior">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
        
                    {{-- Números das páginas --}}
                    @foreach(range(1, $totalPages) as $i)
                        <li class="page-item {{ $i == $currentPage ? 'active' : '' }}">
                            <a class="page-link" href="{{ $viagens->url($i) }}">{{ $i }}</a>
                        </li>
                    @endforeach
        
                    {{-- Botão "Próximo" --}}
                    <li class="page-item {{ $currentPage == $totalPages ? 'disabled' : '' }}">
                        <a class="page-link" href="{{ $viagens->nextPageUrl() }}" aria-label="Próximo">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav>
        @endif
        
        @endif
    </div>
</div>
@include('components.footer')