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

read the readme.blade.php in the DataView volder

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



<div class="row p-4" style="position: relative;">

    <div  class="Container Flipped">
    <div class="table-wrapper">
        <table class="table table-bordered p-4 mx-auto justify-content-center" style="width: 100%;">
          
           <thead class="thead-light text-center">
            <tr id="columnHeader">
                @if($fieldNames != null)
                    @foreach($fieldNames as $coluna => $coluna_v)
                        <th class="columnNum_{{$loop->index}} mx-auto justify-content-center" style="text-align: center;" scope="col">
                            {{-- nomes dos campos --}}
                            <form action="{{url($basePath . '/' .  $currentPage)}}" method="post"> @csrf
                                <input type="hidden" name="columnButton" value="{{$coluna}}">
                                <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="searchTerm" value="{{$searchTerm}}">
                                <button type="submit" class="btn"><strong>{{$coluna_v}}</strong></button>
                            </form>
                        </th>
                    @endforeach
                @endif
            </tr>   
            </thead>
            @if($data == null)
            <div name='no-registries' class="lert alert-danger alert-dismissable p-5" style="text-align: center;"><p> Nenhum registro encontrado. </p></div>
            @endif
            @if($fieldNames != null)    
            @foreach($data as $linha => $linha_v)
                <tr id="line_{{$loop->index}} mx-auto justify-content-center" class="DataViewRow"> 
                    @if($fieldNames != null)
                        @foreach($data[$linha] as $coluna => $coluna_v)
                            <td class="fieldNum_{{$loop->index}} mx-auto justify-content-center align-middle"> {{$coluna_v}} </td> {{-- valores dos campos --}}
                        @endforeach
                    @endif
                </tr>
            @endforeach
            @endif
        </table>
    </div>  
    </div>  
</div>

<style>

    .Container {

        overflow-y: auto;
    }

    .Flipped, .Flipped .Content {
        transform:rotateX(180deg);
        -ms-transform:rotateX(180deg); /* IE 9 */
        -webkit-transform:rotateX(180deg); /* Safari and Chrome */
    }

    .table-wrapper{
        transform:rotateX(180deg);
    }

    ::-webkit-scrollbar {
        width: 12px;
    }

    ::-webkit-scrollbar-track {
        background-color: #f1f1f1;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 6px;
    }

    /* Horizontal scrollbar */
    ::-webkit-scrollbar-horizontal {
        height: 12px;
    }

    ::-webkit-scrollbar-track-horizontal {
        background-color: #f1f1f1;
    }

    ::-webkit-scrollbar-thumb-horizontal {
        background-color: #888;
        border-radius: 6px;
    }


</style>