@php
    $titulo = "Meus Atestados";
@endphp

@include('components.head')
    <div class="container">
        <h4>Listagem de atestados</h4>
        <form action="{{route('perfil.atestados')}}" method="GET" class="mb-3">

            <div class="form-group">
                <div class="row">
                <div class="col-md-5">
                        <label for="">Pesquisar médico</label>
                        <input type="text" name="search" class="form-control" id="search" value="{{ request('search') }}">
                </div>
                <div class="col-md-5">
                        <label for="">Pesquisar data de emissão</label>
                        <input type="date" name="search2" class="form-control" id="search2" value="{{ request('search2') }}">
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary me-2">Pesquisar</button>
                    @if(request()->hasAny(['search']))
                        <a href="{{ route('perfil.atestados') }}" class="btn btn-danger ">Limpar</a>
                    @endif
                </div>
                    
                </div>
            </div>
             
                
                     
                    {{-- <input type="text" name="search2" class="form-control" id="search2"> --}}
            
        </form>
        <div class="d-flex align-items-center">
            <form action="{{ route('perfil.atestados') }}" method="GET" class="d-flex align-items-center me-3">
            <!-- Campo para selecionar resultados por página -->
                {{-- <input type="text" id="filtroCards" class="form-control d-flex align-items-center me-3" onkeyup="aplicaFiltroCards()" placeholder="Filtro de status..."> --}}
                <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;" onchange="this.form.submit()">
                    {{-- <option value="1" {{ request('resultados_por_pagina') == 1 ? 'selected' : '' }}>1</option> --}}
                    {{-- <option value="6" {{ request('resultados_por_pagina') == 6 ? 'selected' : '' }}>6</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>
                <script>
                document.getElementById('resultados_por_pagina').addEventListener('change', function () {
                    // Remover o parâmetro "page" do formulário antes de enviar
                    const form = this.form;
                    const pageInput = form.querySelector('input[name="page"]');
                    if (pageInput) {
                        pageInput.remove(); // remove o input da página
                    }
                    form.submit();
                });
                </script>

                {{-- Mantém os parâmetros existentes ao alterar o número de resultados --}}
                @foreach(request()->except('resultados_por_pagina') as $key => $value)
                    <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                @endforeach
                <button type="submit" class="btn btn-primary">Atualizar</button>
            </form>
            
            @if ($atestados->count())
                <nav aria-label="Navegação de página">
                    <ul class="pagination mb-3">
                        {{-- Botão "Anterior" --}}
                        <li class="page-item {{ $atestados->onFirstPage() ? 'disabled' : '' }}">
                            <a class="page-link" href="{{ $atestados->appends(request()->query())->previousPageUrl() }}" aria-label="Anterior">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        
                        {{-- Números das páginas --}}
                        @for ($i = 1; $i <= $atestados->lastPage(); $i++)
                        <li class="page-item {{ $i == $atestados->currentPage() ? 'active' : '' }}">
                            <a class="page-link" href="{{ $atestados->appends(request()->query())->url($i) }}">{{ $i }}</a>
                        </li>
                        @endfor

                        {{-- Botão "Próximo" --}}
                        <li class="page-item {{ $atestados->currentPage() == $atestados->lastPage() ? 'disabled' : '' }}">
                            <a class="page-link" href="{{ $atestados->appends(request()->query())->nextPageUrl() }}" aria-label="Próximo">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            @endif
 
        </div>
        <div class="card">
        <div class="table-responsive">
        <table class="table shadow">
              
           
            <thead>
                        <th scope="col" class="text-center"> Colaborador </th>
                        <th scope="col" class="text-center"> Emissão</th>
                        <th scope="col" class="text-center"> Qntd dias </th>
                        <th scope="col" class="text-center"> Médico</th>
                        <th scope="col" class="text-center"> CRM / UF </th>
                        <th scope="col" class="text-center"> Ações</th>
                         
                    </thead>
            @foreach ($atestados as $atestado )
                <tr>
                    <td class="text-center">{{ $atestado->colaborador->pessoa->pes_nome }}</td>
                    <td class="text-center">  {{\Carbon\Carbon::parse($atestado->ate_data_emissao)->format('d/m/Y')}} </td>
                    <td class="text-center"> {{$atestado->ate_dias_afastado}} </td>
                    <td class="text-center"> {{$atestado->ate_medico}}</td>
                    <td class="text-center"> {{$atestado->ate_crm}} / {{$atestado->ate_uf}} </td>
                    <td class="text-center">  @if ($atestado->ate_caminho)
                        <a href="{{asset('storage/' . $atestado->ate_caminho )}}" download="{{$atestado->ate_nome}}" class="btn btn-primary">Baixar Atestado</a>
                        <!-- Botão para abrir modal -->
                        <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#visualizarModal{{$atestado->ate_id}}">
                            Visualizar
                        </button>
                        
                        <!-- Modal -->
                        <div class="modal fade" id="visualizarModal{{$atestado->ate_id}}" tabindex="-1" role="dialog" aria-labelledby="visualizarModalLabel{{$atestado->ate_id}}" aria-hidden="true">
                            <div class="modal-dialog modal-lg" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="visualizarModalLabel{{$atestado->ate_id}}">Atestado de:  {{$atestado->colaborador->pessoa->pes_nome_completo}} </h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-4 text-start">
                                            <strong>Data de Emissão:</strong> {{\Carbon\Carbon::parse($atestado->ate_data_emissao)->format('d/m/Y')}}
                                        </div>
                                        <div class="col-md-4 text-start">
                                            <strong>Data de Retorno:</strong> {{\Carbon\Carbon::parse($atestado->ate_data_retorno)->format('d/m/Y')}}
                                        </div>
                                        <div class="col-md-4 text-start">
                                            <strong>CID:</strong> {{$atestado->ate_cid}}
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4 text-start">
                                            <strong>Dias Afastado:</strong> {{$atestado->ate_dias_afastado}}
                                        </div>
                                        <div class="col-md-4 text-start">
                                            <strong>Médico:</strong> {{$atestado->ate_medico}}
                                        </div>
                                        <div class="col-md-4 text-start">
                                            <strong>CRM:</strong> {{$atestado->ate_crm}}
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 text-start">
                                            <strong>Motivo:</strong> {{$atestado->ate_motivo}}
                                        </div>
                                    </div>
                                    <hr style="border: 0capsule; height: 2px;  ">
                                 
                                    </div>
                                    
                                    <div class="modal-body text-center" id="modalBody{{$atestado->ate_id}}">
                                    <p>Carregando visualização...</p>
                                     </div>
                                   
                                     
                                </div>
                            </div>
                        </div>
                        <script>
                            document.addEventListener('DOMContentLoaded', function () {
                                $('#visualizarModal{{$atestado->ate_id}}').on('show.bs.modal', function () {
                                    var ext = "{{ strtolower(pathinfo($atestado->ate_caminho, PATHINFO_EXTENSION)) }}";
                                    var url = "{{ asset('storage/' . $atestado->ate_caminho) }}";
                                    var html = '';
                                    if (['jpg','jpeg','png','gif','bmp','webp'].includes(ext)) {
                                        html = `<img src="${url}" alt="Atestado" class="img-fluid" style="max-height: 600px;">`;
                                    } else if (['pdf'].includes(ext)) {
                                        html = `<embed src="${url}" type="application/pdf" width="100%" height="600px" />`;
                                    } else {
                                        html = `<p>Não é possível visualizar este tipo de arquivo. Faça o download para abrir.</p>`;
                                    }
                                    html += `<a href="${url}" download="{{$atestado->ate_nome}}" class="btn btn-primary mt-3">Baixar Atestado</a>`;
                                    document.getElementById('modalBody{{$atestado->ate_id}}').innerHTML = html;
                                });
                                $('#visualizarModal{{$atestado->ate_id}}').on('hidden.bs.modal', function () {
                                    document.getElementById('modalBody{{$atestado->ate_id}}').innerHTML = '<p>Carregando visualização...</p>';
                                });
                            });
                        </script>
                    @endif </td>
                </tr>
            @endforeach
            @if ($atestados->count() == 0)
                <tr>
                    <td colspan="6" class="text-center">Nenhum atestado encontrado.</td>
                </tr>
            
            @endif
            </table>
        </div>
        </div>

        {{-- @foreach ($atestados as $atestado)
            <div class="card shadow mb-5">
                <h5 class="pt-3 pl-3">Colaborador: {{$atestado->colaborador?->pessoa?->pes_nome_completo}}</h5>
                <h6 class="pl-3">Descrição do atestado</h6>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <strong>Data de Emissão:</strong> {{\Carbon\Carbon::parse($atestado->ate_data_emissao)->format('d/m/Y')}}
                        </div>
                        <div class="col-md-4">
                            <strong>Data de Retorno:</strong> {{\Carbon\Carbon::parse($atestado->ate_data_retorno)->format('d/m/Y')}}
                        </div>
                        <div class="col-md-4">
                            <strong>CID:</strong> {{$atestado->ate_cid}}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <strong>Dias Afastado:</strong> {{$atestado->ate_dias_afastado}}
                        </div>
                        <div class="col-md-4">
                            <strong>Médico:</strong> {{$atestado->ate_medico}}
                        </div>
                        <div class="col-md-4">
                            <strong>CRM:</strong> {{$atestado->ate_crm}}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <strong>Motivo:</strong> {{$atestado->ate_motivo}}
                        </div>
                    </div>
                    <hr style="border: 0capsule; height: 2px;  ">
                    @if ($atestado->ate_caminho)
                        <a href="{{asset('storage/' . $atestado->ate_caminho )}}" download="{{$atestado->ate_nome}}" class="btn btn-primary">Baixar Atestado</a>
                        <!-- Botão para abrir modal -->
                        <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#visualizarModal{{$atestado->ate_id}}">
                            Visualizar
                        </button>
                        
                        <!-- Modal -->
                        <div class="modal fade" id="visualizarModal{{$atestado->ate_id}}" tabindex="-1" role="dialog" aria-labelledby="visualizarModalLabel{{$atestado->ate_id}}" aria-hidden="true">
                            <div class="modal-dialog modal-lg" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="visualizarModalLabel{{$atestado->ate_id}}">Visualizar Atestado</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body text-center" id="modalBody{{$atestado->ate_id}}">
                                        <p>Carregando visualização...</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <script>
                            document.addEventListener('DOMContentLoaded', function () {
                                $('#visualizarModal{{$atestado->ate_id}}').on('show.bs.modal', function () {
                                    var ext = "{{ strtolower(pathinfo($atestado->ate_caminho, PATHINFO_EXTENSION)) }}";
                                    var url = "{{ asset('storage/' . $atestado->ate_caminho) }}";
                                    var html = '';
                                    if (['jpg','jpeg','png','gif','bmp','webp'].includes(ext)) {
                                        html = `<img src="${url}" alt="Atestado" class="img-fluid" style="max-height: 600px;">`;
                                    } else if (['pdf'].includes(ext)) {
                                        html = `<embed src="${url}" type="application/pdf" width="100%" height="600px" />`;
                                    } else {
                                        html = `<p>Não é possível visualizar este tipo de arquivo. Faça o download para abrir.</p>`;
                                    }
                                    html += `<a href="${url}" download="{{$atestado->ate_nome}}" class="btn btn-primary mt-3">Baixar Atestado</a>`;
                                    document.getElementById('modalBody{{$atestado->ate_id}}').innerHTML = html;
                                });
                                $('#visualizarModal{{$atestado->ate_id}}').on('hidden.bs.modal', function () {
                                    document.getElementById('modalBody{{$atestado->ate_id}}').innerHTML = '<p>Carregando visualização...</p>';
                                });
                            });
                        </script>
                    @endif
                </div>
            </div>
        @endforeach --}}
    </div>
@include('components.footer')