@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/theme.default.css') }}" rel="stylesheet">
    
@endsection

@section('style')
<style>
   
    
</style>
@endsection

@section('content')
<div class="container">
@include('shared.messages')
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <span class="glyphicon glyphicon-home"></span> {{__('texte.fiscal_printer.fiscal_printer_menu')}}
                        <div class="pull-right"></div>
                    </h3><br />
                </div>
                <div class="panel-body">
                    <div class='full_width'>
                        <div class='reference_wrapper'>
                            <table class='table table-bordered'>
                                <tr>
                                    <td><button type='button' class='btn btn-primary' onclick="print_fiscal('#N')">{{__('texte.fiscal_printer.daily_report_with_reset')}}</a></td>
                                </tr>
                                <tr>
                                    <td><button type='button' class='btn btn-primary' onclick="print_fiscal('#I')">{{__('texte.fiscal_printer.daily_report_without_reset')}}</a></td>
                                </tr>
                                
                                <!--
                                <tr>
                                    <td><button type='button' class='btn btn-primary' onclick="print_fiscal('#NP')">DAY FINANCIAL REPORT with RESET followed by article report with reset</a></td>
                                </tr>
                                <tr>
                                    <td><button type='button' class='btn btn-primary' onclick="print_fiscal('#IP')">DAILY FINANCIAL STATEMENT WITHOUT RESET (data report) followed by an article</a></td>
                                </tr>-->
                                <tr>
                                    <td><button type='button' class='btn btn-primary' onclick="print_fiscal('#M')">{{__('texte.fiscal_printer.monthly_report')}}</a></td>
                                </tr>
                                <tr>
                                    <td><button type='button' class='btn btn-primary' onclick="print_fiscal('#C')">{{__('texte.fiscal_printer.last_report_copy')}}</a></td>
                                </tr>
                                <tr>
                                    <td><button type='button' class='btn btn-primary' data-target='#modal-input' data-toggle='modal'>{{__('texte.fiscal_printer.cash_transfer')}}</a></td>
                                </tr>
                            </table>
                        </div>                                               
                    </div>                    
                </div> 
                <!-- Modal window on delete-->
                <div id="modal-input" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content animated flipInY">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 id="modal-label" class="modal-title">{{__('texte.fiscal_printer.cash_transfer')}}</h4>
                            </div>
                            <div class="modal-body">{{__('texte.fiscal_printer.please_text')}}</div>
                            <div class="modal-footer">
                                <input type='text' id='fisc_amount' name='fisc_amount' placeholder='{{__('texte.fiscal_printer.amount')}}'/>
                                <button id="confirm_amount" type="button" class="btn btn-default">{{__('texte.fiscal_printer.done')}}</button>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"> {{__('texte.fiscal_printer.cancel')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" charset="utf-8">
    
    function print_fiscal(fisc_type){
        $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/print_fiscal_report',
                        type: 'POST',
                data: { 'fisc_type' : fisc_type},
                success: function(response){   
                            if(response.warning){
                                alert(response.warning);
                            }
                            else{
                                alert(response.success);
                            }
                            $('#modal-input').modal('hide');
                        }
            });
    }
    
    $('#confirm_amount').on('click',function(){
       var amount = $('#fisc_amount').val();

       if(amount!='' && parseFloat(amount)!=0){
           print_fiscal('#R'+amount);           
       }
       else{
           alert('Моля въведете сума');
       }
       $('#confirm_amount').val('');
    });
    
    $(document).on('click','.print_fiscal', function(){
            var id = $(this).attr('data-id');
            
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/print_fiscal_document',
                        type: 'POST',
                data: { 'id' : id},
                success: function(response){   
                            if(response.warning){
                                alert(response.warning);
                            }
                            else{
                                alert(response.success);
                            }
                        }
            });
    
        });
        
        
</script>
@endsection