@php
    $titulo = 'Meus Reembolsos - SW'
@endphp
@include('components.head') 

<div class="container">
    <p>Abaixo estão listadas todas as suas solicitações de reembolso de viagens que estão pedentes a edição.</p>
    <form action="{{ route('perfil.reembolsos') }}" method="GET" class="d-flex align-items-center mb-3">
        <input type="text" name="search" class="form-control" placeholder="Buscar por colaborador" value="{{ request('search') }}">
        @if(request('search'))
        <a href="{{route('perfil.reembolsos')}}" class="btn btn-danger ml-2">Limpar</a>
        @endif
        <button type="submit" class="btn btn-primary ml-2">Pesquisar</button>
    </form>
    <div class="d-flex justify-content-between align-items-center mb-2">
        <!-- Abas de navegação -->
        <ul class="nav nav-tabs" id="reembolsoTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="todos-tab" data-bs-toggle="tab" data-bs-target="#todos" type="button" role="tab" onclick="window.location.href='{{route('perfil.reembolsos')}}'">
                    Pendentes
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link " id="nao-reembolsados-tab" data-bs-toggle="tab" data-bs-target="#nao-reembolsados" type="button" role="tab" onclick="window.location.href='{{route('perfil.jareembolsados')}}'">
                    Já reembolsados
                </button>
            </li>
             <li class="nav-item" role="presentation">
                <button class="nav-link " id="todos-tab" data-bs-toggle="tab" data-bs-target="#todos" type="button" role="tab" onclick="window.location.href='{{route('perfil.reembolsosnegados')}}'">
                    Reembolsos Negados
                </button>
            </li>
             
        </ul>
    
        <!-- Botões de paginação -->
        <div class="d-flex align-items-center">
            <!-- Campo para selecionar resultados por página -->
             
            <form action="{{ route('perfil.reembolsos') }}" method="GET" class="d-flex align-items-center me-3">
                <label for="resultados_por_pagina" class="me-2 mb-0">Resultados:</label>
                <select class="form-select me-2" id="resultados_por_pagina" name="resultados_por_pagina" style="width: auto;">
 
                    {{-- <option value="1" {{ request('resultados_por_pagina') == 1 ? 'selected' : '' }}>1</option> --}}
                    <option value="12" {{ request('resultados_por_pagina') == 12 ? 'selected' : '' }}>12</option>
                    <option value="24" {{ request('resultados_por_pagina') == 24 ? 'selected' : '' }}>24</option>
                    <option value="52" {{ request('resultados_por_pagina') == 52 ? 'selected' : '' }}>52</option>
                    <option value="100" {{ request('resultados_por_pagina') == 100 ? 'selected' : '' }}>100</option>
                </select>
                <button type="submit" class="btn btn-primary">Atualizar</button>
            </form>
            
            @if ($reembolsos->count())
            <nav aria-label="Navegação de página">
                <ul class="pagination mb-3">
                    {{-- Botão "Anterior" --}}
                    <li class="page-item {{ $reembolsos->onFirstPage() ? 'disabled' : '' }}">
                        <a class="page-link" href="{{ $reembolsos->appends(request()->query())->previousPageUrl() }}" aria-label="Anterior">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    

                    {{-- Números das páginas --}}
                    @for ($i = 1; $i <= $reembolsos->lastPage(); $i++)
                    <li class="page-item {{ $i == $reembolsos->currentPage() ? 'active' : '' }}">
                        <a class="page-link" href="{{ $reembolsos->appends(request()->query())->url($i) }}">{{ $i }}</a>
                    </li>
                    @endfor

                    {{-- Botão "Próximo" --}}
                    <li class="page-item {{ $reembolsos->currentPage() == $reembolsos->lastPage() ? 'disabled' : '' }}">
                        <a class="page-link" href="{{ $reembolsos->appends(request()->query())->nextPageUrl() }}" aria-label="Próximo">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav>
        @endif

            
        </div>
    </div>
    @if (session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
    @endif
    
 

    <div class="row">
        
            @foreach ($reembolsos as $reembolso)
          
            
                <div class="col-3 mb-2">
                    <div class="card card-alert shadow" >
                        <div class="container mb-3">
                            <div class="row mt-3">
                                <div class="col-12">
                                    <small>Comentario do financeiro:</small><br>
                                    <strong>
                                        {{$reembolso->rem_comentario}}                                        
                                    </strong>
                                </div>
                                <div class="col-12 d-flex align-items-center">
                                    <small>Valor: </small><br>
                                    <strong class="ml-1">R$ {{ $reembolso->rem_valor }}</strong>
                                </div>
                                <div class="col-12 d-flex align-items-center">
                                    <small>Status: </small><br>
                                    <strong class="ml-1">
                                        @if ($reembolso->rem_rejeitado)
                                            {{ 'Rejeitado' }}
                                        @else
                                            {{ $reembolso->rem_status == 0 ? 'Não reembolsado' : 'Reembolsado' }}
                                        @endif
                                    </strong>
                                </div>
                                <div class="col-12 text-center">
                                    <button type="button" class="btn btn-small btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#reembolsoModal{{ $reembolso->rem_id }}">Verificar</button>
                                </div>
                                
                                <!-- Modal -->
                                <div class="modal fade " id="reembolsoModal{{ $reembolso->rem_id }}" tabindex="-1" aria-labelledby="modalLabel{{ $reembolso->rem_id }}" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                            @if( $reembolso->des_id != null || $reembolso->des_id != 0 )
                                                <h5 class="modal-title" id="modalLabel{{ $reembolso->rem_id }}">Análise de reembolso</h5>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                            </div>
                                            <div class="modal-body">
                                                {{-- <p>des_id: <strong>{{$reembolso->despesa->des_id}} </strong> </p> --}}
                                                <p>Valor: <strong>R$ {{ $reembolso->despesa->des_valor }} </strong></p>
                                                <p>Tipo: <strong>{{ $reembolso->despesa->des_tipo  }}</strong></p>
                                                <p>CNPJ: <strong>{{ $reembolso->despesa->des_cnpj }}</strong></p>
                                                {{-- {{ $reembolso->despesa_id ? $reembolso->despesa->des_data : 'Despesa não encontrada' }} --}}
                                                
                                                <p>Data do pedido: <strong>{{ \Carbon\Carbon::parse($reembolso->despesa->des_data)->format('d/m/Y') }}</strong></p>
                                                <p>Data do reembolso: <strong>{{ \Carbon\Carbon::parse($reembolso->rem_horareembolso)->format('d/m/Y') }}</strong></p>
                                                {{-- {{ \Carbon\Carbon::parse($suaData)->format('d/m/Y')}} --}}
                                                <p class="{{$reembolso->rem_justificativa == 1 ? 'alert alert-danger' : ''}}">Justificativa: <strong>{{ $reembolso->despesa->des_justificativa  }}</strong></p>
                                                <p class="{{$reembolso->rem_arquivo == 1 ? 'alert alert-danger' : ''}}">Cupom fiscal: 
                                                    <a href="{{ asset('storage/' . $reembolso->despesa->des_imagem ?? 'images/sample_image.jpg') }}" target="_blank">Visualizar</a>
                                                </p>
                                                <p class="{{$reembolso->rem_aprovado_por == 1 ? 'alert alert-danger' : ''}}">Aprovado por: <strong>{{ $reembolso->despesa->des_autorizado_por }}</strong></p>
                                                <p>Comentário do financeiro: <strong>{{$reembolso->rem_comentario }}</strong></p>
                                            </div>
                                            @if ($reembolso->rem_rejeitado == 1)
                                            <div class="modal-footer">     
                                                    <form 
                                                        action="{{ route('perfil.reembolso.corrigir', $reembolso->rem_id) }}" method="GET"
                                                        >
                                                        @csrf
                                                        <button type="submit" class="btn btn-primary ">Corrigir</button>
                                                    </form>
                                                </div>
                                                
                                            @endif
                                                @else
                                                <h5 class="modal-title" id="modalLabel{{ $reembolso->rem_id }}">Análise de reembolso</h5>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                            </div>
                                        <div class="modal-body">
                                            {{-- <p>via_des_id: <strong>{{$reembolso->viaDespesa->via_des_id}} </strong></p> --}}
                                            <p>Destino: <strong> {{ $reembolso->viaDespesa->viagem->via_cidade }} </strong></p>
                                            <p>Valor: <strong>R$ {{ $reembolso->viaDespesa->via_valor }} </strong></p>
                                            <p>Tipo: <strong>{{ $reembolso->viaDespesa->via_tipo  }}</strong></p>
                                            <p>CNPJ: <strong>{{ $reembolso->viaDespesa->via_cnpj }}</strong></p>
                                            {{-- {{ $reembolso->despesa_id ? $reembolso->despesa->des_data : 'Despesa não encontrada' }} --}}

                                            <p>Data do pedido: <strong>{{ \Carbon\Carbon::parse($reembolso->viaDespesa->via_data)->format('d/m/Y') }}</strong></p>
                                            {{-- {{ \Carbon\Carbon::parse($suaData)->format('d/m/Y')}} --}}
                                            @if($reembolso->rem_status == 1)
                                            <p>Data do reembolso: <strong>{{ \Carbon\Carbon::parse($reembolso->rem_horareembolso)->format('d/m/Y') }}</strong></p>
                                            @endif

                                            <p class="{{$reembolso->rem_justificativa == 1 ? 'alert alert-danger' : ''}}">Justificativa: <strong>{{ $reembolso->viaDespesa->via_justificativa  }}</strong></p>
                                            <p class="{{$reembolso->rem_arquivo == 1 ? 'alert alert-danger' : ''}}">Cupom fiscal: 
                                                <a href="{{ asset('storage/' .$reembolso->viaDespesa->via_imagem ?? 'images/sample_image.jpg') }}" target="_blank">Visualizar</a>
                                            </p>
                                            <p class="{{$reembolso->rem_aprovado_por == 1 ? 'alert alert-danger' : ''}}">Aprovado por: <strong>{{ $reembolso->viaDespesa->via_autorizado_por }}</strong></p>
                                            <p>Comentário do financeiro: <strong>{{$reembolso->rem_comentario}}</strong> </p>
                                        </div>
                                        @if ($reembolso->rem_rejeitado == 1)
                                            <div class="modal-footer">     
                                                    <form 
                                                        action="{{ route('perfil.reembolso.corrigir', $reembolso->rem_id) }}" method="GET"
                                                        >
                                                        @csrf
                                                        <button type="submit" class="btn btn-primary ">Corrigir</button>
                                                    </form>
                                                </div>
                                                
                                            @endif
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            
            @endforeach
        {{-- @endif --}}
    </div>
</div>

@include('components.footer')