@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/theme.default.css') }}" rel="stylesheet">
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/style.css') }}" rel="stylesheet">
    
    <link href="{{ asset('css/admin_filters.css') }}" rel="stylesheet">
    <link href="{{ asset('css/footable.bootstrap.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">
                        {{__('texte.documents_arr.invoice_in_union.doc_union')}} {{ $doc_type->title}}
                        <div class="pull-right">
                            <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.documents_arr.invoice_in_union.back')}}</button>
                        </div>
                    </h3>
                </div>

                <div class="panel-body">
                    <form id="in_invoice_union" method="POST" action="{{ route('documents.store_union') }}" class="form form-horizontal" novalidate>
                        {{ csrf_field() }}
                        
                        <input type="hidden" id='parent' name="parent" value="0" />
                        <input type="hidden" id='parent_type' name="parent_type" value="0" />
                        <input type="hidden" id='doc_type' name="doc_type" value="{{ $union_type }}" />
                        <input type="hidden" id='docs' name="docs" value="{{$docs}}" />
                        <input type="hidden" id='course_id' name="course_id" value="{{isset($course_id) ? $course_id : 0}}" />

                        @if (isset($contragents) && $contragents->isNotEmpty())
                            @permission('document-form-contragent-read')
                            <div class="form-group{{ $errors->has('contragent') ? ' has-error' : '' }}">
                                <label for="contragent" class="control-label col-xs-2 col-sm-2 col-md-2">{{$doc_type->documentable_type==1 ? __('texte.documents_arr.invoice_in_union.supplier') : __('texte.documents_arr.invoice_in_union.contragent')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                    <select class="form-control readonly" id="contragent" name="contragent" autofocus 
                                        @nonepermission('document-form-contragent-write')
                                            readonly 
                                        @endnonepermission
                                    >
                                        <option value=''>--- {{__('texte.documents_arr.invoice_in_union.contragent')}} ---</option>
                                        @foreach($contragents as $contragent)
                                        <option value='{{$contragent->id}}' {{old('contragent',$document->documentable_id)==$contragent->id ? 'selected' : ''}}>{{$contragent->name}}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('contragent'))
                                        <span class="help-block"><strong>{{ $errors->first('contragent') }}</strong></span>
                                    @endif
                                    <div class="errorBox"></div>
                                </div>
                            </div>
                            @endpermission
                        @endif
                        
                        @if(isset($objects) && $objects->isNotEmpty())
                            @permission('document-form-object-read')
                            <div class="form-group{{ $errors->has('object') ? ' has-error' : '' }}">
                                <label for="object" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_in_union.object')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                    <select class="form-control readonly" id="object" name="object" required 
                                    @nonepermission('document-form-object-write')
                                            readonly 
                                    @endnonepermission
                                    ></select>
                                    @if ($errors->has('object'))
                                            <span class="help-block"><strong>{{ $errors->first('object') }}</strong></span>
                                    @endif
                                    <div class="errorBox"></div>
                                </div>
                            </div>
                            @endpermission
                        @endif
                        
                        @if (isset($users) && $users->isNotEmpty())
                            @permission('document-form-user-read')
                            <div class="form-group{{ $errors->has('user') ? ' has-error' : '' }}">
                                <label for="user" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_in_union.driver')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                    <select class="form-control readonly" id="user" name="user" required autofocus 
                                        @if($document->children->isNotEmpty())
                                            disabled 
                                        @endif
                                        @nonepermission('document-form-user-write')
                                            readonly 
                                        @endnonepermission
                                    ></select>
                                    @if ($errors->has('user'))
                                        <span class="help-block"><strong>{{ $errors->first('user') }}</strong></span>
                                    @endif
                                    <div class="errorBox"></div>
                                </div>
                            </div>
                            @endpermission
                        @endif
                        
                        @if($doc_type->payment_type==3)
                            @permission('document-form-payment_type-read')
                            <div class="form-group{{ $errors->has('payment_type') ? ' has-error' : '' }}">
                                <label class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_in_union.payment')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                    <label class="control-label">
                                        <input type="radio" id="payment_type_cache" name="payment_type" value="0" 
                                            @nonepermission('document-form-payment_type-write')
                                                readonly 
                                            @endnonepermission
                                            @if (old('payment_type', $document->payment_type ?? 0) != 1)
                                                checked 
                                            @endif
                                        /> {{__('texte.documents_arr.invoice_in_union.cash')}} 
                                    </label>

                                    <label class="control-label">
                                        <input type="radio" id="payment_type_bank" name="payment_type" value="1" 
                                            @nonepermission('document-form-payment_type-write')
                                                    readonly 
                                            @endnonepermission
                                            @if (old('payment_type', $document->payment_type ?? 0) == 1)
                                                    checked 
                                            @endif
                                        /> {{__('texte.documents_arr.invoice_in_union.bank_transfer')}} 
                                    </label>
                                    @if ($errors->has('payment_type'))
                                            <span class="help-block"><strong>{{ $errors->first('payment_type') }}</strong></span>
                                    @endif
                                    <div class="errorBox"></div>
                                </div>
                            </div>
                            @endpermission
                        @endif

                        @if($document->parent_id==0 && in_array($doc_type->id,[3,4,5,6,14,18,21,22,23,24,27,31,33,35,37,63]))
                            @permission('document-form-account_type-read')
                            <div class="form-group{{ $errors->has('account_type') ? ' has-error' : '' }}">
                                <label class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_in_union.account_type')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                    <label class="control-label">
                                        <input type="radio" id="account_type_case" name="account_type" value="1" 
                                            @nonepermission('document-form-payment_type-write')
                                                readonly 
                                            @endnonepermission
                                            @if (old('account_type', $document->account_id ?? 1) == -1)
                                                checked 
                                            @endif
                                        /> {{__('texte.documents_arr.invoice_in_union.case')}} 
                                    </label>

                                    <label class="control-label">
                                        <input type="radio" id="account_type_no_case" name="account_type" value="2" 
                                            @nonepermission('document-form-account_type-write')
                                                    readonly 
                                            @endnonepermission
                                            @if (old('account_type', $document->account_id ?? -1) == 0)
                                                    checked 
                                            @endif
                                        /> {{__('texte.documents_arr.invoice_in_union.no_case')}} 
                                    </label>
                                    @if ($errors->has('account_type'))
                                            <span class="help-block"><strong>{{ $errors->first('account_type') }}</strong></span>
                                    @endif
                                    <div class="errorBox"></div>
                                </div>
                            </div>
                            @endpermission
                        @endif
 
                        @if($doc_type->creation_type==2)    
                            @permission('document-form-number-read')
                            <div class="form-group{{ $errors->has('number') ? ' has-error' : '' }}">
                                <label for="number" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_in_union.number')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-edit"></i></span>
                                    <input type="text" class="form-control" id="number" name="number" value="{{ old('number',$document->number) }}" placeholder="{{__('texte.documents_arr.invoice_in_union.number')}}" maxlength="255" required autofocus 
                                        @nonepermission('document-form-number-write')
                                            readonly 
                                        @endnonepermission
                                    />
                                    @if ($errors->has('number'))
                                        <span class="help-block"><strong>{{ $errors->first('number') }}</strong></span>
                                    @endif
                                    <div class="errorBox"></div>
                                </div>
                            </div>
                            @endpermission
                        @endif

                        @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_in_union.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', (new DateTime($document->date))->format('d.m.Y')) }}" placeholder="{{__('texte.documents_arr.invoice_in_union.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

                        @if($doc_type->payment_type!=0)
                            @permission('document-form-payment_date-read')
                            <div class="form-group{{ $errors->has('payment_date') ? ' has-error' : '' }}">
                                <label for="payment_date" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_in_union.payment_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="payment_date" name="payment_date" value="{{ old('payment_date', (new DateTime($document->payment_date))->format('d.m.Y')) }}" placeholder="{{__('texte.documents_arr.invoice_in_union.payment_date')}}" maxlength="10" required readonly />
                                    @if ($errors->has('payment_date'))
                                        <span class="help-block"><strong>{{ $errors->first('payment_date') }}</strong></span>
                                    @endif
                                    <div class="errorBox"></div>
                                </div>
                            </div>
                            @endpermission
                        @endif


                        @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_in_union.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_in_union.note')}}" 
                                    @nonepermission('document-form-note-write')
                                        readonly 
                                    @endnonepermission
                                >{{ old('note', $document->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') ? ' has-error' : '' }}">
                            <label for="storage" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_in_union.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 readonly" id="storage" name="storage" required                                     
                                    @nonepermission('document-form-storage-write')
                                        readonly 
                                    @endnonepermission
                                ></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">
                            <label for="stocks" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.invoice_in_union.products')}}</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>
                                            @if($doc_type->id==4 || $doc_type->id==12 || $doc_type->id==22  || $doc_type->id == 63 || $doc_type->id == 65)
                                                <th style='width:4%' data-sorter="false"><button id="select_all" type="button" class="btn btn-success btn-xs" title="Избери всички"><i class="glyphicon glyphicon-check"></i></button></th>
                                                <th style='width:22%'>{{__('texte.documents_arr.invoice_in_create.title')}}</th>
                                                <th style='width:10%'>{{__('texte.documents_arr.invoice_in_create.quantity')}}</th>
                                                <th style='width:10%'>{{__('texte.documents_arr.invoice_in_create.measure')}}</th>
                                                <th style='width:16%'>{{__('texte.documents_arr.invoice_in_create.price')}}</th>
                                                <th style='width:16%'>{{__('texte.documents_arr.invoice_in_create.discount')}}</th>
                                                <th style='width:16%'>{{__('texte.documents_arr.invoice_in_create.value')}}</th>
                                                <th style='width:6%' data-sorter="false">
                                                    @if(($doc_type->creation_type==1) && $doc_type->wrappage_only==0)
                                                    <input id="vat_included" type="hidden" name="vat_included" value="0"/><button id="vat_btn" type="button" class="btn btn-warning" title="{{__('texte.documents_arr.invoice_in_create.prices_with_vat')}}">{{__('texte.documents_arr.invoice_in_create.vat')}}</button>
                                                    @endif
                                                </th>
                                            @else            
                                                <th style='width:4%'>N</th>
                                                <th style='width:22%'>{{__('texte.documents_arr.invoice_in_union.title')}}</th>
                                                <th style='width:10%'>{{__('texte.documents_arr.invoice_in_union.quantity')}}</th>
                                                <th style='width:10%'>{{__('texte.documents_arr.invoice_in_union.measure')}}</th>
                                                <th style='width:16%'>{{__('texte.documents_arr.invoice_in_union.price')}}</th>
                                                <th style='width:16%'>{{__('texte.documents_arr.invoice_in_union.discount')}}</th>
                                                <th style='width:16%'>{{__('texte.documents_arr.invoice_in_union.value')}}</th>
                                                <th style='width:6%' data-sorter="false">
                                                    @if(($doc_type->creation_type==1) && $doc_type->wrappage_only==0)
                                                    <input id="vat_included" type="hidden" name="vat_included" value="0"/><button id="vat_btn" type="button" class="btn btn-warning" title="{{__('texte.documents_arr.invoice_in_union.prices_with_vat')}}">{{__('texte.documents_arr.invoice_in_union.vat')}}</button>
                                                    @endif
                                                </th>
                                            @endif
                                        </tr>
                                    </thead>
                                    <tfoot>
                                        @permission('document-form-have_vat-read')
                                            @if($doc_type->route_type==4 && $doc_type->wrappage_only==0)
                                                <tr>
                                                    <th colspan="6" style="text-align:right"></th>
                                                    <th colspan="2">
                                                        <select id="have_vat" name="have_vat">
                                                            @foreach($vat_rates as $vat_rate)
                                                                <option value="{{$vat_rate->value}}" data-id="{{$vat_rate->id}}" {{ $vat_rate->id==1 && in_array($doc_type->id,[4,5,12,13,22,23,63]) ? "selected" : "" }}>{{$vat_rate->id==0 ? __('texte.documents_arr.invoice_in_union.without_vat') : $vat_rate->rate." % ДДС"}}</option>
                                                            @endforeach
                                                        </select>
                                                    </th>
                                                </tr>                                                   
                                                @if(isset($document) && $document->vat_rate_id==0)                                                
                                                <tr id='grounds_row'>
                                                    <th colspan='6' style='text-align:right'>{{__('texte.documents_arr.invoice_in_union.grounds')}}</th>
                                                    <th colspan='2'>
                                                        <input type='text' class='form-control' name='grounds' id='grounds' value='{{$document->grounds}}'/>
                                                    </th>
                                                </tr>
                                                @endif
                                            @endif
                                        @endpermission
                                        <tr id="sub_total_row" {{$doc_type->wrappage_only==1 ? "hidden" : ""}}>
                                            <th colspan="6" style="text-align:right">{{__('texte.documents_arr.invoice_in_union.sum')}}</th>
                                            <th colspan="2" id="value">0.00000</th>
                                        </tr>
                                        @if($doc_type->wrappage_only==0)
                                        <tr id="vat_row">
                                            <th colspan="6" style="text-align:right">{{__('texte.documents_arr.invoice_in_union.vat')}}</th>
                                            <th colspan="2" id="vat">0.00000</th>
                                        </tr>
                                        @endif
                                        <tr>
                                            <th colspan="6" style="text-align:right">{{__('texte.documents_arr.invoice_in_union.total')}}</th>
                                            <th colspan="2" id="total">0.00000</th>
                                        </tr>
                                    </tfoot>
                                    <tbody></tbody>
                                </table>
                                @if ($errors)
                                    <span class="help-block"><strong>{{ $errors->first() }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        <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">
                                @if($doc_type->id==4 || $doc_type->id==12 || $doc_type->id==22 || $doc_type->id==63)
                                <button id="delete_all" type="button" class="btn btn-success" title="{{__('texte.documents_arr.invoice_in_union.delete_selected')}}">{{__('texte.documents_arr.invoice_in_union.delete_selected')}}</button>
                                @endif
                                <button type="submit" class="btn btn-primary" @nonepermission('document-route-create') disabled @endnonepermission>{{__('texte.documents_arr.invoice_in_union.change')}}</button>
                            </div>
                        </div>

                    </form>
                </div>
                
                
                <!-- Modal window on discount change-->
                <div id="modal-discount-change" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content animated flipInY">
                            <form class="form modal-content form-horizontal" id="discount_change_form" method="POST" action="#" role="form">
                                {{ csrf_field() }}
                                <input type="hidden" id="method" name="_method" value="POST" />
                                
                                <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.documents_arr.invoice_in_union.discount_change')}}</h4>
                                </div>

                                <div class="modal-body">

                                    <div class="form-group{{ $errors->has('discount_type') ? ' has-error' : '' }}">
                                        <label class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.documents_arr.invoice_in_union.discount_in')}}</label>
                                        <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                            <label class="control-label">
                                                <input type="radio" name="discount_type" value="1" checked="checked"/> {{__('texte.documents_arr.invoice_in_union.amount')}} 
                                            </label>
                                            <label class="control-label">
                                                <input type="radio" name="discount_type" value="2"/> {{__('texte.documents_arr.invoice_in_union.percent')}} 
                                            </label>
                                            @if ($errors->has('discount_type'))
                                                <span class="help-block"><strong>{{ $errors->first('discount_type') }}</strong></span>
                                            @endif
                                            <div class="errorBox"></div>
                                        </div>
                                    </div>

                                    <div class="form-group{{ $errors->has('new_discount') ? ' has-error' : '' }}">
                                        <label for="new_discount" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.documents_arr.invoice_in_union.new_discount')}}</label>
                                        <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                            <input type="text" class="form-control" id="new_discount" name="new_discount" value="" placeholder="0.00000" pattern="^\d+\.?\d{0,5}$" required/>
                                            @if ($errors->has('new_discount'))
                                                <span class="help-block"><strong>{{ $errors->first('new_discount') }}</strong></span>
                                            @endif
                                            <div class="errorBox"></div>
                                        </div>
                                    </div> 

                                    @nonepermission('document-form-discount-write')
                                    <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                                        <label for="name" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.documents_arr.invoice_in_union.user_name')}}</label>
                                        <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                            <input type="text" class="form-control" id="discount_name" name="name" value="" placeholder="{{__('texte.documents_arr.invoice_in_union.user_name')}}" required/>
                                            @if ($errors->has('name'))
                                                <span class="help-block"><strong>{{ $errors->first('name') }}</strong></span>
                                            @endif
                                            <div class="errorBox"></div>
                                        </div>
                                    </div> 

                                    <div class="form-group{{ $errors->has('pic') ? ' has-error' : '' }}">
                                        <label for="pic" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.documents_arr.invoice_in_union.auth_code')}}</label>
                                        <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                            <input type="password" class="form-control" id="discount_pic" name="pic" placeholder="{{__('texte.documents_arr.invoice_in_union.auth_code')}}" maxlength="255" pattern=".{6,}"/>
                                            @if ($errors->has('pic'))
                                                <span class="help-block"><strong>{{ $errors->first('pic') }}</strong></span>
                                            @endif
                                            <div class="errorBox"></div>
                                        </div>
                                    </div>       
                                    @endnonepermission
                                </div>
                                <div class="modal-footer">
                                    <button id="confirm_discount_change" type="button" class="btn btn-default" onclick="change_discount()">{{__('texte.documents_arr.invoice_in_union.change_discount')}}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                
                
                <div id="product_chronology_modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <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.documents_arr.invoice_in_union.product_chronology')}}</h4>
                                </div>
                                <div class="modal-body">
                                    <h4 id="product_chronology_modal_h4"> </h4>
                                    
                                    <div class="form-inline">    
                                        @permission('order-form-chronology_filters-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="chronology_supplier" name="chronology_object">
                                                        <option value="0">-- {{__('texte.documents_arr.invoice_in_union.supplier')}} --</option>
                                                        @foreach($contragents as $contragent)
                                                            <option value="{{$contragent->id}}">{{ $contragent->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="chronology_object" name="chronology_object">
                                                        <option value="0">-- {{__('texte.documents_arr.invoice_in_union.object')}} -- </option>
                                                        @foreach($objects as $object)
                                                            <option value="{{$object->id}}">{{ $object->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="chronology_product" name="chronology_product">
                                                        <option value="0">-- {{__('texte.documents_arr.invoice_in_union.product')}} -- </option>
                                                        @foreach($products as $product)
                                                            <option value="{{$product->id}}">{{ $product->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="chronology_intangible" name="chronology_intangible">
                                                        <option value="0">-- {{__('texte.documents_arr.invoice_in_create.intangible')}} -- </option>
                                                        @foreach($intangibles as $intangible)
                                                            <option value="{{$intangible->id}}">{{ $intangible->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="documents_type" name="documents_type">
                                                        <option value="0">-- {{__('texte.documents_arr.invoice_in_union.documents_type')}} -- </option>
                                                        <option value="1">{{__('texte.documents_arr.invoice_in_union.input')}}</option>
                                                        <option value="2">{{__('texte.documents_arr.invoice_in_union.return')}}</option>
                                                        <option value="3">{{__('texte.documents_arr.invoice_in_union.output')}}</option>
                                                        <option value="4">{{__('texte.documents_arr.invoice_in_union.supplier_return')}}</option>
                                                    </select>
                                                </div>
                                            </div>                                       
                                            

                                            <div class="form-group">
                                                <div class="input-group">
                                                    <div style="display: inline-block; height:40px;margin-left:2px;">
                                                        <div class='yadcf-filter-wrapper-inner'>
                                                            <input type="text" class="yadcf-filter-range-date" id="chronology_date_from" name="chronology_date_from" value="" placeholder="{{__('texte.documents_arr.invoice_in_union.date_from')}}"/>
                                                            <input type="text" class="yadcf-filter-range-date" id="chronology_date_to" name="chronology_date_to" value="" placeholder="{{__('texte.documents_arr.invoice_in_union.date_to')}}"/>
                                                        </div>
                                                    </div>                                    
                                                </div>  
                                            </div>
                                        @endpermission
                                        
                                        <button class='btn btn-success dark_bordered_warning' type="button" onclick="show_product_chronology();" title='{{__('texte.documents_arr.invoice_in_union.product_chronology')}}' data-toggle='tooltip'>{{__('texte.documents_arr.invoice_in_union.product_chronology')}}</button>
                                        <button class='btn btn-warning dark_bordered_warning' type="button" onclick="reset_chronology_filters();" title='{{__('texte.documents_arr.invoice_in_union.reset_filters')}}' data-toggle='tooltip'>{{__('texte.documents_arr.invoice_in_union.reset_filters')}}</button>
                                        
                                        <div class="panel-body">
                                            <div class="table-responsive"> 
                                                <table class="table table-striped table-bordered table-hover dataTables-chronology dataTable " width="100%">
                                                    <thead>
                                                        <tr>
                                                            <th>{{__('texte.documents_arr.invoice_in_union.type')}}</th>
                                                            <th>{{__('texte.documents_arr.invoice_in_union.number')}}</th>    
                                                            <th>{{__('texte.documents_arr.invoice_in_union.contragent')}}</th> 
                                                            <th>{{__('texte.documents_arr.invoice_in_union.object')}}</th> 
                                                            <th>{{__('texte.documents_arr.invoice_in_union.date')}}</th>
                                                            <th>{{__('texte.documents_arr.invoice_in_union.quantity')}}</th>
                                                            <th>{{__('texte.documents_arr.invoice_in_union.measure')}}</th>
                                                            <th>{{__('texte.documents_arr.invoice_in_union.price_with_vat')}}</th>
                                                            <th>{{__('texte.documents_arr.invoice_in_union.value')}}</th>
                                                            <th>{{__('texte.documents_arr.invoice_in_union.show')}}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>

                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <th colspan="8">Total:</th> 
                                                            <th></th>
                                                            <th></th>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>


<script src="{{ asset('js/form.map.js') }}"></script>
<script src="{{ asset('js/jquery.tablesorter.min.js') }}"></script>
<script src="{{ asset('js/chosen.js') }}"></script>
<script src="{{ asset('js/chosen-readonly.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/document.js') }}"></script>
<script src="{{ asset('js/document.in_invoice.js') }}"></script>
<script src="{{ asset('js/document.out_invoice.js') }}"></script>

<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script src="{{ asset('js/datatables.min.js') }}"></script>
    
<script type="text/javascript" charset="utf-8">
var objects = {!! isset($objects) ? $objects->toJSON() : collect()->toJson() !!};
var users = {!! isset($users) ? $users->toJSON() : collect()->toJson()!!};
var contragents = {!! isset($contragents) ? $contragents->toJSON() : collect()->toJson() !!};

$('input#date').datepicker({option: $.datepicker.regional['bg']});
$('input#payment_date').datepicker({option: $.datepicker.regional['bg'], minDate: '+0M +0D'});


var initial_objects = {!! $objects !!};
var doc_type = {!! $doc_type !!};

if(doc_type.documentable_type==1){ 
    Form.select(contragents, '#contragent', '{{ old('contragent', $document->documentable_id ?? 0) }}', ' ');
    $('select#contragent').chosen({search_contains: true, no_results_text: 'Няма намерени', placeholder_text_single: '--- Контрагент ---'});
}
else if(doc_type.documentable_type==2){
    Form.select(objects, '#object', '{{ old('object', $document->documentable_id ?? 0) }}', ' ');
    $('select#object').chosen({search_contains: true, no_results_text: 'Няма намерени', placeholder_text_single: '--- Обект ---'});
    $('#contragent').chosen();
    
}
else{
    Form.select(users, '#user', '{{ old('user') }}', ' ');
    $('select#user').chosen({allow_single_deselect: true, search_contains: true, no_results_text: 'Няма намерени', placeholder_text_single: '--- Шофьор ---'});
}
 
$('#chronology_supplier,#chronology_object,#chronology_product,#chronology_intangible,#documents_type,#vehicle').chosen();
$('#chronology_product,#chronology_intangible').chosenReadonly(true).trigger('chosen:updated');

$("#chronology_date_from").datepicker({   
        onSelect: function(dateText, inst){
           $("#chronology_date_to").datepicker("option","minDate",
           $("#chronology_date_from").datepicker("getDate"));
        }
    });

$("#chronology_date_to").datepicker();
    
$(document).ready(function(){
    
    if(doc_type.creation_type==1 || $.inArray(doc_type.id,(11,12,13,14,16,19))!==-1){
        new Document_Invoice_In({!! $products->toJSON() !!}, {!! $intangibles->toJSON() !!}, {!! $stocks->toJSON() !!}, {!! $storages->toJSON() !!}, '{{ old('storage', $storage_id) }}');
        
        $('.paste_rows').on('click',function(){        
            new Document_Invoice_In({!! $products->toJSON() !!}, {!! $intangibles->toJSON() !!}, {!! (isset($copied_rows) ? $copied_rows->toJSON() : collect()->toJSON()) !!}, {!! $storages->toJSON() !!}, '{{ old('storage', $storage_id) }}',true);
        });
        
        $('#vat_btn').on('click', function(){
            click_vat_btn();
        }).click();
     }
    else{
         new Document_Invoice_Out({!! $products->toJSON() !!},{!! $intangibles->toJSON() !!},  {!! $stocks->toJSON() !!}, {!! $storages->toJSON() !!}, '{{ old('storage', $storage_id) }}');   
    
        $('.paste_rows').on('click',function(){        
            new Document_Invoice_Out({!! $products->toJSON() !!},{!! $intangibles->toJSON() !!},  {!! (isset($copied_rows) ? $copied_rows->toJSON() : collect()->toJSON()) !!}, {!! $storages->toJSON() !!}, '{{ old('storage', $storage_id) }}');
        });
    }    
    
    if($('#contragent').hasClass('readonly')){
        $('#contragent').chosenReadonly(true).trigger('chosen:updated');
    }
    
    if($('#object').hasClass('readonly')){
        $('#object').chosenReadonly(true).trigger('chosen:updated');
    }
    
    if($('#storage').hasClass('readonly')){
        $('#storage').chosenReadonly(true).trigger('chosen:updated');
    }
    
    $('#select_all').on('click', function(){
        $('.checkbox-delete').prop('checked',true);
    });
    
    $('#delete_all').on('click', function(){
        $('.checkbox-delete:checked').each(function(){
            $(this).closest('tr').remove();
            self.sum();
        });
    });
    
    
    window.onbeforeunload = function() {
        var id = {!!$document->id!!};
        if (id!=0){
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/release_document',
                        type: 'POST',
                        async:false,
                data: { 'id' : id},
                success: function(response){
                        }
            });
        }
    }    
});

$('#have_vat').chosen().trigger('chosen:updated');




$(function() {
    moment.locale('bg');
    
    if(doc_type.documentable_type==1){
        $('select#contragent').change(function() {
            var i = $(this).children('option:selected').index() - 1;
            
            $('input#payment_date').val(moment(new Date((new Date()).setDate((new Date()).getDate()+(contragents[i].delayed_days!=null ? contragents[i].delayed_days : 0) ))).format('DD.MM.YYYY'));
            
            if (contragents[i].payment_type != 0) {
                $('input:radio#payment_type_cache').attr('checked', false);
                $('input:radio#payment_type_bank').attr('checked', true).change();
            }
            else {
                $('input:radio#payment_type_bank').attr('checked', false);
                $('input:radio#payment_type_cache').attr('checked', true).change();
            }
        }).change();
    }
    else if(doc_type.documentable_type==2){
        $('#contragent').on('change', function(){
        
            var client = $('#contragent').val();
            if(client!=0){
                $.ajax({
                    headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: '/get_filtered_objects',
                            type: 'POST',
                    data: { 'client' : client},
                    success: function(response){
                                var options='<option value="0"> --- Обект --- </option>';
                                $('#object').find('option').remove().end();
                                if(response.length>0){
                                    for (var i in response){
                                           options += '<option value="' + response[i].id + '" name="'+ response[i].name + '">' + response[i].name + '</option>';
                                    }
                                }
                                $('#object').html(options);
                                $('#object').trigger("chosen:updated");
                            }
                });
            }
            else{
                var options='<option value="0"> --- Обект --- </option>';
                $('#object').find('option').remove().end();

                for (var i in initial_objects){
                    options += '<option value="' + initial_objects[i].id + '" name="'+ initial_objects[i].name + '">' + initial_objects[i].name + '</option>';
                }
                $('#object').html(options);
                $('#object').trigger("chosen:updated").change();
            }

        });
        
        
        $('#object').on('change', function(){
            if($(this).val()!=0){

                var object = $(this).val();
                <!--Get object data-->
                $.ajax({
                    headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: '/get_object_data',
                            type: 'POST',
                    data: { 'object' : object},
                    success: function(response){
                                if($("#contragent option[value='" + response.object.contragent_id + "']").length > 0){
                                    $('#contragent').val(response.object.contragent_id).trigger('chosen:updated');
                                }
                                else{
                                    $('#contragent').val('');
                                    alert('Контрагента, на който принадлежи този обект, е отбелязан като неактивен');
                                }
                                 $('#contragent').trigger("chosen:updated");
                                 
                                 var i = $(this).children('option:selected').index() - 1;
                                
                                //Условиете за проверка на главния документ променено на 15.11.21 по желание на Стефан, за да се гледат настройките на обекта, а не родителския документ
                                $('input#payment_date').val(moment(new Date((new Date()).setDate((new Date()).getDate()+response.object.delayed_days))).format('DD.MM.YYYY'));
                                   
                                if (response.object.payment_type != 0) {
                                    $('input:radio#payment_type_cache').attr('checked', false);
                                    $('input:radio#payment_type_bank').attr('checked', true).change();
                                }
                                else {
                                    $('input:radio#payment_type_bank').attr('checked', false);
                                    $('input:radio#payment_type_cache').attr('checked', true).change();
                                }
                            }
                });
            }
        }).change();
    }

});

    $(document).on('input','.price,.discount', function(){
       $(this).val($(this).val().replace(/,/g, '.')); 
    });
    
    
    
    
    $('input[name=payment_type]').on('change', function(){
       if($('input[name=payment_type]:checked').val()==1){
           $('#account_type_case').prop('checked',true);
           $('#account_type_no_case').attr('disabled',true);
       } 
       else{
           $('#account_type_no_case').attr('disabled',false);
       }
    }).change();
    
    
    function change_discount(id){
        var new_discount = $('#new_discount').val();
        var discount_type = $('input[name=discount_type]:checked').val();

        if(discount_type==1){
            $('#discount_'+id).val(new_discount).trigger("input");
        }
        else{                            
            new_calculated_discount = $('#price_'+id).val()*new_discount/100;
            $('#discount_'+id).val(new_calculated_discount.toFixed(5)).trigger("input");
        }  
        $("button[data-dismiss=\"modal\"]").click();
    }
    
    
    function show_chronology_modal(product,is_intangible){        
        if(is_intangible==-1){
            $('#chronology_intangible').val(0).trigger('chosen:updated');
            $('#chronology_product').val(product).trigger('chosen:updated');             
        }
        else{
            $('#chronology_product').val(0).trigger('chosen:updated');
            $('#chronology_intangible').val(product).trigger('chosen:updated'); 
        }
        
        $('#DataTables_Table_0 tbody tr').remove();
        $('#product_chronology_modal_h4').html('');
        $('#product_chronology_modal').modal('toggle');
    }
    
    function show_product_chronology(){
                
        var product = $('#chronology_product').val();
        var intangible = $('#chronology_intangible').val();
        var object = $('#chronology_object').val()!='0' ? $('#chronology_object').val() : '';
        var supplier = $('#chronology_supplier').val()!='0' ? $('#chronology_supplier').val() : '';        
        var date_from = $('#chronology_date_from').val();
        var date_to = $('#chronology_date_to').val();
        var documents_type = $('#documents_type').val();
        
        var table = $('.dataTables-chronology').DataTable({
            pageLength: 100,
            responsive: true,
            "bDestroy": true,
            "server-side": true,

            "ajax": {
                        headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                },
                        data: { 'product' : product,
                                'intangible' : intangible,
                                'object' : object,
                                'supplier' : supplier,                                
                                'date_from' : date_from,
                                'date_to' : date_to,
                                'documents_type' : documents_type},
                        url: product!=0 ? '/get_product_chronology' : '/get_intangible_chronology',
                        type: 'POST'
                    },
            "deferRender": true,
            columns: [
                        { data: 'document.type', name: 'Тип',
                            render: function ( data, type, row, meta ) {
                                 return row.document.type.title;
                            },
                        },
                        { data: 'document.number', name: 'Номер'}, 
                        { data: 'id', name: 'Контрагент',
                            render: function ( data, type, row, meta ) {
                                 return row.document.documentable.contragent.company_name!='' ? row.document.documentable.contragent.company_name : row.document.documentable.contragent.user.name;
                            },
                        },
                        { data: 'id', name: 'Обект',
                            render: function ( data, type, row, meta ) {
                                return row.document.documentable_type=='App\\Obect' ? row.document.documentable.user.name : "";
                            },
                        },
                        { data: 'document.date', name: 'Дата',"sType": "date-uk",
                            render: function ( data, type, row, meta ) {
                                return $.datepicker.formatDate('dd.mm.yy', new Date(data));
                            },
                        },                        
                        { data: 'quantity', name: 'Количество',
                            render: function ( data, type, row, meta ) {
                                return (row.document.type==15 ? '-' : '') + (row.measure==1 ? data : (row.measure==0 ? data/row.package_count : data/row.pallet_count));
                            },
                        },
                        { data: 'measure', name: 'Мярка',
                            render: function ( data, type, row, meta ) {
                                return data==1 ? 'Брой' : (data==0 ? row.package_name : 'Палет');
                            },
                        },                        
                        { data: 'price', name: 'ДДС',
                            render: function ( data, type, row, meta ) {
                                var count = row.measure==1 ? 1 : (row.measure==0 ? row.package_count : row.pallet_count)
                                return ((data-row.discount)*count*(row.document.vat_rate_id==0 ? 1 : row.document.vat_rate.value)).toFixed(5);
                            },
                        },
                        { data: 'value', name:'Стойност',
                            render: function ( data, type, row, meta ) {
                                var count = row.measure==1 ? 1 : (row.measure==0 ? row.package_count : row.pallet_count)
                                return (data*(row.document.vat_rate_id==0 ? 1 : row.document.vat_rate.value)).toFixed(5);
                            },
                        },
                        { data: 'id', name: 'Покажи',
                            "orderable" : false,
                            "fnCreatedCell": function (nTd, sData, oData, iRow, iCol){
                                $(nTd).html("@permission('document-route-list')<a class='btn btn-info' target='_blank' href='/documents/" + oData.document_id + "' title='Покажи' data-toggle='tooltip'><i class='glyphicon glyphicon-eye-open'></i></a>@endpermission");
                            }  
                        },
            ],

            "oLanguage": {
                "sSearch": "",
                "sLengthMenu": "_MENU_  <span style='vertical-align:-moz-middle-with-baseline;margin-left:5px;'>Резултата на страница</span>",  
                "sInfo": "Показване на записи от _START_ до _END_ от общо _TOTAL_ записа",
                "sZeroRecords": "Не са намерени записи по зададените параметри",
                "sInfoEmpty": "Не са намерени записи по зададените параметри",
                "sInfoFiltered" : "- филтрирани от _MAX_ записа",
                "sLoadingRecords" : "Резултатите се зареждат, моля изчакайте...",
                "oPaginate": {
                                        "sNext": "Следваща страница",
                                        "sPrevious": "Предишна страница",
                                  },

            },
            "initComplete":function(settings, json) {
                $('select[name="DataTables_Table_0_length"]').chosen();
                $('.input-sm').attr('placeholder','Търсене');
                $('div.dataTables_filter input').css({ marginLeft : "0px"});
                this_table = $('.dataTables-chronology').dataTable();
                $('#product_chronology_modal_h4').html(typeof(json.data[0])!= "undefined" ? json.data[0].name : '');
                
            },
            "dom" : "fltip",
        });
    }
    
    function reset_chronology_filters(){
        $('.yadcf-filter-range-date').val('');   
        $('#chronology_supplier,#chronology_object,#documents_type').val(0).trigger("chosen:updated").change();
    }
    
    function click_vat_btn(){
        if($('#vat_btn').hasClass('with_vat')){
            $('#vat_btn').removeClass('btn-primary').addClass('btn-warning').removeClass('with_vat').attr('title','Покажи цени с ДДС');
            $('.price').each(function(){
                $(this).val(parseFloat($(this).val()/($('#have_vat').val()!=0 ? $('#have_vat').val() : 1)).toFixed(5));
            });
            $('.value').each(function(){
                $(this).val(parseFloat($(this).val()/($('#have_vat').val()!=0 ? $('#have_vat').val() : 1)).toFixed(5));
            });

            $('.discount').each(function(){
                $(this).val(parseFloat($(this).val()/($('#have_vat').val()!=0 ? $('#have_vat').val() : 1)).toFixed(5)); 
            });

            $('#vat_included').val('0');
        }
        else{
            $('#vat_btn').removeClass('btn-warning').addClass('btn-primary').addClass('with_vat').attr('title','Покажи цени без ДДС');
            $('.price').each(function(){
                $(this).val(parseFloat($(this).val()*($('#have_vat').val()!=0 ? $('#have_vat').val() : 1)).toFixed(5)); 
            });
            $('.value').each(function(){
                $(this).val(parseFloat($(this).val()*($('#have_vat').val()!=0 ? $('#have_vat').val() : 1)).toFixed(5));
            });

            $('.discount').each(function(){
                $(this).val(parseFloat($(this).val()*($('#have_vat').val()!=0 ? $('#have_vat').val() : 1)).toFixed(5));
            });
            $('#vat_included').val('1');
        }
        self.sum();
    }
    
    $('#for_vehicle').on('click', function(){
        if($(this).prop('checked')===true){
            $('#vehicle').closest('.form-group').show();
        }
        else{
            $('#vehicle').val('').trigger('chosen:updated');
            $('#vehicle').closest('.form-group').hide();
        }
    });
    
    jQuery.extend( jQuery.fn.dataTableExt.oSort, {
        "date-uk-pre": function ( a ) {
            if(a){
                var ukDatea = a.split('.');
                return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
            }
            else{
                return ' ';
            }
        },

        "date-uk-asc": function ( a, b ) {
            return ((a < b) ? -1 : ((a > b) ? 1 : 0));
        },

        "date-uk-desc": function ( a, b ) {
            return ((a < b) ? 1 : ((a > b) ? -1 : 0));
        }
    });
    
    $(document).ready(function() {
        $(window).keydown(function(event){
            if(event.keyCode == 13) {
                event.preventDefault();
                return false;
            }
        });
    });

</script>
@endsection