@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>Evidence mých prostor</h2>     
    
        <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>   
    
    
    
<!--<a href="{{ url ('DumAjax/getDomy') }}"> GetData </a> -->
        
    <div class="table-responsive">
        <table id="tablesorting" class="table table-hover table-sm table-main">
            <thead>
                <tr>
                    
                    <th id="1">Číslo domu<span id="IconSort1" > </span></th>
                    
                    <th id="2">Ulice<span id="IconSort2" > </span></th>
                    <th id="3">PSČ<span id="IconSort3" > </span></th>
                    <th id="4">Mesto<span id="IconSort4" > </span></th>
                    <th> Akce </th>
                </tr>
            </thead>    
            
            <tbody id="myTable">
                <div class="">
                    @php ($i = 0)
                    @foreach ($prostory as $prostor)
                    
                    @php ($i++)
                    <tr id="{{$i}}">
                        
                        <td id="sl1{{$i}}">{{ $prostor->DumProstoru->cislo_domu }} - {{ $prostor->id }}</td>
                        <td id="sl2{{$i}}">{{ $prostor->DumProstoru->ulice}} {{ $prostor->DumProstoru->cp }} 
                        @if(isset($prostor->DumProstoru->blok) && !empty($prostor->DumProstoru->blok) )
                            bl.{{ $prostor->DumProstoru->blok}}
                        @endif
                        </td>
                        <td id="sl3{{$i}}">{{$prostor->DumProstoru->psc }} </td>
                        <td id="sl4{{$i}}">{{ $prostor->DumProstoru->mesto }} </td>
                        <td> 
                            <a href="{{ action('ValuoController@create',['id_prostoru' => $prostor->id, 'typeRun' => "X" ]) }}" class="btn btn-outline-blue-custom btn-sm create" prostorId="{{$prostor->id}}" role="button">Předběžný odhad ceny</a> 
                        </td>
                    </tr>    
                        @if($prostor->valuo)
                            @foreach($prostor->valuo as $valuo)
                                <tr> 
                                    <td></td>
                                    <td colspan="3"> @include('valuo.valuoRow',['valuo'=>$valuo,'typeRun'=>'U'])</td>
                                    {{--<td colspan="3"> @include('valuo.valuoDetail',['valuo'=>$valuo])</td>--}}
                                    {{--<td colspan="4"> @include('valuo.valuoDetail',['valuo'=>$valuo])</td>--}}
                            @endforeach
                        @endif    
                    @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;   
    
  //zobrazení formuláře o ohodnocení
  $('.create').click(function(){
       event.preventDefault();
        id_prostoru = $(this).attr("prostorId");
        _getCreateValuo(id_prostoru);
        
        $("#detailModal").modal('show');
    }); 
       
    function _getCreateValuo(id) {
           $('#DetailValuo').empty();
           var html = "";
           $.get(" {{ route('valuation.createValuo') }}", {id_prostoru: id, type_form : "A", typeRun : "X"}, function(data){
                html = data;
                $('#DetailValuo').append(html);
           });
    }
    
    $('.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);
           });
    }
       
    
  });    
</script>

@endsection