@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.'_list')}}" 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')) !!}

                        <!-- Sales Information Start -->
                        <h4>Sales Information</h4>
                        <div class="row">

                            <div class="col-md-6">

                                <div class="form-group">
                                    {!! Form::label('sales_bill_no', 'Sales Bill No:*', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        <select name="sales_bill_no" class="form-control input-sm custom-select2" id="sales_bill_no">
                                            <option value="">Select Sales Bill No</option>
                                            @foreach($salesInfo as $sale)
                                                <option value="{{$sale->sales_bill_no}}">{{$sale->sales_bill_no}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('sales_date', 'Sales Date:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('sales_date', null, ['class' => 'form-control','readonly', 'id' => 'sales_date']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('sales_return_date', 'Sales Return Date:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('sales_return_date', $branchActiveDate, ['class' => 'form-control','readonly','id' => 'sales_return_date']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('customer_name', 'Customer Name:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('customer_name', null, ['class' => 'form-control','readonly','id' => 'customer_name']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('phone_no', 'Phone No:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('phone_no', null, ['class' => 'form-control','readonly','id' => 'phone_no']) !!}
                                    </div>
                                </div>

                                <div class="col-md-12 row">
                                    <table id="tableOne" class="table table-bordered responsive tableOne">
                                        <thead>
                                            <tr class="">
                                                <th style="text-align:center;" class="col-sm-2">Product Name</th>
                                                <th style="text-align:center;" class="col-sm-2">PID/EMEI Number</th>
                                                <th style="text-align:center;" class="col-sm-1">Qty</th>
                                                <th style="text-align:center;" class="col-sm-2">Sales Price</th>
                                                <th style="text-align:center;" class="col-sm-1">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tableOneBody">
                                        </tbody>
                                    </table>
                                </div>

                            </div>

                            <div class="col-md-6">

                                <div class="form-group">
                                    {!! Form::label('sales_total_amount', 'Total Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('sales_total_amount', null, ['class' => 'form-control numeric', 'id' => 'sales_total_amount', 'readonly','min'=>'0']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('sales_paid_amount', 'Paid Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::number('sales_paid_amount', null, ['class' => 'form-control numeric', 'id' => 'sales_paid_amount', 'readonly','min'=>'0']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('sales_due_amount', 'Due Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('sales_due_amount', null, ['class' => 'form-control numeric', 'id' => 'sales_due_amount', 'readonly','min'=>'0']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('sales_installment_amount', 'Installment Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('sales_installment_amount', null, ['class' => 'form-control numeric', 'id' => 'sales_installment_amount', 'readonly','min'=>'0']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('sales_installment_month', 'Installment Month:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('sales_installment_month', null, ['class' => 'form-control numeric', 'id' => 'sales_installment_month', 'readonly','min'=>'0']) !!}
                                    </div>
                                </div>

                            </div>

                        </div>
                        <!-- Sales Information Stop -->

                        <br><hr>
                        <!-- Sales Return Information Start -->
                        <h4>Sales Return Information</h4>
                        <div class="row">

                            <div class="col-md-6">

                                <div class="form-group">
                                    {!! Form::label('sales_return_bill_no', 'Sales Return Bill No:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('sales_return_bill_no', $nextSalesReturnBillNo, ['class' => 'form-control','readonly', 'id' => 'sales_return_bill_no']) !!}
                                    </div>
                                </div>


                                <div class="col-md-12 row">
                                    <table id="tableTwo" class="table table-bordered responsive tableTwo">
                                        <thead>
                                            <tr class="">
                                                <th style="text-align:center;" class="col-sm-2">Product Name</th>
                                                <th style="text-align:center;" class="col-sm-2">PID/EMEI Number</th>
                                                <th style="text-align:center;" class="col-sm-1">Qty</th>
                                                <th style="text-align:center;" class="col-sm-2">Sales Price</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tableTwoBody">
                                        </tbody>
                                    </table>
                                </div>

                            </div>

                            <div class="col-md-6">

                                <div class="form-group">
                                    {!! Form::label('sales_retrun_total_qty', 'Total Quantity:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('sales_retrun_total_qty', null, ['class' => 'form-control numeric', 'id' => 'sales_retrun_total_qty', 'readonly','min'=>'0']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('sales_retrun_total_amount', 'Total Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('sales_retrun_total_amount', null, ['class' => 'form-control numeric', 'id' => 'sales_retrun_total_amount', 'readonly','min'=>'0']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('sales_retrun_paid_amount', 'Paid Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::number('sales_retrun_paid_amount', null, ['class' => 'form-control numeric', 'id' => 'sales_retrun_paid_amount', 'readonly','min'=>'0']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('sales_retrun_due_amount', 'Due Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('sales_retrun_due_amount', null, ['class' => 'form-control numeric', 'id' => 'sales_retrun_due_amount', 'readonly','min'=>'0']) !!}
                                    </div>
                                </div>

                            </div>

                        </div>
                        <!-- Sales Return Information Stop -->

                        <br>

                        <div class="row">

                            <div class="col-md-12">
                                <div class="form-group" 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.'_list')}}" class="btn btn-danger closeBtn">Close</a>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <input type="hidden" name="set_product_id" id="set_product_id" />
                        <input type="hidden" name="set_product_name" id="set_product_name" />
                        <input type="hidden" name="set_pid_id" id="set_pid_id" />
                        <input type="hidden" name="set_pid_no" id="set_pid_no" />
                        <input type="hidden" name="set_qty" id="set_qty" />


                    {!! 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>
    $(document).ready(function()
    {
        $('#sales_bill_no').change(function (e)
        {
            var salesBillNo = $(this).val();

            $('#sales_date').val('');
            $('#customer_name').val('');
            $('#phone_no').val('');
            $('#sales_total_amount').val('');
            $('#sales_paid_amount').val('');
            $('#sales_due_amount').val('');
            $('#sales_installment_amount').val('');
            $('#sales_installment_month').val('');

            $('#sales_retrun_total_qty').val('');
            $('#sales_retrun_total_amount').val('');
            $('#sales_retrun_paid_amount').val('');
            $('#sales_retrun_due_amount').val('');

            $('#sales_replace_total_qty').val('');
            $('#sales_replace_total_amount').val('');
            $('#sales_replace_installment_amount').val('');

            $('#table_one_row_one').remove();
            $('#table_two_row_two').remove();
            $('#table_three_row_three').remove();

            if(salesBillNo)
            {
                $.ajax({
                    type: 'post',
                    url: "{{ route('get_sale_info_for_return') }}",
                    data: {
                        '_token': $('input[name=_token]').val(),
                        'salesBillNo': salesBillNo
                    },
                    success: function(_response)
                    {
                        $('#sales_date').val(_response.sales_date);
                        $('#customer_name').val(_response.customer_name);
                        $('#phone_no').val(_response.phone_no);
                        $('#sales_total_amount').val(parseFloat(_response.total_amount).toFixed(2));
                        $('#sales_paid_amount').val(parseFloat(_response.paid_amount).toFixed(2));
                        $('#sales_due_amount').val((parseFloat(_response.total_amount) - parseFloat(_response.paid_amount)).toFixed(2));
                        $('#sales_installment_amount').val(parseFloat(_response.installment_amount).toFixed(2));
                        $('#sales_installment_month').val(_response.installment_package);

                        $('#set_product_id').val(_response.product_id);
                        $('#set_product_name').val(_response.product_name);
                        $('#set_pid_id').val(_response.pid_id);
                        $('#set_pid_no').val(_response.pid_no);
                        $('#set_qty').val(_response.quantity);

                        $('#tableOne').append('<tr id="table_one_row_one">\
                            <td>'+_response.product_name+'</td>\
                            <td>'+_response.pid_no+'</td>\
                            <td>'+_response.quantity+'</td>\
                            <td>'+parseFloat(_response.total_amount).toFixed(2)+'</td>\
                            <td><input id="addItemNext" class="btn btn-primary btn-xs" type="button" value="Add"/></td>\
                        </tr>');

                    }
                });
            }

        });

        $(document).on("click","#addItemNext",function()
        {
            var sales_total_amount = $('#sales_total_amount').val();
            var sale_paid_amount = $('#sales_paid_amount').val();
            var sale_due_amount = $('#sales_due_amount').val();

            var quantity = $('#set_qty').val();
            var product_id = $('#set_product_id').val();
            var product_name = $('#set_product_name').val();
            var pid_id = $('#set_pid_id').val();
            var pid_no = $('#set_pid_no').val();

            $('#sales_retrun_total_qty').val(quantity);
            $('#sales_retrun_total_amount').val(parseFloat(sales_total_amount).toFixed(2));
            $('#sales_retrun_paid_amount').val(parseFloat(sale_paid_amount).toFixed(2));
            $('#sales_retrun_due_amount').val(parseFloat(sale_due_amount).toFixed(2));

            $('#sales_replace_total_qty').val('');
            $('#sales_replace_total_amount').val('');
            $('#sales_replace_installment_amount').val('');

            $('#table_two_row_two').remove();
            $('#table_three_row_three').remove();

            $('#tableTwo').append('<tr id="table_two_row_two">\
                <td>'+product_name+'</td>\
                <td>'+pid_no+'</td>\
                <td>'+quantity+'</td>\
                <td>'+parseFloat(sales_total_amount).toFixed(2)+'</td>\
            </tr>');
        });


        $('form').submit(function( event )
        {
            var form = $('form').serialize();
            event.preventDefault();

            var salesRetrunQty = $('#sales_retrun_total_qty').val();
            var productId = $('#set_product_id').val();
            var productPid = $('#set_pid_id').val();
            var salesReplaceTotalQty = $('#sales_replace_total_qty').val();

            if(!salesRetrunQty)
            {
                Swal.fire({
                  icon: 'error',
                  title: 'No product is added in sales return!',
                  text: 'Please add product',
                  showConfirmButton: false,
                  timer: 1500
                })

                return false;
            }
            else if(!productId)
            {
                Swal.fire({
                  icon: 'error',
                  title: 'No product is selected for sales replace!',
                  text: 'Please select product',
                  showConfirmButton: false,
                  timer: 1500
                })

                return false;
            }
            else if(!productPid)
            {
                Swal.fire({
                  icon: 'error',
                  title: 'No PID/IMEI no is selected for sales replace!',
                  text: 'Please select PID/IMEI no',
                  showConfirmButton: false,
                  timer: 1500
                })

                return false;
            }
            else
            {
                $.ajax({
                    type: 'post',
                    url: '{{route($module."_store")}}',
                    data: $('form').serialize(),
                    dataType: 'json',
                    success: function( _response )
                    {
                        if (_response.responseTitle == 'success')
                        {

                            Swal.fire({
                            icon: 'success',
                            title: 'Sales return created successfully',
                            text: _response.responseText,
                            showConfirmButton: false,
                            timer: 1500
                            })

                            setTimeout(function(){
                                window.location.href = "{{route($module.'_list')}}";
                            }, 2000);
                        }
                        else
                        {
                            toastr.error(_response.responseText);
                        }

                    },
                    error: function( _response ){
                        Swal.fire({
                            icon: 'error',
                            title: 'Something went wrong!',
                            text: 'Data not inserted',
                            showConfirmButton: false,
                            timer: 1500
                        })

                    }
                });
            }

        });

    });

</script>



@endsection
<style>
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
</style>