@extends('layouts.app')

@section('content')


    @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
    
    <h2>Evidované záznamy Valuo</h2>     
    
        <div id="filterVisible" style="display:none"> {{ $filterVisible }} </div> 
            @php($style = "display:")
            @php($styleC = "display:inline")                     
            @if ($filterVisible == "A")
                @php($style = "display:inline")
                @php($styleC = "display:none")
            @endif
        <div class="filter" style="{{$style}}">
            @include ('valuo.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="Sort" style="display:none"> {{ $bySort }} </div> 
        <div id="DirectSort" style="display:none" > {{ $directSort }} </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>   
    
    <h4>Sumární hodnoty Valuo</h4>    
    <div class="table-responsive">
    <table id="tablesorting" class="table table-hover table-sm table-main" style="width: 50%;">
        <thead>
            <tr>
                <th>Kód zákazníka<span id="IconSort1"></span></th>
                <th>Počet záznamů</th>
                <th>Zaplaceno</th>
            </tr>
        </thead>
        <tbody id="myTable">
            @foreach ($summary as $sum)
                <tr>
                    <td>{{ $sum['kod_instalace'] }}</td>
                    <td>{{ $sum['pocet_zaznamu'] }}</td>
                    <td>{{ $sum['suma_zaplaceno'] }}</td>
                </tr>
            @endforeach
        </tbody>
        <tfoot>
            <tr>
                <td><h5>Celkem</h5></td>
                <td><h5>{{ $summary->sum('pocet_zaznamu') }}</h5></td>
                <td><h5>{{ $summary->sum('suma_zaplaceno') }}</h5></td>
            </tr>
        </tfoot>
    </table>
    </div>
    
    
    <h4>Detailní hodnoty Valuo</h4> 
    <div class="table-responsive">
        <table id="tablesorting" class="table table-hover table-sm table-main">
            <thead>
                <tr>
                    
                    <th id="1">Kód zákazníka<span id="IconSort1" > </span></th>
                    <th id="2"> Datum provedení </th>
                    <th id="3"> Zaplaceno </th>
                    <th>Adresa prostoru<span id="IconSort2" > </span></th>
                    {{--<th id="4">Email<span id="IconSort3" > </span></th>--}}
                    {{--<th id="5">Mobil<span id="IconSort4" > </span></th>--}}
                    <th> Odhad ceny </th>
                    <th> Detail </th>
                </tr>
            </thead>    
            
            <tbody id="myTable">
                <div class="">
                    @php ($i = 0)
                    @foreach ($valuoS as $valuo)
                    
                    @php ($i++)
                    <tr id="{{$i}}">
                        
                        <td id="sl1{{$i}}">{{ $valuo->kod_instalace}}</td>
                        <td id="sl2{{$i}}">{{ $valuo->calc_time ? date('d.m.Y',strtotime($valuo->calc_time)) : "" }} </td>
                        <td id="sl3{{$i}}"></td> 
                        <td>{{ $valuo->adresa}}</td> 
                        {{--<td id="sl4{{$i}}">{{ $valuo->email}} </td>--}}    
                        {{--<td id="sl5{{$i}}">{{ $valuo->mobil}} </td>--}}        
                        <td>{{$valuo->avg_price}} </td>
                       
                        <td> 
                            <a href="#}" class="btn btn-outline-blue-custom btn-sm detail" valuoId="{{$valuo->id}}" role="button">Detail</a>
                        </td>
                    </tr>    
                        
                    @endforeach
                 </div>    
            </tbody>    
                
        </table>    
    </div>

<!--Modální okno-->
@include ('valuo.valuoModal')
        
{{--<script src="{{ asset('js/Table.js') }}"></script>--}}

<script type="text/javascript">
  $(document).ready(function(){
  var id_prostoru = 0;   
    
    $('.detail').click(function(){
       event.preventDefault();
        id_valuo = $(this).attr("valuoId");
        _getDetailValuo(id_valuo);
        
        $("#detailModal").modal('show');
    }); 
    
    function _getDetailValuo(id) {
           $('#DetailValuo').empty();
           var html = "";
           $.get(" {{ route('valuation.showAjax') }}", { id_valuo: id }, function(data){
                html = data;
                $('#DetailValuo').append(html);
           });
    }
    
    //aktivace fiteru
       $("#filterActive").click(function(){
            _setVisible();
       });
       
       //deaktivace fiteru
       $(".closeZ").click(function(){
            _setVisible();
       });
    
    function _setVisible() {
            var visibleF = new String();
            event.preventDefault();
            $.get(" {{ route('valuoAjax.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