@extends('layouts.app')
@section('content')
@include ('components.Combo_FDP')


<div class="container box">
    <div class="row" id="rowDet">
        <h2 id="nadpis"> Vložené dokumenty domu </h2>    
    </div>    

    {{--<a href="#" class="btn btn-outline-blue-custom btn-sm" id="addNewDoc">Nový dokument</a>--}}
    <a href="{{ url('souborUpload/create') . '?id_domu=' . $id_domu }}" class="btn btn-outline-blue-custom btn-sm" role="button">Nový dokument</a>

    
    @if ($message = Session::get('success'))
        <div class="alert alert-success alert-dismissible">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <p> {{$message}} </p>
        </div>
    @endif
    @if (session('error'))
        <div class="alert alert-danger alert-dismissible">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            {{ session('error') }}
        </div>
    @endif
    
    <div id="myFilterX" class="row-cols-8">
            <span class="input-group-addon"><i class="fa fa-search"></i></span>
            <input id="myFilter" name="filter_fast" type="text" size="30" value="{{ $fastFilter }}"  placeholder="rychlý filtr">  
    </div>       

    
    <div id="Sort" style="display:none"> {{ $bySort }} </div> 
    <div id="DirectSort" style="display:none" > {{ $directSort }} </div>    
    
    <div class ="row">
        <div class="col-sm-6">
           {{$soubor->appends(['fastFilter' =>  "$fastFilter"  ])
                       ->appends(['sort' =>  "$bySort"  ])
                       ->links('vendor.pagination.bootstrap-4')}}
           
        </div>
    </div>
    
    
<div class="styleTable">    
        <div class="table-responsive">
            <table id="tablesorting" class="table table-sm">
                <thead>
                    <tr>
                        <th id="1">Název dokumentu <span id="IconSort1" ></span></th>
                        <th id="2">Typ dokumentu <span id="IconSort2" ></span></th>
                        <th id="3">Stav <span id="IconSort3" ></span></th>
                        <th id="5" class="text-center">Odeslat správci <span id="IconSort3" ></span></th>
                        <th id="4">Zapsáno <span id="IconSort4" ></span></th>
                        <th id="4">Zapsal <span id="IconSort4" ></span></th>
                        <th class="text-center">Dokument</th>
                        <th>Akce</th>
                    </tr>
                </thead>
                <tbody>
                @foreach ($soubor as $file)
                    <tr>
                        <td>{{ $file->title }}</td>
                        <td>{{ $file->typeDoc }}</td>
   
                        @php
                            $stavy = [
                            0 => 'Nezveřejněno',
                            1 => 'Veřejný',
                            2 => 'Neveřejný',
                            ];
                        @endphp
                        <td>{{ $stavy[$file->stav_zverejneni] ?? 'Neznámý stav' }}</td>
                        <td class="text-center"><input type="checkbox" disabled {{ $file->sendSpravci ? 'checked' : '' }}></td>
                        <td>{{ \Carbon\Carbon::parse($file->created_at)->format('d.m.Y') }}</td>
                        <td>{{ $file->autor }}</td>
                        
                        
                        <td class="text-center">
                            <a href="{{action('SouborUploadController@OpenFileUload',$file->id)}}" target="_blank"> <img src="{{ asset ('/images/Adobe_PDF.png') }}" height="30" width="30"> </a>                 

                        </td>
                        
                        
                        <td>
                            <!--Info--> 
                            <a href="" class="info" id="{{$file->id}}"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
                            <!--Editace--> 
                            <a href="{{action('SouborUploadController@edit',$file->id)}}" id="edit1{{$file->id}}"><i class="fas fa-pen" aria-hidden="true"></i></a>
                            
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

<!--Modální okno-->
@include ('documentsUpload.detail')

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


<script type="text/javascript">
$(document).ready(function(){
    $('#myFilter').on('focusout', function(e) {
    // Zpoždění kvůli přepnutí focusu
        setTimeout(function () {
        if (!$('#myFilterX').has(document.activeElement).length) {
            // Focus odešel z celé oblasti #myFilterX
            _getFilterX(); 
        }
        }, 10);
    });
        
    function _getFilterX() {
          var param = "?";
          if($("#myFilter").val() != ""){
              param = param+"&fastFilter="+$("#myFilter").val();
          };
          var redirect = location.pathname+param;
          location.replace (redirect); 
    }
});

$('.info').click(function(){
       event.preventDefault();
       var id = $(this).attr("id");
//alert(id);        
        _getInfo(id);
        $("#detailModalUp").modal('show');
       }); 
    
function _getInfo(id) {
    $.get(" {{ route( 'souborUpload.showAjax' ) }}", {id: id} , function(data){
//alert(data);        
        html = data;
        $('#DetailUp').empty();
        $('#DetailUp').append(html);
    });
}

</script>
@endsection