@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">
    
    
@endsection

@section('content')
<div class="container">
    <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">
                        {{ $doc_type->title }}
                        <div class="pull-right">
                            <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.documents_arr.invoice_revision_create.back')}}</button>
                        </div>
                    </h3>
                </div>

                <div class="panel-body">
                    <form id="invoice_revision_create" method="POST" action="{{ route('documents.store', $doc_type->id) }}" class="form form-horizontal" novalidate>
                        {{ csrf_field() }}

                        <input type='hidden' name='doc_type' id='doc_type' value='62'/>
                        
                        @permission('document-form-date-read')
                        <div class="form-group{{ $errors->has('date') ? ' has-error' : '' }}">
                            <label for="date" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_revision_create.date')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                <input type="text" class="form-control" id="date" name="date" value="{{ old('date', date('d.m.Y')) }}" placeholder="{{__('texte.documents_arr.invoice_revision_create.date')}}" maxlength="10" required readonly />
                                @if ($errors->has('date'))
                                    <span class="help-block"><strong>{{ $errors->first('date') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('document-form-note-read')
                        <div class="form-group{{ $errors->has('note') ? ' has-error' : '' }}">
                            <label for="note" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_revision_create.note')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
                                <textarea class="form-control" id="note" name="note" placeholder="{{__('texte.documents_arr.invoice_revision_create.note')}}" 
                                    @nonepermission('document-form-note-write')
                                        readonly 
                                    @endnonepermission
                                >{{ old('note') }}</textarea>
                                @if ($errors->has('note'))
                                    <span class="help-block"><strong>{{ $errors->first('note') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('document-form-storage-read')
                        <div class="form-group{{ $errors->has('storage_old') ? ' has-error' : '' }}">
                            <label for="storage" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_revision_create.storage')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-home"></i></span>
                                <select class="form-control" id="storage" name="storage" 
                                    @nonepermission('stock_transfer-form-storage-write')
                                        readonly 
                                    @endnonepermission
                                >  
                                    @foreach($storages as $storage)
                                        <option value="{{$storage->id}}">{{$storage->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('storage'))
                                    <span class="help-block"><strong>{{ $errors->first('storage') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission                        
                                               
                        @permission('document-form-product-read')
                        <div class="form-group{{ $errors->has('product') || $errors->has('stocks.0.product') ? ' has-error' : '' }}">
                            <label for="product" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_revision_create.product')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-ice-lolly-tasted"></i></span>
                                <select class="form-control" id="product" name="product" 
                                    @nonepermission('stock_transfer-form-product-write')
                                        readonly 
                                    @endnonepermission
                                >
                                    <option value=""></option>
                                    @foreach($products as $product)
                                    <option value="{{$product->id}}">{{$product->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('product'))
                                    <span class="help-block"><strong>{{ $errors->first('product') }}</strong></span>
                                @endif
                                @if ($errors->has('stocks.0.product'))
                                    <span class="help-block"><strong>{{ $errors->first('stocks.0.product') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('document-form-stocks-read')
                        <div class="form-group">
                            <label for="stocks" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_revision_create.rows')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <table id="stocks" class="table table-bordered table-striped table-hover">
                                    <thead>
                                        <tr>
                                            <th>{{__('texte.documents_arr.invoice_revision_create.storage')}}</th>
                                            <th>{{__('texte.documents_arr.invoice_revision_create.product')}}</th>
                                            <th>{{__('texte.documents_arr.invoice_revision_create.invoice_quantity')}}</th>
                                            <th>{{__('texte.documents_arr.invoice_revision_create.invoice_value')}}</th>
                                            <th>{{__('texte.documents_arr.invoice_revision_create.revised_quantity')}}</th>
                                            <th>{{__('texte.documents_arr.invoice_revision_create.revised_value')}}</th>
                                            <th>{{__('texte.documents_arr.invoice_revision_create.difference')}}</th>
                                            <th>{{__('texte.documents_arr.invoice_revision_create.cancel')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        
                                    </tbody>
                                    <tfoot hidden>
                                        <tr>
                                            <th colspan="6" style="text-align:right;padding-right:5px;">{{__('texte.documents_arr.invoice_revision_create.total')}}</th>
                                            <th class="total_cell">0.00</th>
                                            <th></th>
                                        </tr>
                                    </tfoot>
                                </table>
                                @if ($errors)
                                    <span class="help-block"><strong>{{ $errors->first() }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endnonepermission                   
                       
                        <div class="form-group">
                            <div class="col-xs-12 col-xs-offset-5 col-sm-12 col-sm-offset-5 col-md-12 col-md-offset-5">
                                <button type="submit" class="btn btn-primary" @nonepermission('document-route-create') disabled @endnonepermission>{{__('texte.documents_arr.invoice_revision_create.add')}}</button>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/form.map.js') }}"></script>
<script src="{{ asset('js/chosen.js') }}"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/moment-with-locales.min.js') }}"></script>
<script src="{{ asset('js/datepicker-bg.js') }}"></script>
<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>

<script type="text/javascript" charset="utf-8">
   
   $(document).ready(function(){
        var doc_type = {!! $doc_type !!};
        
        $('#storage').chosen();
        $('#product').chosen({allow_single_deselect: true, search_contains: true, no_results_text: 'Няма намерени', placeholder_text_single: '--- Продукт ---'});
       
        $('input#date').datepicker({option: $.datepicker.regional['bg'],beforeShow: function(i) { if ($(i).attr('readonly')) { return false; } }});

        $('#product').on('change', function(){
           
            if($(this).val()!=''){
                var product = $(this).val();
                var storage = $('#storage').val();
                
                $.ajax({
                    headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: '/get_product_invoice_quantity',
                            type: 'POST',
                            async: false,
                    data: { 'product' : product,
                            'storage' : storage},
                        
                    success: function(response){
                                $('#stocks > tbody').append("<tr><td>"+ response.storage + "</td><td><input type='hidden' name='products[]' value='"+response.product_id+"'/>"+ response.product + "</td><td><input class='initial_quantity' type='hidden' name='initial_quantity[]' value='"+response.quantity+"'/>" + response.quantity + "</td><td>" + parseFloat(response.quantity*response.price_supply).toFixed(2) + "</td><td><input type='text' class='revised_quantity' data-price_supply='"+response.price_supply+"' name='revised_quantity[]' id='revised_quantity_"+response.product_id+"' placeholder='Ревизирана наличност'/></td><td class='rev_value'>0.00</td><td class='diff'>0.00</td><td><button class='btn btn-xs btn-danger delete_button'><i class='glyphicon glyphicon-trash'></i></a></td></tr>");
                                $('#stocks > tfoot').show();
                            }
                });
            }
           
        });
        
        $('.revised_quantity').each(function() {
            $(this).rules("add", {
                required: true,
                number:true,
                digits:true,
                min:1,
                messages: {
                    required: "Полето 'Ревизирана наличност' е задължително.",
                    number: "Моля въведете количество в правилния формат.",
                    digits: "Моля въведете количество в правилния формат.",
                }
            });
        });
        
        $(document).on('click','.delete_button', function(){
            $(this).closest('tr').remove();
            
            if($('#stocks tbody tr').length==0){
                $('#stocks > tfoot').hide();
            }
            else{
                var total = 0;
            
                $('#stocks tbody tr').each(function() {
                    var value = parseFloat($('td', this).eq(6).text());
                    if (!isNaN(value)) {
                        total += value;
                    }
                });

                $('.total_cell').text(parseFloat(total).toFixed(2));
            }
        });
        
        $(document).on('input','.revised_quantity', function(){
            var initial_quantity = $(this).closest('tr').find('.initial_quantity').val();
            
            if($(this).val()!=''){
                var revised_quantity = $(this).val();
            }
            else{
                var revised_quantity = 0;
            }
            
            var price_supply = $(this).attr('data-price_supply');
            var revised_value = parseFloat(revised_quantity*price_supply).toFixed(2);
            var difference = parseFloat((revised_quantity-initial_quantity)*price_supply).toFixed(2);
            
            $(this).closest('tr').find('.rev_value').text(revised_value);
            $(this).closest('tr').find('.diff').text(difference);
            
            var total = 0;
            
            $('#stocks tbody tr').each(function() {
                var value = parseFloat($('td', this).eq(6).text());
                if (!isNaN(value)) {
                    total += value;
                }
            });
            
            $('.total_cell').text(parseFloat(total).toFixed(2));
        });
                          
   });
   
   $(document).ready(function() {
        $(window).keydown(function(event){
            if(event.keyCode == 13) {
                event.preventDefault();
                return false;
            }
        });
    });
    
</script>
@endsection