@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">
                        {{ $loan_type->title }}
                        <div class="pull-right">
                            <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.loans_arr.create.back')}}</button>
                        </div>
                    </h3>
                </div>

                <div class="panel-body">
                    <form id="loan_create" method="POST" action="{{ route('loans.store') }}" class="form form-horizontal" novalidate>
                        {{ csrf_field() }}
                        <input type="hidden" id="loan_type" name="loan_type" value="{{$loan_type->id}}" />
                        <input type="hidden" id="parent_id" name="parent_id" value="{{$parent_id}}" />

                    @if($loan_type->payment_type==2)    
                        @permission('loan-form-bank-read')
                        <div class="form-group{{ $errors->has('bank') ? ' has-error' : '' }}">
                            <label for="bank" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.loans_arr.create.bank')}}</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" id="bank" name="bank" required autofocus 
                                    @nonepermission('loan-form-bank-write')
                                        readonly 
                                    @endnonepermission
                                >
                                    <option value=''>--- {{__('texte.loans_arr.create.bank')}} ---</option>
                                    @foreach($banks as $bank)
                                    <option value='{{$bank->id}}' {{old('bank')==$bank->id ? 'selected' : ''}}>{{$bank->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('bank'))
                                    <span class="help-block"><strong>{{ $errors->first('bank') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('loan-form-account-read')
                        <div class="form-group{{ $errors->has('account') ? ' has-error' : '' }}">
                            <label for="account" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.loans_arr.create.account')}}</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" id="account" name="account" required autofocus disabled
                                    @nonepermission('loan-form-account-write')
                                        readonly 
                                    @endnonepermission
                                >
                                    <option value=''>--- {{__('texte.loans_arr.create.account')}} ---</option>
                                </select>
                                @if ($errors->has('account'))
                                    <span class="help-block"><strong>{{ $errors->first('account') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                    @endif
                    
                        @if(isset($contragents) && $contragents->isNotEmpty())
                            @permission('loan-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">{{$loan_type->documentable_type==1 ? __('texte.loans_arr.create.supplier') : __('texte.loans_arr.create.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 {{ isset($parent_loan) ? 'readonly' : ''}}" id="contragent" name="contragent" required autofocus 
                                        @nonepermission('loan-form-contragent-write')
                                            readonly 
                                        @endnonepermission
                                    >
                                        <option value=''>--- {{__('texte.loans_arr.create.contragent')}} ---</option>
                                        @foreach($contragents as $contragent)
                                        <option value='{{$contragent->id}}' {{old('contragent')==$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

                        @permission('loan-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.loans_arr.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.loans_arr.create.date')}}" maxlength="10" required/>
                                @if ($errors->has('date'))
                                    <span class="help-block"><strong>{{ $errors->first('date') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @if($parent_id==0)
                            @permission('loan-form-payment_date-read')
                            <div class="form-group{{ $errors->has('date') ? ' has-error' : '' }}">
                                <label for="payment_date" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.loans_arr.create.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', date('d.m.Y')) }}" placeholder="{{__('texte.loans_arr.create.payment_date')}}" maxlength="10" required/>
                                    @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('loan-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.loans_arr.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.loans_arr.create.note')}}" 
                                    @nonepermission('loan-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('loan-form-account_type-read')
                        <div class="form-group{{ $errors->has('initial_loading') ? ' has-error' : '' }}">
                            <div class="input-group col-xs-12 col-xs-offset-2 col-sm-12 col-sm-offset-2 col-md-12 col-md-offset-2">
                                <label for="initial_loading" class="control-label">
                                    <input type="checkbox" id="initial_loading" name="initial_loading" value="1"
                                        @nonepermission('loan-form-account_type-write')
                                            disabled 
                                        @endnonepermission
                                    /> {{__('texte.loans_arr.create.case_effect')}} 
                                </label>
                                @if ($errors->has('initial_loading'))
                                    <span class="help-block"><strong>{{ $errors->first('initial_loading') }}</strong></span>
                                @endif
                            </div>
                        </div>
			@endpermission
                        
                        @permission('loan-form-amount-read')
                        <div class="form-group{{ $errors->has('amount') ? ' has-error' : '' }}">
                            <label for="amount" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.loans_arr.create.amount')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-euro"></i></span>
                                <input type="text" class="form-control amount" id="amount" name="amount" value="{{ old('amount',0) }}" placeholder="{{__('texte.loans_arr.create.amount')}}" {{isset($parent_loan) ? "max=".($parent_loan->amount-$parent_loan->paid) : ""}} autocomplete="off" required 
                                    @nonepermission('loan-form-amount-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('amount'))
                                    <span class="help-block"><strong>{{ $errors->first('amount') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @if(isset($parent_loan))
                            <div class="form-group{{ $errors->has('remaining_amount') ? ' has-error' : '' }}">
                                <label for="remaining_amount" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.loans_arr.create.remaining_amount')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-euro"></i></span>
                                    <input type="text" class="form-control amount" id="remaining_amount" name="remaining_amount" value="{{$parent_loan->amount - $parent_loan->paid}}" placeholder="{{__('texte.loans_arr.create.amount')}}" maxlength="255" autocomplete="off" readonly/>
                                </div>
                            </div>
                        @endif
                       
                        <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('loan-route-create') disabled @endnonepermission>{{__('texte.loans_arr.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/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/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script src="{{ asset('js/jquery.serializejson.js') }}"></script>

<script type="text/javascript" charset="utf-8">
   
   $(document).ready(function(){
       
        $('#contragent,#bank,#account').chosen();
        
        if($('#contragent').hasClass('readonly')){
            $('#contragent').val({!!$parent_loan->documentable_id ?? "" !!});
            $('#contragent').chosenReadonly(true).trigger('chosen:updated');
        }
       
        $('input#date').datepicker({option: $.datepicker.regional['bg'],beforeShow: function(i) { if ($(i).attr('readonly')) { return false; } }});
        $('input#payment_date').datepicker({option: $.datepicker.regional['bg'],beforeShow: function(i) { if ($(i).attr('readonly')) { return false; } }});


        $('.amount').on('input', function() {
            //$(this).val($(this).val().match(/^\d+\.?\d{0,5}$/));
            var valid = /^\d+\.?\d{0,5}$/.test(this.value),
            val = this.value;

            if(!valid){
                this.value = val.substring(0, val.length - 1);
            }
        });
   
   
        $('#bank').on('change', function(){
             if($(this).val()!==''){
                 var bank = $(this).val();
                 $.ajax({
                     headers: {
                             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                             },
                             url: '/get_accounts',
                             type: 'POST',
                             async: false,
                     data: { 'bank' : bank},
                     success: function(response){
                         if(response.length>0){
                         $('#account').find('option').remove().end();
                             var options='<option value=""> --- Сметка --- </option>';
                              for (var i in response){
                                    options += '<option value="' + response[i].id + '">' + response[i].number + ' / Валута: ' + (response[i].currency==1 ? ' BGN' : (response[i].currency ==2 ? 'EUR' : 'USD')) +  '</option>';
                              }
                              $('#account').html(options);
                              $('#account').attr('disabled',false);
                         }
                         else{
                              $('#account').attr('disabled',true);
                         }
                     }
                 });
             } 
             else{
                $('#account').val('').attr('disabled',true);
             }
              $('#account').trigger('chosen:updated');
        }).change();        
   });
       
    
    $(document).ready(function() {
        $(window).keydown(function(event){
            if(event.keyCode == 13) {
                event.preventDefault();
                return false;
            }
        });
    });
    
</script>
@endsection