@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.revize_help')" data-original-title="Revize domu" title=""></i> 
    <div class="row" id="rowDet">
        <h2 id="nadpis">Revize domu {{ $dum->popis }} </h2>    
    </div>    

    <div class="styleTable">    
        <div class="table-responsive">
        
            <table id="tablesorting" class="table table-sm">
                <thead>
                    <tr>
                        <th id="sl1">Typ revize<span id="IconSort1" > </span> </th>
                        <th id="sl2">Č.pop.<span id="IconSort2" ></span></th>
                        <th id="sl3">Poslední provedení<span id="IconSort3" ></span></th>
                        <th id="sl4">Perioda rok/měs<span id="IconSort4" ></span></th>
                        <th id="sl5">Platí do<span id="IconSort5" ></span></th>
                        @if($zobrazujZavady == "A")
                            <th></th>
                        @endif    
                    </tr>
                </thead>
                <tbody>
                @php ($i = 0)    
                @foreach ($revize as $rev)
                    @php ($i++)
                    <tr id="{{$i}}">
                        <td>{{ $rev->popis }} </td>
                        <td>{{ $rev->cp==0 ? "" : $rev->cp }} </td>
                        <td class="datum">{{ date('d.m.Y',strtotime($rev->provedeno)) }}  </td>
                        <td>
                            {{ $rev->perioda_roky }} 
                            @if( !empty($rev->perioda_mesice) )
                                /
                                {{ $rev->perioda_mesice }} 
                            @endif
                        </td>
                        <td class="datum">{{ date('d.m.Y',strtotime($rev->plati_do)) }}  </td>
                        @if($zobrazujZavady == "A")
                            <td>
                                @if( $rev->Vada == 1 )
                                    <a href="#" class="text-red" id="{{$rev->id}}">Závady</a> 
                                @else
                                    Bez závad
                                @endif
                            </td>
                        @endif    
                    </tr> 
                    @if(isset($rev->files))
                        @if($rev->files)
                        <tr>
                            <td></td> 
                            <td colspan="5"> 
                            <div>
                                @foreach ($rev->files as $file )
                                    <i class="fas fa-file-pdf text-blue"></i> 
                                    <a class="text-blue" href="{{ action('SouborController@openFile',$file['id'] ) }}" target="_blank">{{ $file['title'] }}</a>
                                @endforeach
                            </div>
                            </td>     
                        </tr> 
                        @endif
                    @endif
                    <!-- Provedeno přes modální okno kvůli třídění
                    <tr>
                        <td  id="XXXExt{{$rev->id}}" colspan = "6" style="display:none">
                            <div id="detail{{$rev->id}}">       </div> 
                        </td>    
                    </tr>
                    -->
                    
                @endforeach 
                </tbody>
            </table>
        </div>
    </div>
</div>

<!-- Modal pro zobrazení závad -->
<div class="container">
  <div class="modal fade" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-xl" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle"></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <div id="DetailRev"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-red-custom" data-dismiss="modal">Zpět</button>
      </div>
    </div>
  </div>
 </div>
</div>           

<!-- Modal -->

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

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

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



 @endsection