@extends('admin.layouts.app')
@php
$mode = "Add";
$action = route('add.invoice');

if(!empty($id)){
    $mode = "Edit";
    $action = route('ai.edit',$id);
}

$invoice_currency = [
    '1' => 'USD',
    '2' => 'EUR'
]
@endphp
@section('content')
<div class="container-fluid">
    <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Add Invoice</h4>
        </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard') }}">Dashboard</a></li>
                @if(check_route_access('accounting.list'))
                <li><a href="{{ route('accounting.list') }}">Accounting</a></li>
                @endif
                <li class="active">{{ $mode }} Invoice</li>
            </ol>
        </div>
    </div>
    <div class="row"> 
        <div class="col-md-12 col-xs-12">
            <div class="white-box">
                <div class="row">
                    <div class="col-md-6 col-xs-12">
                        <h3 class="box-title m-b-0">{{ $mode }} Invoice</h3>
                        <!--<p class="text-muted m-b-30">Add New Admin</p>-->
                    </div>
                    @if(check_route_access('accounting.list'))
                    <div class="col-md-6 col-xs-12">
                        <div class="pull-right">
                            <a href="{{ route('accounting.list') }}" class="btn btn-block btn-info"><i class="fa fa-list"></i> Accounting</a>
                        </div>
                    </div>
                    @endif
                </div>

                <div class="row">
                    <div class="col-md-12">
                        @include('admin.includes.status')
                        <form method="post" action="" class="form-horizontal form-validator"  id="invoice_form" name="invoice_form">
                            <input type="hidden" name="user_id" id="user_id_for_invoice"  value="{{$user_info->user_id}}" />
                            <input type="hidden" name="portfolio_id" id="portfolio_id" value="{{$user_info->portfolio_id}}" />
                            <input type="hidden" name="program_id" id="program_id" value="{{$user_info->program_id}}" />
                            @if($mode == "Edit")
                                <div class="form-group">
                                    <label class="col-md-2">Invoice ID</label>
                                    <div class="col-md-5">
                                        {{$id}}
                                    </div>
                                </div>
                            @endif
                            <div class="form-group">
                                <label class="col-md-2">Name of User</label>
                                <div class="col-md-5">
                                    <strong>{{$user_info->first_name}} &nbsp; {{$user_info->last_name}}</strong>
                                </div>
                            </div>
                            <div class="form-group {{ $errors->has('invoice_number') ? 'has-error' : '' }}">
                                <label class="col-md-2">Invoice Nr. # <span class="text-danger">*</span></label>
                                <div class="col-md-5">
                                    <input type="text" name="invoice_number" id="invoice_number" title="Number only no # sign" onkeyup="return enforce_rance(this, '0', '9', 'require');" class="form-control " required value="{{ ($mode == "Edit") ? $invoice->invoice_number : old('invoice_number') }}">
                                    <div class="clearfix"></div>
                                    <div class="help-block with-errors">
                                        @if ($errors->has('invoice_number')){{ $errors->first('invoice_number') }}@endif
                                    </div>
                                </div>
                            </div>
                            <div class="form-group {{ $errors->has('invoice_created_date') ? 'has-error' : '' }}">
                                <label class="col-md-2">Invoice Sent <span class="text-danger">*</span></label>
                                <div class="col-md-5">
                                    <input type="text" name="invoice_created_date" id="invoice_created_date" autocomplete="off" class="form-control datepicker mobile_readonly" required value="{{ ($mode == "Edit") ? $invoice->invoice_created_date : old('invoice_created_date') }}" >
                                    <div class="clearfix"></div>
                                    <div class="help-block with-errors">
                                        @if ($errors->has('invoice_created_date')){{ $errors->first('invoice_created_date') }}@endif
                                    </div>
                                </div>
                            </div>
                            <div class="form-group {{ $errors->has('invoice_due_date') ? 'has-error' : '' }}">
                                <label class="col-md-2">Due Date <span class="text-danger">*</span></label>
                                <div class="col-md-5">
                                    <input type="text" name="invoice_due_date" id="invoice_due_date" autocomplete="off" class="form-control datepicker mobile_readonly" required value="{{ ($mode == "Edit") ? $invoice->invoice_due_date : old('invoice_due_date') }}" >
                                    <div class="clearfix"></div>
                                    <div class="help-block with-errors">
                                        @if ($errors->has('invoice_due_date')){{ $errors->first('invoice_due_date') }}@endif
                                    </div>
                                </div>
                            </div>
                            <div class="form-group {{ $errors->has('invoice_type') ? 'has-error' : '' }}">
                                <label class="col-md-2">Fee Type <span class="text-danger">*</span></label>
                                <div class="col-md-5">
                                    <select name="invoice_type" id="invoice_type" class="form-control" required="">
                                        <option value="">Select</option>
                                        @foreach($invoice_fee_type as $type)
                                        <optgroup 
                                            @if($type->group_id == 1) label="Main"
                                            @elseif($type->group_id == 2)label="Other"
                                            @endif>
                                            <option value="{{ $type->field_id }}" @if($type->field_id == $invoice->invoice_type || $type->field_id == old('invoice_type')) selected="selected" @endif  >{{ $type->field_name }}</option>                                          @endforeach
                                    </select> 
                                    <div class="clearfix"></div>
                                    <div class="help-block with-errors">
                                        @if ($errors->has('invoice_type')){{ $errors->first('invoice_type') }}@endif
                                    </div>
                                </div>
                            </div>
                            <div class="form-group {{ $errors->has('invoice_currency') ? 'has-error' : '' }}">
                                <label class="col-md-2">Currency <span class="text-danger">*</span></label>
                                <div class="col-md-5">
                                    <select name="invoice_currency" id="invoice_currency" class="form-control" required="">
                                        @if (!empty($invoice_currency))
                                        @foreach($invoice_currency as $key => $value)
                                        <option value="{{$key}}" @if($key == $invoice->invoice_currency || $key == old('invoice_currency')) selected="selected" @endif >{{$value}}</option>
                                        @endforeach
                                        @endif
                                    </select> 
                                    <div class="clearfix"></div>
                                    <div class="help-block with-errors">
                                        @if ($errors->has('invoice_currency')){{ $errors->first('invoice_currency') }}@endif
                                    </div>
                                </div>
                            </div>
                            <div class="form-group {{ $errors->has('payment_type') ? 'has-error' : '' }}">
                                <label class="col-md-2">Payment Plan <span class="text-danger">*</span></label>
                                <div class="col-md-5">
                                    <select name="payment_type" id="payment_type" class="form-control" required="">
                                        <option value="1" @if(1 == $invoice->payment_type || 1 == old('payment_type')) selected="selected" @endif >No</option>
                                        <option value="2" @if(2 == $invoice->payment_type || 2 == old('payment_type')) selected="selected" @endif>Yes</option>
                                    </select> 
                                    <div class="clearfix"></div>
                                    <div class="help-block with-errors">
                                        @if ($errors->has('payment_type')){{ $errors->first('payment_type') }}@endif
                                    </div>
                                </div>
                            </div>
                            <div class="form-group {{ $errors->has('invoice_total_amount') ? 'has-error' : '' }}">
                                <label class="col-md-2">Total Amount $ <span class="text-danger">*</span></label>
                                <div class="col-md-5">
                                    <input type="text" name="invoice_total_amount" id="invoice_total_amount" class="form-control" required value="{{ ($mode == "Edit") ? $invoice->invoice_total_amount : old('invoice_total_amount') }}" > 
                                    <div class="clearfix"></div>
                                    <div class="help-block with-errors">
                                        @if ($errors->has('invoice_total_amount')){{ $errors->first('invoice_total_amount') }}@endif
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">Plan Initial Amount $ </label>
                                <div class="col-md-5">
                                    <input type="text" name="payment_plan_initial_amount" id="payment_plan_initial_amount" class="form-control" value="{{ ($mode == "Edit") ? $invoice->payment_plan_initial_amount : old('payment_plan_initial_amount') }}" > 
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">Plan Bi-Weekly Amount $</label>
                                <div class="col-md-5">
                                    <input type="text" name="payment_plan_biweekly_amount" id="payment_plan_biweekly_amount" onkeyup="return enforce_arr(this, ['.',0,1,2,3,4,5,6,7,8,9], 'require');" class="form-control" value="{{ ($mode == "Edit") ? $invoice->payment_plan_biweekly_amount : old('payment_plan_biweekly_amount') }}" > 
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">Plan Number of Bi-Weekly Payments</label>
                                <div class="col-md-5">
                                    <input type="text" name="payment_plan_total_payments" id="payment_plan_total_payments" class="form-control" value="{{ ($mode == "Edit") ? $invoice->payment_plan_total_payments : old('payment_plan_total_payments') }}" > 
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">Plan Agreement Collected</label>
                                <div class="col-md-5">
                                    <select name="payment_plan_agreement_collected" id="payment_plan_agreement_collected" class="form-control" >
                                        <option value="1" @if(1 == $invoice->payment_plan_agreement_collected || 1 == old('payment_plan_agreement_collected')) selected="selected" @endif>No</option>
                                        <option value="2" @if(2 == $invoice->payment_plan_agreement_collected || 2 == old('payment_plan_agreement_collected')) selected="selected" @endif>Yes</option>
                                    </select> 
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">Plan Agreement Date Collected</label>
                                <div class="col-md-5">
                                    <input type="text" name="payment_plan_agreement_date_collected" id="payment_plan_agreement_date_collected" autocomplete="off" class="form-control datepicker mobile_readonly" value="{{ ($mode == "Edit") ? $invoice->payment_plan_agreement_date_collected : old('payment_plan_agreement_date_collected') }}" > 
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">Plan Initiated (After Arrival)</label>
                                <div class="col-md-5">
                                    <select name="payment_plan_initiated" id="payment_plan_initiated" class="form-control" >
                                        <option value="1" @if(1 == $invoice->payment_plan_initiated || 1 == old('payment_plan_initiated')) selected="selected" @endif>No</option>
                                        <option value="2" @if(2 == $invoice->payment_plan_initiated || 2 == old('payment_plan_initiated')) selected="selected" @endif>Yes</option>
                                    </select> 
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">Comment / Instructions / Terms</label>
                                <div class="col-md-5">
                                    <textarea name="comment" class="form-control" id="comment">{{ ($mode == "Edit") ? $invoice->comment : old('comment') }}</textarea>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <button type="submit" class="btn btn-info">{{$mode}} Invoice</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
    function enforce_rance(input, restricted_chars_start, restricted_chars_end, action) { //todo make universal for field and textarea

            var string = input.value,
                    last_key = string.substring(parseInt(string.length)-1, string.length),
                    ascii_code = last_key.charCodeAt();

            if (action == "require") { //limited to
                    if (parseInt(ascii_code) < restricted_chars_start.toString().charCodeAt() || parseInt(ascii_code) > restricted_chars_end.toString().charCodeAt()) {
                            input.value = string.substring(0, parseInt(string.length) - 1);
                            return false;
                    }
            } else if (action == "exclude") { //except
                    if (parseInt(ascii_code) >= restricted_chars_start.toString().charCodeAt() && parseInt(ascii_code) <= restricted_chars_end.toString().charCodeAt()) {
                            input.value = string.substring(0, parseInt(string.length) - 1);
                            return false;
                    }
            }

    }
    function enforce_arr(input, restricted_chars_arr, action) { //todo make universal for field and textarea

        var string = input.value,
                last_key = string.substring(parseInt(string.length)-1, string.length),
                ascii_code = last_key.charCodeAt();

        if (action == "require") { //limited to
                for (var n = 0; n < restricted_chars_arr.length; n++) {
                        //alert('index: '+ n +' total in arr: '+ restricted_chars_arr.length  +' val: '+ restricted_chars_arr[n] + 'eval '+parseInt(ascii_code) +'=='+ restricted_chars_arr[n].toString().charCodeAt())
                        if (parseInt(ascii_code) != restricted_chars_arr[n].toString().charCodeAt()) {
                                var wipe_it = true;
                        } else {
                                var wipe_it = false;
                                n = 999;
                        }
                }

                if (wipe_it == true) {
                        input.value = string.substring(0, parseInt(string.length) - 1);
                        return false;
                }
        } else if (action == "exclude") { //except
                for (var n = 0; n < restricted_chars_arr.length; n++) {
                        //alert('index: '+ n +' total in arr: '+ restricted_chars_arr.length  +' val: '+ restricted_chars_arr[n] + 'eval '+parseInt(ascii_code) +'=='+ restricted_chars_arr[n].toString().charCodeAt())
                        if (parseInt(ascii_code) == restricted_chars_arr[n].toString().charCodeAt()) {
                                var wipe_it = true;
                                n = 999;
                        } else {
                                var wipe_it = false;
                        }
                }

                if (wipe_it == true) {
                        input.value = string.substring(0, parseInt(string.length) - 1);
                        return false;
                }
        }

    }
    $(document).ready(function()
    {
        var user_id = $('meta[name="user_token"]').attr('content');
        var form_selector = "#invoice_form";
        
        ajaxFormValidator(form_selector,function(ele,event){
            event.preventDefault();
            showLoader("#full-overlay");
            
            var form_data = new FormData(ele);
                form_data.append('user_id',user_id);
            
            var url = "";
            $.ajax({
                type: 'post',
                url: url, 
                data: form_data,
                dataType: 'json',
                processData: false,
                contentType: false,
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                success: function(response) {
                    if(response.type=='success'){
                        var Html = '<div class="alert swl-alert-success"><ul><li>'+ response.message+ '</li></ul></div>'; 
                        notifyResponseTimerAlert(Html,"success","Success");
                        setTimeout(function(){
                            document.location.href = response.redirectURL;
                        }, 3000); 
                    }
                    else{
                        hideLoader("#full-overlay");
                        var Html = '<div class="alert swl-alert-danger"><ul>'; 
                        $.each( response.message, function( key, value ) {
                            Html += '<li>' + value+ '</li>';  
                        });
                        Html += '</ul></div>';  
                        notifyResponseTimerAlert(Html,"error","Error");
                    } 
                }
            });
        }); 
    });
   
</script>
@endsection