@extends('layouts.app')

@section('content')

    
    <h2>Evidence domů</h2>     
    
        <div id="Sort" style="display:none"> {{ $bySort }} </div> 
        <div id="DirectSort" style="display:none" > {{ $directSort }} </div> 
        
    
    <div id="myFilter" class="row-cols-8">
        <span  class="input-group-addon"><i class="fa fa-search"></i></span>
        <input id="myFilterX"   name="filterX_fast" type="text" size="30" value="{{ $fastFilter }}"  placeholder="rychlý filtr">   
    </div>       
    
    <div id="clear">    
    </div>   
    
    <div class ="row">
        <div class="col-sm-6">
           {{$domy->appends(['fastFilter' =>  "$fastFilter"  ])
                       ->appends(['sort' =>  "$bySort"  ])
                       ->links('vendor.pagination.bootstrap-4')}}
           
        </div>
       
    </div>
    
<!--<a href="{{ url ('DumAjax/getDomy') }}"> GetData </a> -->
        
    <div class="table-responsive">
        <table id="tablesorting" class="table table-hover table-sm table-main">
            <thead>
                <tr>
                    <th id="action"></th>
                    <th id="1">Číslo domu<span id="IconSort1" > </span></th>
                    <th id="2">Ulice<span id="IconSort2" > </span></th>
                    <th id="3">PSČ<span id="IconSort3" > </span></th>
                    <th id="4">Mesto<span id="IconSort4" > </span></th>
                    <th id="5">Firma<span id="IconSort5" > </span></th>
                    <th> Akce </th>
                </tr>
            </thead>    
            
            <tbody id="myTable">
                <div class="">
                    @php ($i = 0)
                    @foreach ($domy as $dum)
                    
                    @php ($i++)
                    <tr id="{{$i}}">
                        <td class="nowrap">    
                            <div class="dropdown">
                                <a class="dropdown-toggle-super more-vert" href="#" type="button" data-toggle="dropdown"> 
                                    <img src="{{ asset('images/menu_vertical.png') }}" alt="menu">
                                </a>    
                                <ul class="dropdown-menu">
                                    <!--Informace-->
                                    <a href="{{ action('DumController@show',$dum->id) }}" class="dropdown-item info" id="{{$dum->id}}"><i class="fa fa-info-circle" aria-hidden="true"></i> Informace</a>
                                </ul>
                            </div>
                        </td>
                    
                        <td id="sl1{{$i}}">{{ $dum->cislo_domu }}</td>
                        <td id="sl2{{$i}}">{{ $dum->ulice}} {{ $dum->cp }} 
                        @if(isset($dum->blok) && !empty($dum->blok) )
                            bl.{{ $dum->blok}}
                        @endif
                        </td>
                        <td id="sl3{{$i}}">{{ $dum->psc }} </td>
                        <td id="sl4{{$i}}">{{ $dum->mesto }} </td>
                        <td id="sl5{{$i}}">{{ $dum->firma }} {{ $dum->nazev }}</td>
                        <td> 
                            <a href="{{ action('DumController@show',$dum->id) }}" class="info" id="{{$dum->id}}"> <i class="fa fa-info-circle" aria-hidden="true"></i></a> 
                        </td>
                    </tr>    
                    @endforeach
                 </div>    
            </tbody>    
                
        </table>    
    </div>


<script src="{{ asset('js/Table.js') }}"></script>


@endsection