{{--
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

read the readme.blade.php in the DataView folder

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
--}}

<div class="row mx-auto d-flex justify-content-center">
    
    @if (Auth::user()->tipo == 'state' || Auth::user()->tipo == 'technician' || Auth::user()->tipo == 'city')





        <div class="col-md-4 mx-auto d-flex justify-content-center">
            <div id="excel">
                <form action="{{url('excel/' . $table)}}" method="post" class="form-inline"> @csrf
                    <button type="submit" class="page-link form-control btn btn-primary">Relatório Excel &nbsp <i class="bi bi-table"></i></button>
                    <input type="hidden" class="form-control" name="pageMenu"    value="true">
                    <input type="hidden" class="form-control" name="buttonName"  value="excel">
                    <input type="text"   class="form-control" name="toPage" pattern="[0-9]+" title="Apenas caracteres números são permitidos">
                    <input type="hidden" class="form-control" name="searchTerm"  value="{{$searchTerm}}">
                    <input type="hidden" class="form-control" name="table"       value="{{$table}}">
                    <input type="hidden" class="form-control" name="orderField"  value="{{$orderField}}">
                    <input type="hidden" class="form-control" name="direction"   value="{{$direction}}">
                    <input type="hidden" class="form-control" name="basePath"    value="{{$basePath}}">
                    <input type="hidden" class="form-control" name="currentPage" value="{{$currentPage}}">
                    <input type="hidden" class="form-control" name="lastPage"    value="{{$lastPage}}">
                </form>
            </div>
        </div>
    @endif


    <div class="col-md-4 mx-auto d-flex justify-content-center">
        <div id="goToPage">
            <form action="{{route('pageMenu')}}" method="post" class="form-inline"> @csrf
                <button type="submit" class="page-link form-control bnt btn-primary">Ir para Página &nbsp <i class="bi bi-arrow-bar-right"></i></button>
                <input type="hidden" class="form-control" name="pageMenu"    value="true">
                <input type="hidden" class="form-control" name="buttonName"  value="goToPage">
                <input type="text"   class="form-control" name="toPage"  pattern="[0-9]+" title="Apenas caracteres, números são permitidos">
                <input type="hidden" class="form-control" name="searchTerm"  value="{{$searchTerm}}"> 
                <input type="hidden" class="form-control" name="table"       value="{{$table}}">
                <input type="hidden" class="form-control" name="orderField"  value="{{$orderField}}">
                <input type="hidden" class="form-control" name="direction"   value="{{$direction}}">
                <input type="hidden" class="form-control" name="basePath"    value="{{$basePath}}">
                <input type="hidden" class="form-control" name="currentPage" value="{{$currentPage}}">
                <input type="hidden" class="form-control" name="lastPage"    value="{{$lastPage}}">
                <input type="hidden" class="form-control" name="searchedColumn" value="{{ $searchedColumn }}">
                
            </form>
        </div>
        
    </div>

    <div class="col-md-4 mx-auto d-flex justify-content-center">
        <div id="search" class="d-flex flex-column align-items-center">
            <form action="{{url($basePath . '/' .  $currentPage)}}" method="post" class="form-inline">
                @csrf
                
                <div class="row">
                    <div class="col-md-3">
                        <button type="submit" class="page-link form-control btn btn-primary">Buscar &nbsp; <i class="bi bi-search"></i></button>
                    </div>
                
                    <div class="col-md-6">
                        <div class="row"> 
                            <div class="col-md-12 form-group">
                                <input type="text" class="form-control" name="searchTerm" value="{{$searchTerm}}" style="width: 230px;" pattern="[a-zA-Z0-9áéíóúãõâêîôûàèìòùäëïöüçÁÉÍÓÚÃÕÂÊÎÔÛÀÈÌÒÙÄËÏÖÜÇ. ]+" title="Apenas caracteres alfanuméricos e ponto são permitidos">
                            </div>
                
                            <div class="col-md-12 form-group">
                                <select class="custom-select form-control ml-1" name="searchedColumn" id="searchedColumn" style="width: 230px;">
                                    <option value="" disabled hidden>Escolha o campo <i class="bi bi-chevron-down"></i></option>
                                    <option value="">Todos os campos</option>
                                    @foreach($searchColumns as $coluna => $coluna_v)
                                        @php 
                                            $selected = "";
                                            if ($searchedColumn == $coluna){
                                                $selected = "selected";
                                            }
                                        @endphp                                         
                                        <option value="{{$coluna}}" {{$selected}}>{{$coluna_v}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-md-6">
                    </div>
                </div>
                
                

                <input type="hidden" class="form-control" name="table"       value="{{$table}}">
                <input type="hidden" class="form-control" name="orderField"  value="{{$orderField}}">
                <input type="hidden" class="form-control" name="direction"   value="{{$direction}}">
                <input type="hidden" class="form-control" name="basePath"    value="{{$basePath}}">
                <input type="hidden" class="form-control" name="currentPage" value="{{$currentPage}}">
                <input type="hidden" class="form-control" name="lastPage"    value="{{$lastPage}}">
            </form>
        </div>  
    </div>

</div>


<div class="row m-5">
    <div class="col-md-12 m-1 d-flex justify-content-center">
        <nav aria-label="Page navigation">
            <ul class="pagination pagination-md">
                <li class="page-item">
                    <div id="firstPage">
                        <form action="{{route('pageMenu')}}" method="post"> @csrf
                            <input type="hidden" name="pageMenu"    value="true">
                            <input type="hidden" name="buttonName"  value="firstPage">
                            <input type="hidden" name="searchTerm"  value="{{$searchTerm}}">
                            <input type="hidden" name="table"       value="{{$table}}">
                            <input type="hidden" name="orderField"  value="{{$orderField}}">
                            <input type="hidden" name="direction"   value="{{$direction}}">
                            <input type="hidden" name="basePath"    value="{{$basePath}}">
                            <input type="hidden" name="currentPage" value="{{$currentPage}}">
                            <input type="hidden" name="lastPage"    value="{{$lastPage}}">
                            <input type="hidden" name="searchedColumn" value="{{ $searchedColumn }}">
                            <button type="submit" class="page-link text-primary">Primeira</button>
                        </form>
                    </div>
                </li>
                <li class="page-item">
                    <div id="previousPage">
                        <form action="{{route('pageMenu')}}" method="post"> @csrf
                            <input type="hidden" name="pageMenu"    value="true">
                            <input type="hidden" name="buttonName"  value="previousPage">
                            <input type="hidden" name="searchTerm"  value="{{$searchTerm}}">
                            <input type="hidden" name="table"       value="{{$table}}">
                            <input type="hidden" name="orderField"  value="{{$orderField}}">
                            <input type="hidden" name="direction"   value="{{$direction}}">
                            <input type="hidden" name="basePath"    value="{{$basePath}}">
                            <input type="hidden" name="currentPage" value="{{$currentPage}}">
                            <input type="hidden" name="lastPage"    value="{{$lastPage}}">
                            <input type="hidden" name="searchedColumn" value="{{ $searchedColumn }}">
                            <button type="submit" class="page-link  text-primary">Anterior</button>
                        </form>
                    </div>
    
                </li>
                <li class="page-item">
                    
                    <div id="nextPage">
                        <form action="{{route('pageMenu')}}" method="post"> @csrf
                            <input type="hidden" name="pageMenu"    value="true">
                            <input type="hidden" name="buttonName"  value="nextPage">
                            <input type="hidden" name="searchTerm"  value="{{$searchTerm}}">
                            <input type="hidden" name="table"       value="{{$table}}">
                            <input type="hidden" name="orderField"  value="{{$orderField}}">
                            <input type="hidden" name="direction"   value="{{$direction}}">
                            <input type="hidden" name="basePath"    value="{{$basePath}}">
                            <input type="hidden" name="currentPage" value="{{$currentPage}}">
                            <input type="hidden" name="lastPage"    value="{{$lastPage}}">
                            <input type="hidden" name="searchedColumn" value="{{ $searchedColumn }}">
                            <button type="submit" class="page-link text-primary">Próxima</button>
                        </form>
                    </div>
                </li>
                
                <li class="page-item">
                    <div id="lastPage">
                        <form action="{{route('pageMenu')}}" method="post"> @csrf
                            <input type="hidden" name="pageMenu"    value="true">
                            <input type="hidden" name="buttonName"  value="lastPage">
                            <input type="hidden" name="searchTerm"  value="{{$searchTerm}}">
                            <input type="hidden" name="table"       value="{{$table}}">
                            <input type="hidden" name="orderField"  value="{{$orderField}}">
                            <input type="hidden" name="direction"   value="{{$direction}}">
                            <input type="hidden" name="basePath"    value="{{$basePath}}">
                            <input type="hidden" name="currentPage" value="{{$currentPage}}">
                            <input type="hidden" name="lastPage"    value="{{$lastPage}}">
                            <input type="hidden" name="searchedColumn" value="{{ $searchedColumn }}">
                            <button type="submit" class="page-link text-primary">Última</button>
                        </form>
                    </div>
    
                </li>

            </ul>
        <div class="col-md-12 m-1 d-flex justify-content-center">
            <p> Página {{$currentPage}} de {{$lastPage}} </p>
        </div> 
        </nav>

    </div>


    

</div>


<!--h5> Test Panel </h5>
    <div id="Page Menu">
        <div id="firstPage">
            <form action="{{route('pageMenu')}}" method="post"> @csrf
                <input type="hidden" name="pageMenu"    value="true">
                <input type="hidden" name="buttonName"  value="firstPage">
                <input type="hidden" name="searchTerm"  value="{{$searchTerm}}">
                <input type="hidden" name="table"       value="{{$table}}">
                <input type="hidden" name="orderField"  value="{{$orderField}}">
                <input type="hidden" name="direction"   value="{{$direction}}">
                <input type="hidden" name="basePath"    value="{{$basePath}}">
                <input type="hidden" name="currentPage" value="{{$currentPage}}">
                <input type="hidden" name="lastPage"    value="{{$lastPage}}">
                <button type="submit" class="btn btn-danger">first</button>
            </form>
        </div>
        <div id="previousPage">
            <form action="{{route('pageMenu')}}" method="post"> @csrf
                <input type="hidden" name="pageMenu"    value="true">
                <input type="hidden" name="buttonName"  value="previousPage">
                <input type="hidden" name="searchTerm"  value="{{$searchTerm}}">
                <input type="hidden" name="table"       value="{{$table}}">
                <input type="hidden" name="orderField"  value="{{$orderField}}">
                <input type="hidden" name="direction"   value="{{$direction}}">
                <input type="hidden" name="basePath"    value="{{$basePath}}">
                <input type="hidden" name="currentPage" value="{{$currentPage}}">
                <input type="hidden" name="lastPage"    value="{{$lastPage}}">
                <button type="submit" class="btn btn-danger">previous</button>
            </form>
        </div>
        <div id="nextPage">
            <form action="{{route('pageMenu')}}" method="post"> @csrf
                <input type="hidden" name="pageMenu"    value="true">
                <input type="hidden" name="buttonName"  value="nextPage">
                <input type="hidden" name="searchTerm"  value="{{$searchTerm}}">
                <input type="hidden" name="table"       value="{{$table}}">
                <input type="hidden" name="orderField"  value="{{$orderField}}">
                <input type="hidden" name="direction"   value="{{$direction}}">
                <input type="hidden" name="basePath"    value="{{$basePath}}">
                <input type="hidden" name="currentPage" value="{{$currentPage}}">
                <input type="hidden" name="lastPage"    value="{{$lastPage}}">
                <button type="submit" class="btn btn-danger">next</button>
            </form>
        </div>
        <div id="lastPage">
            <form action="{{route('pageMenu')}}" method="post"> @csrf
                <input type="hidden" name="pageMenu"    value="true">
                <input type="hidden" name="buttonName"  value="lastPage">
                <input type="hidden" name="searchTerm"  value="{{$searchTerm}}">
                <input type="hidden" name="table"       value="{{$table}}">
                <input type="hidden" name="orderField"  value="{{$orderField}}">
                <input type="hidden" name="direction"   value="{{$direction}}">
                <input type="hidden" name="basePath"    value="{{$basePath}}">
                <input type="hidden" name="currentPage" value="{{$currentPage}}">
                <input type="hidden" name="lastPage"    value="{{$lastPage}}">
                <button type="submit" class="btn btn-danger">last</button>
            </form>
        </div>
        <div id="goToPage">
            <form action="{{route('pageMenu')}}" method="post"> @csrf
                <input type="hidden" name="pageMenu"    value="true">
                <input type="hidden" name="buttonName"  value="goToPage">
                <input type="text"   name="toPage">
                <input type="hidden" name="searchTerm"  value="{{$searchTerm}}">
                <input type="hidden" name="table"       value="{{$table}}">
                <input type="hidden" name="orderField"  value="{{$orderField}}">
                <input type="hidden" name="direction"   value="{{$direction}}">
                <input type="hidden" name="basePath"    value="{{$basePath}}">
                <input type="hidden" name="currentPage" value="{{$currentPage}}">
                <input type="hidden" name="lastPage"    value="{{$lastPage}}">
                <button type="submit" class="btn btn-danger">Ir para Página</button>
            </form>
        </div>

    </div>
    <div id="search">
        <form action="{{url($basePath . '/' .  $currentPage)}}" method="post"> @csrf
            <input type="hidden" name="pageMenu"    value="true">
            <input type="hidden" name="buttonName"  value="searchButton">
            <input type="text"   name="searchTerm"  value="{{$searchTerm}}">
            <input type="hidden" name="table"       value="{{$table}}">
            <input type="hidden" name="orderField"  value="{{$orderField}}">
            <input type="hidden" name="direction"   value="{{$direction}}">
            <input type="hidden" name="basePath"    value="{{$basePath}}">
            <input type="hidden" name="currentPage" value="{{$currentPage}}">
            <input type="hidden" name="lastPage"    value="{{$lastPage}}">
            <button type="submit" class="btn btn-danger">Buscar</button>
        </form>
    </div>   
<hr-->