@extends('layouts.app')

@section('content')
@include ('components.Combo_FDP')    

<div class="container box">

@if($typSledovani != "W")
    <form method="get">
    {{ csrf_field() }}
        @php ($selected = "")
        
        <input type="text" value="{{$typPres}}" size="1"  id="typPres" name="typPres" style="display:none">
        
        
        <div class="row" id="rowDetX">
           <div class="col-sm-2"> <label for="druhOM"><h6>Druh OM:</h6></label> </div> 
            
                <select id="druhyOMCombo" name="druhOM" class="form-control-sm col-sm-3">
                    @foreach($druhyOMComboSp as $druhOM)
                        @php ($selected = "")
                        @if ($druhOM == $druhOMzobr)
                            @php ($selected = "selected")
                        @endif
                        <option value="{{$druhOM}}" {{$selected}} >{{ $typyOMNaz[$druhOM] }}</option> 
                    @endforeach    
                </select>
            
           <div class="col-sm-3"> <label for="cislaMericuOM"><h6>Měřiče na OM:</h6></label> </div>
           <!--
            <div class="col-sm-3" id="cislaMericuOM">
                    @include ('components.cisloMericeOM')
            </div> 
           -->
           <div class="col-sm-3" id="cislaMericuOM">
                    @php ($selected = "")
                <select name="cislaMCombo" id="idMericeSp" class="form-control-sm">
                    <option value="">...vše</option> 
                        @foreach($mericeCOMSp as $meric)
                           @if($zpusobNacteniSp == 'ImpSp')
                            <option value="{{$meric['idmer']}}" {{--{{$selected}}--}} >{{$meric['idmer'] }}</option> 
                           @else
                            <option value="{{$meric['idmer']}}" {{--{{$selected}}--}} >{{$meric['druh'].$meric['poradi'].$meric['vyr_cislo'] }}</option> 
                           @endif 
                        @endforeach    
                </select>
            </div> 
        </div>  
        
        <div class="row" id="rowDetX">
           <div class="col-sm-2"> <label for="cislaMericuOM"><h6>Porovnat s:</h6></label> </div>
            @php ($selectedS = "")
            @php ($selectedP = "")
            @php ($porovnatS == "S" ? $selectedS = "selected" : "")
            @php ($porovnatS == "P" ? $selectedP = "selected" : "")
            <select id="porovnatS" name="porovnatS" class="form-control-sm col-sm-3" disabled>
                <option value="S" {{$selectedS}} >Spotřeba předchozích období</option> 
                <option value="P" {{$selectedP}} >Spotřeba průměrného uživatele v domě</option> 
            </select>
            
            
            <div class="col-sm-3"> <label for="doData"><h6>Do období:</h6></label> </div>
            <div class="col-sm-3"> <input type="month" value="{{ date('Y-m',strtotime($doDataSp)) }}" name="doDataSP" class="form-control" size=1 id="doDataSp" > </div>
        </div>  
        
        <div class="row" id="rowDetX">
            <div class="col-sm-2"> <label for="typ_cas_periody"><h6>Typ periody:</h6></label> </div>
                @php($selectedM = "")
                @php($selectedY = "")
                @if($typeStep=="M")
                    @php ($selectedM = "selected")
                @elseif($typeStep=="R")
                    @php ($selectedY = "selected")    
                @endif        
                <select id="typ_cas_periody" name="typ_cas_periody" class="form-control-sm col-sm-3">
                    <option value="M" {{$selectedM}}> Měsíce </option>
                    <option value="R" {{$selectedY}}> Roky</option>
                </select>
                
                <div class="col-sm-3"> <label for="lastStep"><h6>Zobraz posledních:</h6></label> </div>
                <div class="col-sm-3">
                    <input type="number" id="lastStep" value="{{$lastStep}}" name="lastTime" min="1" max="10"> období             
                </div>
                    <div id="zpusobNacteniSp" style="display:none"> {{ $zpusobNacteniSp }} </div> 
        </div>  
        <div class="row" id="rowDetX">
            <i>{{$komentSp}}</i>
        </div>
        
    </form> 
   
    <br>
    
    
        <div id='dataGraph'>
            @include ('merice.spotrebyPrGraph')        
        </div>    
@endif

    <br>
    
    <div id='dataGraphEED'>
        @include ('merice.spotrebyEED')        
    </div>    
</div> 

<script type="text/javascript">
$(document).ready(function(){
    var idMerice = "";
    var lastStep = 0;
    var doData = "";
    var druhOM = "";
    var dateOK = "";
    var typPeriody = "";
    var zpusobNacteniSp = $('#zpusobNacteniSp').text();
    var typProstoru = $('#typPresSp').val();
//alert(zpusobNacteniSp);    
    $("#druhyOMCombo").change(function(){
        var druhOM = $('#druhyOMCombo').val();
        $.get("{{ route('ajaxdata.cislaMericOM') }}"  , { druhOM : druhOM, zpusobNacteniSp : zpusobNacteniSp, typZobr : "M" }, function(dataCmer , status){
                    $("#cislaMericuOM").html(dataCmer);
        });
        idMerice = 0;
        _getGraph();
    });
    $("#cislaMericuOM").change(function(){
        idMerice = $('#idMerice').val();
        _getGraph();
    });
    $("#doDataSp").change(function(){
        idMerice = $('#idMerice').val();
        doDataSp = $('#doDataSp').val();
        //doData = '01.'+doData.trim();
        druhOM = $('#druhyOMCombo').val();
        $.get("{{ route('ajaxdata.checkDate') }}"  , { druhOM : druhOM, doData: doDataSp, zpusobNacteniSp: zpusobNacteniSp}, function(dateOK , status){
                if(dateOK == "N"){
                    alert("Období odečtu není k disposici");
                }
        });
        _getGraph();
    });
    
    $("#lastStep").change(function(){
        idMerice = $('#idMerice').val();
        _getGraph();
    });
    
    $("#typ_cas_periody").change(function(){
        typPeriody = $('#typ_cas_periody').val();
        doData = $('#doDataSp').val();
        lastStep = $('#lastStep').val();
        $.get("{{ route('ajaxdata.getParamView') }}"  , { typProstoru : typProstoru, druhOM : druhOM, idMerice : idMerice, typPeriody : typPeriody}, function(data , status){
            if (typPeriody == 'R' && data.pocetObdobi<lastStep){
                $('#lastStep').val(data.pocetObdobi);
            }
        });
        _getGraph();
    });
    
    function _getGraph() {
        druhOM = $('#druhyOMCombo').val();
        id_merice = $('#idMericeSp').val();
//alert(id_merice);        
        var porovnatS = "S";
        doData = $('#doDataSp').val();
        pocetObd = $('#lastStep').val();
        typPeriody = $('#typ_cas_periody').val();
        $.get("{{ route('ajaxdata.getGraphSpPr') }}"  , { typProstoru: typProstoru , druhOM : druhOM, idMerice : id_merice, porovnatS : porovnatS, doData : doData, pocetObd : pocetObd, typPeriody : typPeriody, zpusobNacteniSp : zpusobNacteniSp }, function(dataGraph , status){
//alert (dataGraph);       
        $("#dataGraph").html(dataGraph);
        });
    }
    
    
})    
  
</script>              


 @endsection