@extends('layouts.app')

@section('content')
@include ('components.Combo_FDP')


<div class="container box">
    <i id="help" class="fas fa-question-circle active" data-toggle="popover-click" data-content="@include ('help.bankVypis_help')" data-original-title="Bankovní výpis" title=""></i> 
    <div class="row" id="rowDet">
        <h2 id="nadpis">Bankovní výpisy firmy 
            @if(isset ($firma->nazev))
            <div><h4>{{ $firma->nazev }}</h4></div>
            @endif    
        </h2>    
    </div>    

    <div class="styleTable">    
        <div class="table-responsive">
        
            <table id="tablesorting" class="table table-condensed">
                <thead>
                    <tr>
                        <th id="sl1">Ze dne<span id="IconSort1" > </span> </th>
                        <th id="sl2">Úč.období<span id="IconSort2" ></span></th>
                        <th id="sl3">Účet<span id="IconSort3" ></span></th>
                        <th id="sl4">Zůstatek<span id="IconSort4" ></span></th>
                        <th id="sl5">Č.výpisu<span id="IconSort5" ></span></th>
                        @if($omezZobr != "N")
                            <th></th>
                        @endif    
                    </tr>
                </thead>
                <tbody>
                @php ($i = 0)    
                @foreach ($banka as $bankaDen)
                    @php ($i++)
                    <tr id="{{$i}}">
                        <td>{{ date('d.m.Y',strtotime($bankaDen->datum)) }}   </td>
                        <td>{{ $bankaDen->obdobi }} </td>
                        <td>{{ $bankaDen->ucet }}</td>
                        <td class="number">{{ number_format($bankaDen->zustatek,2,"."," ") }}</td>
                        <td class="number">{{ $bankaDen->poradove_cislo }}</td>
                        @if($omezZobr != "N")
                            <td>
                                @if( $bankaDen->detail == 1 )
                                    <a href="#" class="info" id="{{$bankaDen->id}}">Detail</a> 
                                @endif    
                            </td>
                        @endif    
                    </tr> 
                    @if($omezZobr != "N")
                        <tr>
                            <td  id="Ext{{$bankaDen->id}}" colspan = "6" style="display:none">
                                <div id="detail{{$bankaDen->id}}">       </div> 
                            </td> 
                        </tr>
                    @endif    
                    
                @endforeach 
                </tbody>
            </table>
        </div>
    </div>
</div>

<!--
<script type="text/javascript" src="{{ asset('js/TableSorting.js') }}"> </script>
-->

<script type="text/javascript">
$(document).ready(function(){
   // zobrazení detailu požadavku    
   $('.info').click(function(){
       event.preventDefault();
       var id = $(this).attr("id");
       if($("#Ext"+id).attr("style")=='display:none'){
           _getPolozky(id);
           $("#Ext"+id).attr("style", "display:");
       }else{
           $("#Ext"+id).attr("style", "display:none");
           $('#detail'+id).empty();
       }
    });    

    function _getPolozky(id) {
    var html = null;
    $.get(" {{ route('ajaxdata.getBankaPolozky') }}", {id: id} ,
        function(data){
          var html = data;
          $('#detail'+id).empty();
          $('#detail'+id).append(html)
        });
    }
});    
</script>



 @endsection