@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">

                        <div class="pull-right">
                            <button class="btn btn-success back-btn" onclick="window.history.back()">{{__('texte.cash_transfers_arr.create.back')}}</button>
                        </div>
                    </h3>
                </div>

                <div class="panel-body">
                    <form id="cash_transfer_create" method="POST" action="{{ route('cash_transfers.store') }}" class="form form-horizontal" novalidate>
                        {{ csrf_field() }}
                        
                        <input type="hidden" id="user_id" name="user_id" value="{{auth()->user()->id}}" />
                        <input type="hidden" id="main_case" name="main_case" value="{{auth()->user()->id}}" />
                        
                        
                        <div class="form-group">
                            <label class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.cash_transfers_arr.create.from')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <label class="control-label">
                                    <input type="radio" class="from" name="from" value="1" checked="checked" {{old('from') == 1 ? "checked" : "" }}/> {{__('texte.cash_transfers_arr.create.bank')}} 
                                </label>

                                <label class="control-label">
                                    <input type="radio" class="from" name="from" value="2" {{old('from') == 2 ? "checked" : ""}}/> {{__('texte.cash_transfers_arr.create.case')}} 
                                </label>
                            </div>
                        </div>
                      
                        @permission('cash_transfer-form-bank-read')
                        <div class="form-group{{ $errors->has('bank_from') ? ' has-error' : '' }} bank_from" hidden>
                            <label for="bank_from" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.cash_transfers_arr.create.bank_from')}}:</label>
                            <div class="input-group col-xs-7 col-sm-7 col-md-7">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <select class="form-control" id="bank_from" name="bank_from" required autofocus 
                                    @nonepermission('cash_transfer-form-bank-write')
                                        readonly 
                                    @endnonepermission
                                >
                                    <option value=''>--- {{__('texte.cash_transfers_arr.create.bank')}} ---</option>
                                    @foreach($banks as $bank)
                                    <option value='{{$bank->id}}' {{old('bank_from')==$bank->id ? 'selected' : ''}}>{{$bank->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('bank_from'))
                                    <span class="help-block"><strong>{{ $errors->first('bank_from') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                    
                        @permission('cash_transfer-form-account-read')
                        <div class="form-group{{ $errors->has('account_from') ? ' has-error' : '' }} account_from" hidden>
                            <label for="account_from" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.cash_transfers_arr.create.account_from')}}:</label>
                            <div class="input-group col-xs-7 col-sm-7 col-md-7">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <select class="form-control" id="account_from" name="account_from" required autofocus disabled
                                    @nonepermission('cash_transfer-form-account-write')
                                        readonly 
                                    @endnonepermission
                                >
                                    <option value=''>--- {{__('texte.cash_transfers_arr.create.account')}} ---</option>
                                </select>
                                @if ($errors->has('account_from'))
                                    <span class="help-block"><strong>{{ $errors->first('account_from') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                    
                        @permission('cash_transfer-form-safe-read')
                        <div class="form-group{{ $errors->has('case_from') ? ' has-error' : '' }} safe_from">
                            <label for="case_from" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.cash_transfers_arr.create.case_from')}}:</label>
                            <div class="input-group col-xs-7 col-sm-7 col-md-7">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <select class="form-control" id="case_from" name="case_from" required autofocus 
                                    @nonepermission('cash_transfer-form-bank-write')
                                        readonly 
                                    @endnonepermission
                                >
                                    <option value=''>--- {{__('texte.cash_transfers_arr.create.case')}} ---</option>
                                    @foreach($cases as $case)
                                        @foreach($case->users as $user)
                                            <option value='{{$user->id}}' data-main="{{$user->hasRole('Главен касиер') ? 1 : 0}}" {{old('case_from')==$user->id ? 'selected' : ''}}>{{$user->name}}</option>
                                        @endforeach
                                    @endforeach
                                </select>
                                @if ($errors->has('case_from'))
                                    <span class="help-block"><strong>{{ $errors->first('case_from') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <div class="form-group{{ $errors->has('case_from_confirmation') ? ' has-error' : '' }} case_from_confirmation">
                            <label for="case_from_confirmation" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.cash_transfers_arr.create.case_from_confirmation')}}:</label>
                            <div class="input-group col-xs-7 col-sm-7 col-md-7">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input type="password" class="form-control" id="case_from_confirmation" name="case_from_confirmation" value="" />
                                @if ($errors->has('case_from_confirmation'))
                                    <span class="help-block"><strong>{{ $errors->first('case_from_confirmation') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission                        
                       
                    
                        <div class="form-group">
                            <label class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.cash_transfers_arr.create.to')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <label class="control-label">
                                    <input type="radio" class="to" name="to" value="1" checked="checked" {{old('to') == 1 ? "checked" : "" }}/> {{__('texte.cash_transfers_arr.create.bank')}} 
                                </label>

                                <label class="control-label">
                                    <input type="radio" class="to" name="to" value="2" {{old('to') == 2 ? "checked" : ""}}/> {{__('texte.cash_transfers_arr.create.case')}} 
                                </label>
                            </div>
                        </div>
                         
                        @permission('cash_transfer-form-bank-read')
                        <div class="form-group{{ $errors->has('bank_to') ? ' has-error' : '' }} bank_to">
                            <label for="bank_to" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.cash_transfers_arr.create.bank_to')}}:</label>
                            <div class="input-group col-xs-7 col-sm-7 col-md-7">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <select class="form-control" id="bank_to" name="bank_to" required autofocus 
                                    @nonepermission('cash_transfer-form-bank-write')
                                        readonly 
                                    @endnonepermission
                                >
                                    <option value=''>--- {{__('texte.cash_transfers_arr.create.bank')}} ---</option>
                                    @foreach($banks as $bank)
                                    <option value='{{$bank->id}}' {{old('bank_to')==$bank->id ? 'selected' : ''}}>{{$bank->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('bank_to'))
                                    <span class="help-block"><strong>{{ $errors->first('bank_to') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('cash_transfer-form-account-read')
                        <div class="form-group{{ $errors->has('account_to') ? ' has-error' : '' }} account_to">
                            <label for="account_to" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.cash_transfers_arr.create.account_to')}}:</label>
                            <div class="input-group col-xs-7 col-sm-7 col-md-7">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <select class="form-control" id="account_to" name="account_to" required autofocus disabled
                                    @nonepermission('cash_transfer-form-account-write')
                                        readonly 
                                    @endnonepermission
                                >
                                    <option value=''>--- {{__('texte.cash_transfers_arr.create.account')}} ---</option>
                                </select>
                                @if ($errors->has('account_to'))
                                    <span class="help-block"><strong>{{ $errors->first('account_to') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                    
                        @permission('cash_transfer-form-safe-read')
                        <div class="form-group{{ $errors->has('case_to') ? ' has-error' : '' }} safe_to">
                            <label for="case_to" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.cash_transfers_arr.create.case_to')}}:</label>
                            <div class="input-group col-xs-7 col-sm-7 col-md-7">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <select class="form-control" id="case_to" name="case_to" required autofocus 
                                    @nonepermission('cash_transfer-form-bank-write')
                                        readonly 
                                    @endnonepermission
                                >
                                    <option value=''>--- {{__('texte.cash_transfers_arr.create.case')}} ---</option>
                                    @foreach($cases as $case)
                                        @foreach($case->users as $user)
                                        <option value='{{$user->id}}' data-main="{{$user->hasRole('Главен касиер') ? 1 : 0}}" {{old('case_to')==$user->id ? 'selected' : ''}}>{{$user->name}}</option>
                                        @endforeach
                                    @endforeach
                                </select>
                                @if ($errors->has('case_to'))
                                    <span class="help-block"><strong>{{ $errors->first('case_to') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        <div class="form-group{{ $errors->has('case_to_confirmation') ? ' has-error' : '' }} case_to_confirmation">
                            <label for="case_to_confirmation" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.cash_transfers_arr.create.case_to_confirmation')}}:</label>
                            <div class="input-group col-xs-7 col-sm-7 col-md-7">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input type="password" class="form-control" id="case_to_confirmation" name="case_to_confirmation" value="" />
                                @if ($errors->has('case_to_confirmation'))
                                    <span class="help-block"><strong>{{ $errors->first('case_to_confirmation') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission                        
                    
                    
                        @permission('cash_transfer-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.cash_transfers_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.cash_transfers_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

                        @permission('cash_transfer-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.cash_transfers_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.cash_transfers_arr.create.note')}}" 
                                    @nonepermission('cash_transfer-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('cash_transfer-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.cash_transfers_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') }}" placeholder="{{__('texte.cash_transfers_arr.create.amount')}}" maxlength="255" autocomplete="off" required 
                                    @nonepermission('cash_transfer-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
                        
                        <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.cash_transfers_arr.create.denominations')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <table id="denominations_table" class="table table-bordered table-hover">
                                    <thead>                                        
                                        <tr>
                                            <th style='text-align: center'>{{__('texte.cash_transfers_arr.create.value')}}</th>
                                            <th style='text-align: center'>{{__('texte.cash_transfers_arr.create.count')}}</th>
                                            <th style='text-align: center'>{{__('texte.cash_transfers_arr.create.total')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td colspan='3'>{{__('texte.cash_transfers_arr.create.banknotes')}}</td>
                                        </tr>
                                        @foreach(__('texte.denominations_arr') as $key=>$value)
                                        <tr>
                                            <td>{{$value}}</td>
                                            <td><input type='text' name='count[]' class='count number' data-value='{{$key}}' value=''/></td>
                                            <td><input type='text' name='sub_total[]' class='total' value='0' readonly/></td>
                                        </tr>
                                        @endforeach
                                        <tr>
                                            <td colspan='3'>{{__('texte.cash_transfers_arr.create.coins')}}</td>
                                        </tr>
                                        @foreach(__('texte.coins_arr') as $key=>$value)
                                        <tr>
                                            <td>{{$value}}</td>
                                            <td><input type='text' name='count[]' class='count number' data-value='{{$key}}' value=''/></td>
                                            <td><input type='text' name='sub_total[]' class='total' value='0' readonly/></td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td colspan='2' style="text-align:right">{{__('texte.cash_transfers_arr.create.total')}}</td>
                                            <td><input type='text' name='grand_total' class='grand_total' value='0'/></td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>

                        <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.cash_transfers_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/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(){
        $('.count:first').trigger('input');
    });
    
    $('#contragent,#bank_from,#bank_to,#account_from,#account_to,#case_from,#case_to').chosen();
    $('input#date').datepicker({option: $.datepicker.regional['bg'],minDate: 0});
    
    $('.number').on('input', function() {
        //$(this).val($(this).val().match(/^\d{1,}$/));
        var valid = /^\d+$/.test(this.value),
        val = this.value;
    
        if(!valid){
            this.value = val.substring(0, val.length - 1);
        }
    });
    
    $('.count').on('input', function(){
       $(this).closest('tr').find('.total').val($(this).val()*$(this).attr('data-value')); 
       var total = 0;
       $('.total').each(function(){
          total+= parseFloat($(this).val()); 
       });
       $('.grand_total').val(total.toFixed(2));
       $('input[name=amount]').val(total.toFixed(2));
    });
    
    $('input[name=total]').on('input', function(){
        $('.count').each(function(){
           $(this).val('');           
           $(this).closest('tr').find('.total').val(0);
        });
        $('.grand_total').val(0);
    });
    
    $('.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_from').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_from').find('option').remove().end();
                        var options='<option value=""> --- Сметка --- </option>';
                         for (var i in response){
                               options += '<option value="' + response[i].id + '" ' + (response[i].id==$('#account_to').val() ? 'disabled' : '') + '>' + response[i].number + ' / Валута:' + (response[i].currency==1 ? 'BGN' : (response[i].currency==2 ? 'EUR' : 'USD')) +  '</option>';
                         }
                         $('#account_from').html(options);
                         $('#account_from').attr('disabled',false);
                    }
                    else{
                         $('#account_from').attr('disabled',true);
                    }
                }
            });
        } 
        else{
           $('#account_from').val('').attr('disabled',true);
        }
         $('#account_from').trigger('chosen:updated');
    }).change();
    
    $('#bank_to').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_to').find('option').remove().end();
                        var options='<option value=""> --- Сметка --- </option>';
                         for (var i in response){
                               options += '<option value="' + response[i].id + '" ' + (response[i].id==$('#account_from').val() ? 'disabled' : '')+ '>' + response[i].number + ' / Валута :' + (response[i].currency==1 ? 'BGN' : (response[i].currency==2 ? 'EUR' : 'USD')) +  '</option>';
                         }
                         $('#account_to').html(options);
                         $('#account_to').attr('disabled',false);
                    }
                    else{
                         $('#account_to').attr('disabled',true);
                    }
                }
            });
        } 
        else{
           $('#account_to').val('').attr('disabled',true);
        }
         $('#account_to').trigger('chosen:updated');
    }).change();
    
    $('#account_from').on('change', function(){
        if($(this).val()!=''){
            $("#account_to option").attr('disabled', false);
            $("#account_to option[value='"+ $(this).val() + "']").attr('disabled', true);
        }
        else{
            $("#account_to option").attr('disabled', false);
        }
        $('#account_to').trigger('chosen:updated');
    });
    
    $('#account_to').on('change', function(){
        if($(this).val()!=''){
            $("#account_from option").attr('disabled', false);
            $("#account_from option[value='"+ $(this).val() + "']").attr('disabled', true); 
        }
        else{
            $("#account_from option").attr('disabled', false);
        }
        $('#account_from').trigger('chosen:updated');
    });
    
    $('#case_from').on('change', function(){  
        $('.case_from_confirmation').val('');
        if($(this).val()!=''){
            $("#case_to option").attr('disabled', false);
            $("#case_to option[value='"+ $(this).val() + "']").attr('disabled', true); 
            if($(this).val()==$('#user_id').val()){
                $('#case_from_confirmation').attr('required',true);
                $('.case_from_confirmation').show();
            }
            else{
                $('#case_from_confirmation').attr('required',false);
                $('.case_from_confirmation').show();
            }
        }
        else{
            $("#case_to option").attr('disabled', false);
            $('.case_from_confirmation').hide();
        }
        $('#case_to').trigger('chosen:updated');
    }).change();
    
    $('#case_to').on('change', function(){    
        $('.case_to_confirmation').val('');
        if($(this).val()!=''){
            $("#case_from option").attr('disabled', false);
            $("#case_from option[value='"+ $(this).val() + "']").attr('disabled', true); 
            if($(this).val()==$('#user_id').val()){
                $('#case_to_confirmation').attr('required',true);
                $('.case_to_confirmation').show();
            }
            else{
                $('#case_to_confirmation').attr('required',false);
                $('.case_to_confirmation').show();
            }
        }
        else{
            $("#case_from option").attr('disabled', false);
            $('.case_to_confirmation').hide();
        }
        $('#case_from').trigger('chosen:updated');
    }).change();
    
    
    $('.from').on('change',function(){
       if($('.from:checked').val()==1){
           $('.bank_from').show();
           $('.account_from').show();
           $('.safe_from').hide();
           $('#case_from').val('').trigger('chosen:updated');
           $('.case_from_confirmation').hide();
           $('#case_from_confirmation').val('');
           $('#case_to option[data-main=0]').hide().trigger('chosen:updated');
       }
       else{
           $('.bank_from').hide();
           $('#bank_from').val('').trigger('chosen:updated');
           $('.account_from').hide();
           $('.safe_from').show();
           if($('.to:checked').val()==1){
               $('#case_from option[data-main=0]').hide().trigger('chosen:updated');               
           }
           else{
               $('#case_from option').show().trigger('chosen:updated');
           }
           $('#case_to option').attr('disabled',false).show().trigger('chosen:updated');
       }
    }).change();
    
    
    $('.to').on('change',function(){
       if($('.to:checked').val()==1){
           $('.bank_to').show();
           $('.account_to').show();
           $('.safe_to').hide();
           $('#case_to').val('').trigger('chosen:updated');
           $('.case_to_confirmation').hide();
           $('#case_to_confirmation').val('');
           $('#case_from option[data-main=0]').hide().trigger('chosen:updated');
       }
       else{
           $('.bank_to').hide();
           $('#bank_to').val('').trigger('chosen:updated');
           $('.account_to').hide();
           $('.safe_to').show();
           if($('.from:checked').val()==1){
               $('#case_to option[data-main=0]').hide().trigger('chosen:updated');               
           }
           else{
               $('#case_to option').show().trigger('chosen:updated');
           }
           $('#case_from option').attr('disabled',false).show().trigger('chosen:updated');
       }
    }).change();
    
    
    
</script>
@endsection