@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.predpis_obd_help')" data-original-title="Předpis měsíčních plateb" title=""></i> 
        <h2 id="nadpis">Předpisy prostoru {{ $prostor->popis }} ({{ isset($prostor->uzivatelprostoru->jmeno) ? $prostor->uzivatelprostoru->jmeno:""  }}) </h2>    
        @if ($currentPrZbDr == 1)
            <h4>Zbytkový družstevní prostor</h4>
        @endif
        
    <div class="row" id="rowDet">
    </div>    
    
    <div id="id_prostoru"  style="display:none"> {{ $prostor->id}} </div> 
    <div id="yearStart"  style="display:none"> {{ $yearStart}} </div> 
    <div id="monthStart"  style="display:none"> {{ $monthStart}} </div> 
    <div id="currentPrZbDr"  style="display:none"> {{ $currentPrZbDr }} </div> 
    
    <div class="row" id='rowDet'>
        <div class="col-sm-1"> <label for="rok_predp"><h6>Rok:</h6></label> </div>
            <div class="col-sm-2"> 
                <select id="rok_predp_combo" name="rok_predp" class="form-control-sm">
                    @foreach($comboYear as $rok_predp)
                        @php ($selected = "")
                        @if ($rok_predp == $zobrazRok)
                            @php ($selected = "selected")
                        @endif
                        <option value="{{$rok_predp }}" {{$selected}} >{{$rok_predp}}</option> 
                    @endforeach    
                </select>
        </div>
        <div class="col-sm-1"> <label for="month_predp"><h6>Měsíc:</h6></label> </div>
            <div class="col-sm-4"> 
                <div id="comboMonth">
                <select id="month_predp_combo" name="month_predp" class="form-control-sm">
                    @foreach($comboMonth[$zobrazRok] as $month_predp)
                        @php ($selected = "")
                        @if ($month_predp == $zobrazMesic)
                            @php ($selected = "selected")
                        @endif
                        <option value="{{$month_predp }}" {{$selected}} >{{$month_predp}}</option> 
                    @endforeach   
                    
                </select>
                </div>     
        </div>
            @if (($currentPrZbDr==1 && $prostor->zbyt_druz==1) || $prostor->zbyt_druz==0)
                <button id="pdf" class="btn btn-outline-blue-custom btn-sm">Tisk do PDF</button>    
                @if($tisk_pl_udaju)
                    <button id="qrcode" class="btn btn-outline-blue-custom btn-sm">QR kod pro platbu</button>  
                @endif
            @endif
    </div>

    
    <div id="predpObdobi">
        @include ('predpis.predpis_obdPopl')
    </div>
    
    
    @if($tisk_pl_udaju)
    @if($plUdaje['ucetcelk'] == $firma_domu->bank_spojeni)
        <div class="row">
        <div class="col-sm-3"> 
            Údaje pro platbu ve prospěch:
        </div>
        <div class="col-sm-4"> 
            {{$firma_domu->nazev}}
        </div>
        </div>    
    @endif
    <div class="row">
        <div class="col-sm-3"> 
            Banka:
        </div>
        <div class="col-sm-4"> 
            {{$plUdaje['banka_popis']}} {{$plUdaje['ucetcelk']}}
        </div>
    </div>   
    <div class="row">
        <div class="col-sm-3"> 
            Variabilní symbol:
        </div>    
        <div class="col-sm-4"> 
            {{$prostor->var_sym}}
        </div>    
    </div>  
    @endif
    
</div>

<!-- Modální okno pro tisk do pdf -->
<div class="modal" id="tiskPDF" tabindex="-1" role="dialog" aria-labelledby="tiskPDF" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="modal-title font-weight-bold">Tisk do PDF</span>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{ route('prostor.getPoplObdPDF') }}" method="GET" target="_blank">
                <div class="modal-body">  
                    {{ csrf_field() }}
                    <input type="hidden" name="id_prostoru" value="{{ $prostor->id }}">
                    <input type="hidden" name="zbDr" value="{{ $currentPrZbDr }}">
                    <div class="row">
                        <div class="col-sm-2"> 
                            <label class="font-weight-bold" for="Year">Rok: </label>                 
                        </div>    
                        <div class="col-sm-2">     
                            <input type="text" name="year" id="year" value="2010" readonly>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-2"> 
                            <label class="font-weight-bold" for="do">Měsíc: </label>
                        </div>    
                        <div class="col-sm-2"> 
                            <input type="text" name="month" id="month" value="10" readonly>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-red-custom" data-dismiss="modal">Zavřít</button>
                    <button class="btn btn-blue-custom" type="submit">Tisk do PDF</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modální okno pro QR kod-->
<div class="modal" id="tiskQRcode" tabindex="-1" role="dialog" aria-labelledby="tiskPDF" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="modal-title font-weight-bold">Zobrazení QR kódu pro platbu</span>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div id="qrcodeX">
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
$(document).ready(function(){
    
    $("#rok_predp_combo").change(function(){
        event.preventDefault();
        var actualDate = new Date();
        var baseYear = actualDate.getFullYear();
        var baseMonth = actualDate.getMonth();
        var rok_predp_puv = $("#rok_predp_combo").val();
        var mesic_predp = $("#month_predp_combo").val();
        var rokStart = $("#yearStart").text();
        var mesicStart = $("#monthStart").text();
        var maxMonth = 12;
        var minMonth = 1;
        var selected = '';
        var monthSelected = 1;
        var comboHtml = ''
        var i=0;

        if(mesic_predp <= maxMonth){
            monthSelected = mesic_predp;
        }
        if(rok_predp_puv.trim()==rokStart.trim()){
            minMonth = mesicStart;
            //alert('rok == rokStart'+ rok_predp_puv.trim +'/'+rokStart.trim);
        }
        if(rok_predp_puv == baseYear){
            monthSelected = baseMonth;
            maxMonth = baseMonth+1;
            minMonth = 1;
        }
        comboHtml = '<select id="month_predp_combo" name="month_predp" class="form-control-sm">';
        for (i = minMonth; i <= maxMonth; i++) {
            selected = ''
            if(i == monthSelected){
                selectet = 'selected';
            }
            comboHtml += '<option value="'+i+'" '+selected+'>'+i+'</option>';
        }
        comboHtml += '</select>';
        $('#comboMonth').html(comboHtml);
        _getPoplatky();
    });
    
    $('#comboMonth').change(function(){
        var mesic_predp = $("#month_predp_combo").val();
        _getPoplatky();
    });
    
    
    function _getPoplatky() {
        event.preventDefault();
        var zbDruz =$("#currentPrZbDr").text();
//alert(zbDruz);        
        var id_prostoru = $("#id_prostoru").text();
        var mesic_predp = $("#month_predp_combo").val();
        var rok_predp = $("#rok_predp_combo").val();
        $.get("{{ route('prostor.getPoplObdAjax') }}"  , { id_prostoru : id_prostoru, year : rok_predp, month : mesic_predp, currentPrZbDr : zbDruz}, function(data , status){
            html = data;
            $('#predpObdobi').empty();
            $('#predpObdobi').append(html);            
        });    
    };
    
    $("#pdf").click(function(){
        event.preventDefault();
        var id_prostoru = $("#id_prostoru").text();
        var mesic_predp = $("#month_predp_combo").val();
        var rok_predp = $("#rok_predp_combo").val();
        var zbDr =$("#currentPrZbDr").text();
        $("#year").val(rok_predp);
        $("#month").val(mesic_predp);
        $("#tiskPDF").modal('show');
    });
    
    $("#qrcode").click(function(){
        event.preventDefault();
        var id_prostoru = $("#id_prostoru").text();
        var mesic_predp = $("#month_predp_combo").val();
        var rok_predp = $("#rok_predp_combo").val();
        var zbDr =$("#currentPrZbDr").text();
        $.get("{{ route('prostor.getQrcode') }}"  , { id_prostoru : id_prostoru, typPredp : 'O', year : rok_predp, month : mesic_predp, zbDr : zbDr }, function(data , status){
            html = data;
            $('#qrcodeX').empty();
            $('#qrcodeX').append(html);            
        });    
        $("#tiskQRcode").modal('show');
    });
    

    
});  

  
</script>              



@endsection