@extends('layouts.app')

@section('content')

    
<h1>Externí firmy</h1>     
    
<div id="Sort" style="display:none"> {{ $bySort }} </div> 
<div id="DirectSort" style="display:none" > {{ $directSort }} </div> 
<div id="FastFilter" style="display:none" > {{ $fastFilter }} </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">
           {{ $firmy_ext->appends(['fastFilter' =>  "$fastFilter"  ])
                       ->appends(['sort' =>  "$bySort"  ])
                       ->links('vendor.pagination.bootstrap-4') }}
        </div>
    </div>
    
    
            
    <div class="table-responsive">
        <table id="tablesorting" class="table table-hover table-main">
            <thead>
                <tr>
                    <th id="action"></th>
                    <th id="1">IČ<span id="IconSort1" > </span></th>
                    <th id="2">Nazev<span id="IconSort2" > </span></th>
                    <th id="3">Ulice<span id="IconSort3" > </span></th>
                    <th id="4">PSČ<span id="IconSort4" > </span></th>
                    <th id="5">Mesto<span id="IconSort5" > </span></th>
                    <th id="6">Telefon<span id="IconSort6" > </span></th>
                    <th id="7">Email<span id="IconSort7" > </span></th>
                    <th id="8">Akce</th>
                </tr>
            </thead>    
            
            <tbody id="myTable">
                <div class="">
                    @php ($i = 0)
                    @foreach ($firmy_ext as $firma_ext)
                    
                    @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('FirmaExtController@show',$firma_ext->id) }}" class="dropdown-item info" id="{{$firma_ext->id}}"><i class="fa fa-info-circle" aria-hidden="true"></i> Informace</a>
                                </ul>
                            </div>
                        </td>
                        <td id="sl1{{$i}}">{{ $firma_ext->ico }}</td>
                        <td id="sl2{{$i}}">{{ $firma_ext->nazev_firmy}} </td>
                        <td id="sl3{{$i}}">{{ $firma_ext->ulice}}  </td>
                        <td id="sl4{{$i}}">{{ $firma_ext->psc }} </td>
                        <td id="sl5{{$i}}">{{ $firma_ext->mesto }} </td>
                        <td id="sl6{{$i}}">{{ $firma_ext->telefon }}</td>
                        <td id="sl7{{$i}}">{{ $firma_ext->email }}</td>
                        <td> <a href="{{ action('FirmaExtController@show',$firma_ext->id) }}" class="info" id="{{$firma_ext->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