@extends('layouts.app')

@section('content')

<div style="display:flex">
    <h2>{{$nadpis}}</h2> 
    <a href="{{ url('help/schvaleni') }}"><i class="fas fa-question-circle active" aria-hidden="true"></i></a>    
</div>    

<p id="TextRight">
    @foreach($userDescr as $us)
         {{ $us }} 
    @endforeach 
</p>    
       <br>
 

    @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="form_result"> </div>
    
    @if(Auth::user()->typ_pristupu_udrzba == "D")
        <a href="{{ url('/statement') }}" class="btn btn-outline-blue-custom btn-sm" role="button">Aktivní požadavky</a>
    @endif    

        
    <div id="filterVisible" style="display:none"> {{ $filterVisible }} </div> 
        @php($style = "display:none")
        @php($styleC = "display:inline")                     
        @if ($filterVisible == "A")
            @php($style = "display:inline")
            @php($styleC = "display:none")
        @endif
        <div class="filter" style="{{$style}}">
            @include ('schvaleni.filtr')
        </div>
        <div class="filterC" style="{{$styleC}}">
            <a href="#" id="filterActive" class="btn btn-outline-blue-custom btn-sm" role="button">Zobraz filtr</a>
        </div>
    
    
    <div id="clear">    
        <br>
    </div>    

    <input id="myFilter"   name="filter_fast" type="text" size="30" value="{{ $fastFilter }}"  placeholder="rychlý filtr">   
    <span id="myFilter" class="input-group-addon"><i class="fa fa-search"></i></span>
    
    <div class ="row">
        <div class="col-sm-6">
           {{$schvaleni->appends(['fastFilter' =>  "$fastFilter"  ])
                       ->appends(['sort' =>  "$bySort"  ])
                       ->appends(['zadanoOdS' =>  "$zadanoOd"  ])
                       ->appends(['zadanoDoS' =>  "$zadanoDo"  ])
                       ->appends(['nazevS' =>  "$nazev"  ])
                       ->appends(['dumS' =>  "$dumRozsah"  ])
                       ->appends(['statusS' =>  "$statusRozsah"  ])
                       ->appends(['vyslS' =>  "$vyslRozsah"  ])
                       ->links('vendor.pagination.bootstrap-4')}}
        </div>
        
            <div id="Sort"  style="display:none"> {{ $bySort}} </div> 
            <div id="DirectSort" style="display:none" > {{ $directSort }} </div> 
    </div>
    
    
    <div class="table-responsive">
        <table id="tablesorting" class="table table-hover table-main">
            <thead>
                <tr>                   
                    <th id="action"> </th>
                    <th id="1">Zadáno<span id="IconSort1" > </span></th>
                    <th id="2">Objekt<span id="IconSort2" > </span></th>
                    <th id="3">Popis<span id="IconSort3"> </span></th>
                    <th id="6">Pro dům / uživatele<span id="IconSort6" ></span></th>
                    
                    <th id="7">Výsledek<span id="IconSort7" ></span></th>
                    <th id="8">Datum vyjádření<span id="IconSort8" ></span></th>
                    <th id="9">Kdo<span id="IconSort9" ></span></th>
                    
                    
                    <th>Schváleno
                        <i class="fas fa-question-circle active" data-toggle="popover-click" data-content="@include ('help.schvaleni.schvaleni_help_schval')" data-original-title="Schválení zakázky zástupcem domu" title=""></i> 
                    </th>
                    <th>Akce
                        <i class="fas fa-question-circle active" data-toggle="popover-click" data-content="@include ('help.schvaleni.schvaleni_help_akce')" data-original-title="Informace o zdrojovém záznamu žádosti o schválení" title=""></i> 
                    </th>
                </tr>
            </thead> 
            
            <tbody id="myTable">
                <div  class=""> 
                
                @if(count($schvaleni)==0)
                    <tr>
                        <td></td>  
                        <td></td>  
                        <td></td>  
                        <td colspan="5">      
                            <h4> Nemáte žádný schválený požadavek  </h4>
                        </td>  
                    </tr>    
                @endif
                    
                    
                @php ($i = 0)
                @foreach($schvaleni as $schval)
                    @if(isset($statusArray[$schval->status]['color']))
                        @php($color = 'style=color:'.$statusArray[$schval->status]['color'])
                        @php ($i++)
                    @else
                        @php($color = '')
                    @endif    
                    @php($colorVysl = $color)
                    @if($schval->vysledek=="Z")   
                        @php($colorVysl = 'style=color:red')
                    @endif    
                
                    @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">
                                    <li><a href="#" class="info" id="{{$schval->id}}"><i class="fa fa-info-circle" aria-hidden="true"></i> Informace</a></li>
                                    <li><a href="#"><i class="fa fa-book" aria-hidden="true"></i> Komentáře </a></li>
                                </ul>
                            </div>
                        </td>
                        
                        <td id="sl1{{$i}}" {{$color}}> {{ date('d.m.Y',strtotime($schval->created_at)) }} </td>
                        <td id="sl3{{$i}}" {{$color}}> {{ $schval->link_type.' '.$typySchv[$schval->link_type] }}</td>
                        <td id="sl3{{$i}}" {{$color}}> {{ $schval->popis }}</td>
                        <td id="sl6{{$i}}" {{$color}}> {{ $schval->cislo_domu==0 && $schval->id_user!=0 ? $schval->uzivatel : $schval->cislo_domu.' '.$schval->ulice.' '.$schval->cp_co  }} </td>
                        
                        <td id="sl7{{$i}}" {{$colorVysl}}> {{ $schval->vysledek=="Z" ? "Zamítnuto" : "Schváleno"}} </td>
                        <td id="sl8{{$i}}" {{$color}}> {{ date('d.m.Y',strtotime($schval->vyjadreni_at)) }} </td>
                        <td id="s19{{$i}}" {{$color}}> {{ isset($schval->schvalil) ? $schval->schvalil :""}} </td>
                        
                        <!--Schválení-->
                        @php($displayS = 'style=display:none')
                        @php($displayZ = 'style=display:none')
                        <td>
                            @if(($schvalPovoleno=='A' || $schval->status == 9) && $schval->status != 99)    
                                <a href="{{ action('SchvaleniDomuController@schvalSchv',['id' => $schval->id]) }}" class="btn btn-outline-blue-custom btn-sm schvaleni" id="{{$schval->id}}" role="button"> 
                                @if($schval->status == 9 && $schval->vysledek == "S")
                                    @php($displayS = 'style="display:"')
                                @endif            
                                    <img  id="ImgS{{$schval->id}}" src="{{ asset ('/images/validni.png') }}" height="15" width="15" {{$displayS}}>
                            
                                @if($schval->status == 9  && $schval->vysledek == "Z")
                                    @php($displayZ = 'style="display:"')
                                @endif               
                                    <img  id="ImgSz{{$schval->id}}" src="{{ asset ('/images/stop.png') }}" height="24" width="24" {{$displayZ}}>
                                </a>  
                            @endif
                        </td>
                        
                        <td>
                            <!-- Informace -->
                            @if($schval->link_type == 'ZAT')
                                <a href="#" class="infoZak" id="{{$schval->link_id}}"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
                            @elseif($schval->link_type == 'FAK')
                                <a href="#" class="infoFak" id="{{$schval->link_id}}"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
                            @elseif($schval->link_type == 'POO')
                                <a href="#" class="infoPOO" id="{{$schval->link_id}}"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
                            @else
                                <a href="#" class="infoSchv" id="{{$schval->id}}"><i class="fa fa-info-circle" aria-hidden="true"></i></a>    
                            @endif
                            
                        </td>
                                                
                    </tr> 
                    
            
                    <tr id="Ext{{$i}}" style="display:none">  
                        <td colspan="7">
                            <div id="detail{{$i}}">
                                
                            </div> 
                        </td>
                    </tr>
                @endforeach    
                 </div>    
            </tbody>
        </table>   
    </div>
  
        <!--Modální okno-->
        @include ('schvaleni.detail')            
        
        <!--@include('components.loaderAjax')-->
      
<script type="text/javascript" src="{{ asset('js/Table.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/help.js') }}"></script>


<script type="text/javascript">
  $(document).ready(function(){
  
  
  //zobrazení informací o schválení
  $('.infoZak').click(function(){
       event.preventDefault();
        var id = $(this).attr("id");
        //alert(id);
        _getZakazka(id);
        $("#detailModal").modal('show');
       }); 
       
       function _getZakazka(id) {
           $('#DetailSchv').empty();
           var html = "";
           $.get(" {{ route('zakazka.showAjax') }}", {id: id}, function(data){
                html = data;
                $('#DetailSchv').empty();
                $('#DetailSchv').append(html);
           });
       }
       
    $('.infoFak').click(function(){
       event.preventDefault();
        var id = $(this).attr("id");
        _getFaktura(id);
        $("#detailModal").modal('show');
       }); 
       
       function _getFaktura(id) {
           $('#DetailSchv').empty();
           var html = "";
           $.get(" {{ route('fakturaAjax.showAjax') }}", {id: id} , function(data){
               html = data;
               $('#DetailSchv').empty();
               $('#DetailSchv').append(html);
           });
       }      
   
   
       $('.infoPOO').click(function(){
       event.preventDefault();
        var id = $(this).attr("id");
        _getPozadavek(id);
        $("#detailModal").modal('show');
       }); 
       
       function _getPozadavek(id) {
           $.get(" {{ route('pozadavek.showAjax') }}", {id: id} , function(data){
               html = data;
               $('#DetailSchv').empty();
               $('#DetailSchv').append(html);
           });
       }
       
       $('.infoSchv').click(function(){
       event.preventDefault();
        var id = $(this).attr("id");
        _getSchvalInfo(id);
        $("#detailModal").modal('show');
       }); 
       
       function _getSchvalInfo(id) {
           $.get(" {{ route('schvaleniAjax.schvalSchv') }}", {id: id, rezim: "P"} , function(data){
               html = data;
               $('#DetailSchv').empty();
               $('#DetailSchv').append(html);
           });
       }      
  
  //Schválení domem
  $('.schvaleni').click(function(){
        event.preventDefault();
        var id = $(this).attr("id");
        _getEditSchvalSchv(id);
        $("#detailModal").modal('show');
            
       }); 
       function _getEditSchvalSchv(id) {
           $('#DetailSchv').empty();
           var html = "";
           $.get(" {{ route('schvaleniAjax.schvalSchv') }}", {id: id,  rezim: "E"}, function(data,status){
                html = data;
                $('#DetailSchv').append(html);
           });
       }     
       
       
       //aktivace fiteru
       $("#filterActive").click(function(){
            _setVisible();
       });
       
       //deaktivace fiteru
       $(".closeS").click(function(){
            _setVisible();
       });
        
        function _setVisible() {
            var visibleF = new String();
            event.preventDefault();
            $.get(" {{ route('schvaleniAjax.setfilterVisible') }}", function(data){
                visibleF = data;
                $("#filterVisible").text(data);
                if(visibleF.trim() == "A"){
                    $(".filter").css('display','inline');
                    $(".filterC").css('display','none');
                }else{
                    $(".filter").css('display','none');
                    $(".filterC").css('display','inline');
                }    
            });
        };

  });    
</script>              

@endsection