@extends('layouts/pos_layout')
@section('title', '| '.$moduleTitle)
@section('style')
<style type="text/css">
    .min-height-textarea {
        min-height: 60px;
    }
</style>
@endsection
@section('content')

<div class="row add-data-form" style="padding-bottom:20px;">
    <div class="col-md-12">
        <div class="col-md-1"></div>

        <div class="col-md-10 fullbody">

            <div class="viewTitle" style="border-bottom: 1px solid white;">
                <a href="{{route($module)}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                    </i>{{ $moduleLinkTitle }}</a>
            </div>

            <div class="panel panel-default panel-border">

                <div class="panel-heading">
                    <div class="panel-title">{{ $moduleTitle }}</div>
                </div>

                <div class="panel-body">
                    {!! Form::open(array('url' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'purchaseForm')) !!}

                    <div class="row">

                        <div class="col-md-8">
                            <div class="form-group">
                                <input type="hidden" value="{{$writeoiffdata->id}}" name="wid" />
                                {!! Form::label('collection_date', 'Writeoff Bill No:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('writeoff_bill_no', $writeoiffdata->writeoff_bill_no, ['class' => 'form-control','readonly']) !!}
                                </div>
                            </div>
                            <div class="form-group">
                                {!! Form::label('collection_date', 'Writeoff Date:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('writeoff_date', $branchActiveDate, ['class' => 'form-control','readonly']) !!}
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('collection_date', 'Customer Name:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('customer_id', $writeoiffdata->customer->name, ['class' => 'form-control','readonly']) !!}
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('collection_date', 'Sale Bill No:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('sales_bill_no', $writeoiffdata->sales_bill_no, ['class' => 'form-control','readonly']) !!}
                                </div>
                            </div>

                            <div class="form-group hide_in_mobile">
                                {!! Form::label('sales_amount', 'Sales Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('total_sales_amount', $writeoiffdata->total_sales_amount, ['class' => 'form-control', 'id' => 'sales_amount', 'readonly']) !!}
                                </div>
                            </div>
                            <div class="form-group hide_in_mobile">
                                {!! Form::label('sales_amount', 'Paid Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('total_paid_amount', $writeoiffdata->total_paid_amount, ['class' => 'form-control', 'id' => 'sales_amount', 'readonly']) !!}
                                </div>
                            </div>


                            <div class="form-group">
                                {!! Form::label('collection_amount', 'Writeoff Amount:*', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('writeoff_amount', $writeoiffdata->writeoff_amount, ['class' => 'form-control numeric', 'id' => 'writeoff_amount', 'min' => 0]) !!}
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('collection_amount', 'Approve Status:*', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    <input type="checkbox" id="final_status" name="status" value="1">
                                    <label for="status"> Approve</label>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group submit-wrap" style="margin-top: 20px;">
                                        {!! Form::label('submit', ' ', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8 text-right">
                                            {!! Form::submit('submit', ['id' => 'add', 'class' => 'btn btn-info']); !!}
                                            <a href="{{route($module)}}" class="btn btn-danger closeBtn">Close</a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>

                    {!! Form::close() !!}
                    <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
                </div>

            </div>

            <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>

        <div class="col-md-1"></div>
    </div>
</div>

<script>
    $("#customer_id").change(function(e) {
        var customer_id = $(this).val();

        $('#installment_package').val('');
        $('#sales_amount').val('');
        $('#service_charge').val('');
        $('#installment_amount').val('');
        $('#balance_amount').val('');
        $('#collection_amount').val('');

        $.ajax({
            type: 'post',
            url: '{{ route("Writeoff_collection_get_info") }}',
            data: {
                '_token': $('input[name=_token]').val(),
                'customer_id': customer_id
            },
            success: function(_response) {
                if (_response.salesInfo) {
                    $("#sales_bill_no").empty();
                    $("#sales_bill_no").prepend('<option value="">Select Bill No</option>');

                    $.each(_response.salesInfo, function(index, result) {
                        $('#sales_bill_no').append("<option value='" + result.sales_bill_no + "'>" + result.sales_bill_no + "</option>");
                    });
                }

                if (_response.customerInfo) {
                    $("#customer_id").empty();
                    $("#customer_id").prepend('<option value="">Select Customer</option>');

                    $.each(_response.customerInfo, function(index, result) {
                        $('#customer_id').append("<option value='" + result.id + "'>" + result.customer_id_no + ' - ' + result.name + "</option>");
                    });
                }
            }
        });
    });

    $("#sales_bill_no").change(function(e) {
        var sales_bill_no = $(this).val();

        $('#installment_package').val('');
        $('#sales_amount').val('');
        $('#service_charge').val('');
        $('#installment_amount').val('');
        $('#due_balance_amount').val('');
        $('#writeoff_amount').val('');

        $.ajax({
            type: 'post',
            url: '{{ route("Writeoff_collection_get_info") }}',
            data: {
                '_token': $('input[name=_token]').val(),
                'sales_bill_no': sales_bill_no
            },
            success: function(_response) {
                if (_response.salesInfo) {
                    $("#sales_bill_no").empty();
                    $("#sales_bill_no").prepend('<option value="">Select Bill No</option>');

                    $.each(_response.salesInfo, function(index, result) {
                        $('#sales_bill_no').append("<option value='" + result.sales_bill_no + "'>" + result.sales_bill_no + "</option>");
                    });
                }

                if (_response.customerInfo) {
                    $("#customer_id").empty();
                    $("#customer_id").prepend('<option value="">Select Customer</option>');

                    if (_response.customerInfo.length == 1) {
                        $.each(_response.customerInfo, function(index, result) {
                            $('#customer_id').append("<option value='" + result.id + "' selected>" + result.customer_id_no + ' - ' + result.name + "</option>");
                        });
                    } else {
                        $.each(_response.customerInfo, function(index, result) {
                            $('#customer_id').append("<option value='" + result.id + "'>" + result.customer_id_no + ' - ' + result.name + "</option>");
                        });
                    }
                }

                if (_response.collectionInfo) {
                    $('#installment_package').val(_response.collectionInfo.installment_package);
                    $('#sales_amount').val(_response.collectionInfo.sales_amount);
                    $('#service_charge').val(_response.collectionInfo.service_charge_amount);
                    $('#installment_amount').val(_response.collectionInfo.installment_amount);
                    $('#due_balance_amount').val(_response.balanceAmount);
                    $('#paid_amount').val(_response.totalCollection);
                    $('#writeoff_amount').val(_response.balanceAmount);
                }
            }
        });

    });

    $(".numeric").keypress(function(e) {
        $(this).val($(this).val().replace(/[^0-9\.]/g, ''));
        if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
            $("#numericError").html("Digits Only").show().fadeOut("slow");
            event.preventDefault();
        }
    });

    $('form').submit(function(event) {
        event.preventDefault();
        var formData = new FormData($(this)[0]);

        var due_balance_amount = $('#due_balance_amount').val();
        var writeoff_amount = $('#writeoff_amount').val();
        if (writeoff_amount > due_balance_amount) {
            Swal.fire({
                icon: 'error',
                title: 'Writeoff amount can not bigger than due amount',
                text: 'Please correct it'
            });
            return false;
        }
        if ($('#final_status').prop('checked') == false) {
            Swal.fire({
                icon: 'error',
                title: 'Please check approve to submit',
                text: 'Please approve!'
            });
            return false;
        }
        $.ajax({
            type: 'post',
            url: '{{ route("Writeoff_approve") }}',
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            dataType: 'json',
            success: function(_response) {
                if (_response.errors) {
                    if (_response.errors['customer_id']) {
                        Swal.fire({
                            icon: 'error',
                            title: _response.errors['customer_id'],
                            text: 'Please select customer'
                        });

                        return false;
                    }
                    if (_response.errors['sales_bill_no']) {
                        Swal.fire({
                            icon: 'error',
                            title: _response.errors['sales_bill_no'],
                            text: 'Please select sales bill no'
                        });

                        return false;
                    }
                    if (_response.errors['collection_amount']) {
                        Swal.fire({
                            icon: 'error',
                            title: _response.errors['collection_amount'],
                            text: 'Please enter collection amount'
                        });

                        return false;
                    }

                } else {
                    if (_response.responseTitle == 'success') {
                        Swal.fire({
                            icon: 'success',
                            title: _response.responseText,
                            showConfirmButton: false,
                            timer: 1500
                        });

                        setTimeout(function() {
                            window.location.href = "{{ route('Writeoff') }}";
                        }, 1500);

                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: _response.responseText,
                            text: 'Please try again'
                        });

                        return false;
                    }
                }
            },
            error: function(_response) {
                // Handle error
                alert(_response.errors);
            }

        });
    });
</script>
@endsection