@extends('admin.layouts.master')

@section('title')
    Sales
@stop

@section('style')
    {{--<link rel="stylesheet" type="text/css" href="{{asset('/css/jsteps/main.css')}}">--}}
    <link rel="stylesheet" type="text/css" href="{{asset('/css/jsteps/normalize.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('/css/jsteps/jquery.steps.css')}}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" />

    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/css/select2.min.css" rel="stylesheet" />

    <style>
        .select2 {
            width: 100% !important;
        }
    </style>
@stop

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper" >
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                <span class="fa fa-pie-chart"></span> Edit Sales
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-user-plus"></i> Admin Panel</a></li>
                <li class="active">Edit Sales</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content" style=" padding-bottom: 10%;">
            <div class="page-header">
                <a href="{{route('sales')}}" class="btn btn-primary"><i class="fa fa-backward"></i> Back</a>
            </div>

            <form id="frmSales" method="post" action="{{route('sales.update')}}" role="form">
                {{--{{csrf_field()}}--}}
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="form-group">
                    <h3>Sales Info</h3>
                    <section>
                    <input type='hidden' class="form-control" id="id_" name="id_" value="{{$sale->id}}" />
                    <input type='hidden' class="form-control" id="client_id" name="client_id" value="{{$sale->client_id}}" />
                    <div class="col-md-6">
                        <div class="form-group has-feedback @if($errors->has('reservation_date')) has-error @endif">
                            <label for="reservation_date" class="control-label">Reservation Date:</label>
                            <div class='input-group date datetimepicker1'>
                                <input type='text' class="form-control" id="reservation_date" name="reservation_date" value="{{date("m/d/Y", strtotime($sale->reservation_date))}}" />
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                            @if($errors->has('reservation_date')) <span class="help-block">{{$errors->first('reservation_date')}}</span> @endif
                        </div>

                        <div class="form-group has-feedback @if($errors->has('client_name')) has-error @endif">
                            <label for="client_name" class="control-label">Client Name *:</label>
                            <input type="text" name="client_name" id="client_name" class="form-control" value="{{$sale->client->client_name}}">
                            <span class="glyphicon glyphicon-user form-control-feedback"></span>
                            @if($errors->has('client_name')) <span class="help-block">{{$errors->first('client_name')}}</span> @endif
                        </div>

                        <div class="form-group has-feedback @if($errors->has('client_number')) has-error @endif">
                            <label for="client_number" class="control-label">Client Contact No *:</label>
                            <input type="text" name="client_number" id="client_number" class="form-control" value="{{$sale->client->contact_no}}">
                            <span class="glyphicon glyphicon-phone form-control-feedback"></span>
                            @if($errors->has('client_number')) <span class="help-block">{{$errors->first('client_number')}}</span> @endif
                        </div>

                        <div class="form-group has-feedback @if($errors->has('client_fb')) has-error @endif">
                            <label for="client_fb" class="control-label">Client Facebook *:</label>
                            <input type="text" name="client_fb" id="client_fb" class="form-control" value="{{$sale->client->facebook}}">
                            <span class="fa fa-facebook form-control-feedback"></span>
                            @if($errors->has('client_fb')) <span class="help-block">{{$errors->first('client_fb')}}</span> @endif
                        </div>

                        <div class="form-group has-feedback @if($errors->has('client_email')) has-error @endif">
                           <label for="client_email" class="control-label">Client Email *:</label>
                           <input type="text" name="client_email" id="client_email" class="form-control" value="{{$sale->client->email_ad}}">
                           <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                           @if($errors->has('client_email')) <span class="help-block">{{$errors->first('client_email')}}</span> @endif
                       </div>

                        <div class="form-group has-feedback @if($errors->has('developer_id')) has-error @endif">
                            <label for="developer_id" class="control-label">Developer *:</label>
                            <select name="developer_id" id="developer_id" class="form-control" >
                                <option value="">Select Developer</option>
                                @foreach($devs as $dev)
                                    @if ($dev->id == $sale->developer_id)
                                    <option value="{{$dev->id}}" selected="selected">{{$dev->name}}</option>
                                    @else
                                        <option value="{{$dev->id}}">{{$dev->name}}</option>
                                    @endif
                                @endforeach
                            </select>
                            <span class="fa form-control-feedback"></span>
                            @if($errors->has('developer_id')) <span class="help-block">{{$errors->first('developer_id')}}</span> @endif
                        </div>
                        <div class="form-group has-feedback @if($errors->has('project_id')) has-error @endif">
                            <label for="project_id" class="control-label">Project</label>
                            <select name="project_id" id="project_id" class="form-control">
                                <option value="">Select Project</option>
                                @foreach($projects as $prj)
                                    @if ($prj->id == $sale->project_id)
                                    <option value="{{$prj->id}}" selected="selected">{{$prj->name}}</option>
                                    @else
                                        <option value="{{$prj->id}}">{{$prj->name}}</option>
                                    @endif
                                @endforeach
                            </select>
                            <span class="fa form-control-feedback"></span>
                            @if($errors->has('project_id')) <span class="help-block">{{$errors->first('project_id')}}</span> @endif
                        </div>
                        <div class="form-group has-feedback @if($errors->has('status_id')) has-error @endif">
                            <label for="status_id" class="control-label">Status</label>
                            <select name="status_id" id="status_id" class="form-control">
                                <option value="">Select Status</option>
                                @foreach($status as $st)
                                    @if ($st == $sale->sale_status)
                                    <option value="{{$st}}" selected="selected">{{$st}}</option>
                                    @else
                                        <option value="{{$st}}">{{$st}}</option>
                                    @endif
                                @endforeach
                            </select>
                            <span class="fa form-control-feedback"></span>
                            @if($errors->has('status_id')) <span class="help-block">{{$errors->first('status_id')}}</span> @endif
                        </div>

                    </div>

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

                        <div class="form-group has-feedback @if($errors->has('address')) has-error @endif">
                            <label for="address" class="control-label">Project Address:</label>
                            <input type="text" name="address" id="address" class="form-control" value="{{$sale->address}}">
                            <span class="glyphicon form-control-feedback"></span>
                            @if($errors->has('address')) <span class="help-block">{{$errors->first('address')}}</span> @endif
                        </div>

                        <div class="form-group has-feedback @if($errors->has('house_model')) has-error @endif">
                            <label for="house_model" class="control-label">House Model:</label>
                            <input type="text" name="house_model" id="house_model" class="form-control" value="{{$sale->house_model}}">
                            <span class="glyphicon glyphicon-home form-control-feedback"></span>
                            @if($errors->has('house_model')) <span class="help-block">{{$errors->first('house_model')}}</span> @endif
                        </div>

                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('blk')) has-error @endif">
                            <label for="blk" class="control-label">Block:</label>
                            <input type="text" name="blk" id="blk" class="form-control" value="{{$sale->blk}}">
                            <span class="glyphicon form-control-feedback"></span>
                           @if($errors->has('blk')) <span class="help-block">{{$errors->first('blk')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('lot')) has-error @endif">
                            <label for="lot" class="control-label">Lot:</label>
                            <input type="text" name="lot" id="lot" class="form-control" value="{{$sale->lot}}">
                            <span class="glyphicon form-control-feedback"></span>
                            @if($errors->has('lot')) <span class="help-block">{{$errors->first('lot')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('lot_area')) has-error @endif">
                            <label for="lot_area" class="control-label">Lot Area (sq. m):</label>
                            <input type="number" name="lot_area" id="lot" class="form-control" value="{{$sale->lot_area}}">
                            <span class="glyphicon glyphicon-triangle-right form-control-feedback"></span>
                            @if($errors->has('lot_area')) <span class="help-block">{{$errors->first('lot_area')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('floor_area')) has-error @endif">
                            <label for="floor_area" class="control-label">Floor Area (sq. m):</label>
                            <input type="number" name="floor_area" id="floor_area" class="form-control" value="{{$sale->floor_area}}">
                            <span class="glyphicon glyphicon-triangle-right form-control-feedback"></span>
                            @if($errors->has('floor_area')) <span class="help-block">{{$errors->first('floor_area')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group has-feedback @if($errors->has('finance_option')) has-error @endif">
                            <label for="finance_option" class="control-label">Finance Option:</label>
                            <select name="finance_option" id="finance_option" class="form-control">
                                <option>Select Finance Option</option>
                                    @foreach($opts as $opt)
                                        @if ($opt == $sale->finance_option)
                                            <option value="{{$opt}}" selected="selected">{{$opt}}</option>
                                        @else
                                            <option value="{{$opt}}">{{$opt}}</option>
                                        @endif
                                    @endforeach
                            </select>
                            <span class="fa form-control-feedback"></span>
                            @if($errors->has('finance_option')) <span class="help-block">{{$errors->first('finance_option')}}</span> @endif
                        </div>

                        <div class="form-group has-feedback @if($errors->has('agent_id')) has-error @endif">
                            <label for="agent_id" class="control-label">Agent *:</label>
                            <select name="agent_id" id="agent_id" class="form-control">
                                <option value="">Select Agent</option>
                                    @foreach($agents as $agent)
                                        @if ($agent->id == $sale->agent_id)
                                            <option value="{{$agent->id}}" selected="selected">{{$agent->fullname}}</option>
                                        @else
                                            <option value="{{$agent->id}}">{{$agent->fullname}}</option>
                                        @endif
                                    @endforeach
                            </select>
                            <span class="fa form-control-feedback"></span>
                            @if($errors->has('agent_id')) <span class="help-block">{{$errors->first('agent_id')}}</span> @endif
                        </div>
                        <div class="form-group has-feedback @if($errors->has('umanager_id')) has-error @endif">
                            <label for="umanager_id" class="control-label">Unit Manager *:</label>
                            <select name="umanager_id" id="umanager_id" class="form-control">
                                <option value="">Select Unit Manager</option>
                                @foreach($ums as $um)
                                    @if ($um->id == $sale->unit_manager_id)
                                        <option value="{{$um->id}}" selected="selected">{{$um->fullname}}</option>
                                    @else
                                        <option value="{{$um->id}}">{{$um->fullname}}</option>
                                    @endif
                                @endforeach
                            </select>
                            <span class="fa form-control-feedback"></span>
                            @if($errors->has('umanager_id')) <span class="help-block">{{$errors->first('umanager_id')}}</span> @endif
                        </div>
                    </div>

                    </section>
                    <h3>Sales Detail</h3>
                    <section>

                    <div class="col-md-6">
                        <div class="form-group has-feedback @if($errors->has('total_selling_price')) has-error @endif">
                            <label for="total_selling_price" class="control-label">Total Selling Price:</label>
                            <input type="text" name="total_selling_price" id="total_selling_price" class="form-control" value="{{number_format((float) $sale->total_selling_price, 2) }}" style="text-align: right">
                            <span class="glyphicon glyphicon-triangle-right form-control-feedback "></span>
                            @if($errors->has('total_selling_price')) <span class="help-block">{{$errors->first('total_selling_price')}}</span> @endif
                        </div>

                        <div class="form-group has-feedback @if($errors->has('net_selling_price')) has-error @endif">
                            <label for="net_selling_price" class="control-label">Net Selling Price: </label>
                            <input type="text" name="net_selling_price" id="net_selling_price" class="form-control" value="{{number_format((float) $sale->net_selling_price, 2) }}" style="text-align: right">
                            <span class="glyphicon glyphicon-triangle-right form-control-feedback"></span>
                            @if($errors->has('net_selling_price')) <span class="help-block">{{$errors->first('net_selling_price')}}</span> @endif
                        </div>
                        <div class="form-group has-feedback @if($errors->has('equity')) has-error @endif">
                            <label for="equity" class="control-label">Equity:</label>
                            <input type="text" name="equity" id="equity" class="form-control" value="{{number_format((float) $sale->equity, 2) }}" style="text-align: right">
                            <span class="glyphicon glyphicon-triangle-right form-control-feedback"></span>
                            @if($errors->has('equity')) <span class="help-block">{{$errors->first('equity')}}</span> @endif
                        </div>

                        <div class="form-group has-feedback @if($errors->has('loanable_amount')) has-error @endif">
                            <label for="loanable_amount" class="control-label">Loanable Amount:</label>
                            <input type="text" name="loanable_amount" id="loanable_amount" class="form-control" value="{{number_format((float) $sale->loanable_amount, 2) }}" style="text-align: right">
                            <span class="glyphicon glyphicon-triangle-right form-control-feedback"></span>
                            @if($errors->has('loanable_amount')) <span class="help-block">{{$errors->first('loanable_amount')}}</span> @endif
                        </div>

                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('agent_pcg_rate')) has-error @endif">
                            <label for="agent_pcg_rate" class="control-label">Agent Rate (%):</label>
                            <input type="text" name="agent_pcg_rate" id="agent_pcg_rate" class="form-control comm_rate allownumericwithdecimal" value="{{$sale_comm->agent_pcg_rate}}" style="text-align: right" step="1" min="1">
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('agent_pcg_rate')) <span class="help-block">{{$errors->first('agent_pcg_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('agent_com_rate')) has-error @endif">
                            <label for="agent_com_rate" class="control-label">Agent Commission Rate:</label>
                            <input type="text" name="agent_com_rate" id="agent_com_rate" class="form-control allownumericwithdecimal" value="{{ number_format((float) $sale_comm->agent_com_rate, 2)}}" style="text-align: right" readonly>
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('agent_com_rate')) <span class="help-block">{{$errors->first('agent_com_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('um_pcg_rate')) has-error @endif">
                            <label for="um_pcg_rate" class="control-label">Unit Manager Rate (%):</label>
                            <input type="text" name="um_pcg_rate" id="um_pcg_rate" class="form-control comm_rate allownumericwithdecimal" value="{{$sale_comm->um_pcg_rate}}" style="text-align: right" step="1" min="1">
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('um_pcg_rate')) <span class="help-block">{{$errors->first('um_pcg_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('um_com_rate')) has-error @endif">
                            <label for="um_com_rate" class="control-label">Unit Manager Commission:</label>
                            <input type="text" name="um_com_rate" id="um_com_rate" class="form-control" value="{{ number_format((float) $sale_comm->um_com_rate, 2)}}" style="text-align: right" readonly>
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('um_com_rate')) <span class="help-block">{{$errors->first('um_com_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('broker_pcg_rate')) has-error @endif">
                            <label for="broker_pcg_rate" class="control-label">Broker Commission (%):</label>
                            <input type="text" name="broker_pcg_rate" id="broker_pcg_rate" class="form-control comm_rate" value="{{$sale_comm->broker_pcg_rate}}" style="text-align: right" step="1" min="1">
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('broker_pcg_rate')) <span class="help-block">{{$errors->first('broker_pcg_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('broker_com_rate')) has-error @endif">
                            <label for="broker_com_rate" class="control-label">Broker Commission Rate:</label>
                            <input type="text" name="broker_com_rate" id="broker_com_rate" class="form-control" value="{{ number_format((float) $sale_comm->broker_com_rate, 2)}}" style="text-align: right" readonly>
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('broker_com_rate')) <span class="help-block">{{$errors->first('broker_com_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('ref_pcg_rate')) has-error @endif">
                            <label for="ref_pcg_rate" class="control-label">Referrer Commission (%):</label>
                            <input type="text" name="ref_pcg_rate" id="ref_pcg_rate" class="form-control comm_rate" value="{{$sale_comm->ref_pcg_rate}}" style="text-align: right" step="0.1" min="0.1">
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('ref_pcg_rate')) <span class="help-block">{{$errors->first('ref_pcg_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('ref_com_rate')) has-error @endif">
                            <label for="ref_com_rate" class="control-label">Referrer Commission Rate:</label>
                            <input type="text" name="ref_com_rate" id="ref_com_rate" class="form-control" value="{{ number_format((float) $sale_comm->ref_com_rate, 2)}}" style="text-align: right" readonly>
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('ref_com_rate')) <span class="help-block">{{$errors->first('ref_com_rate')}}</span> @endif
                        </div>
                    </div>

                    </section>
                </div>
            </form>

        </section>
        @if(Session('info'))
            <div class="row">
            <div class="col-md-6 col-md-offset-3 text-center">
            <div class="tem alert alert-success navbar-fixed-bottom"><span class="glyphicon glyphicon-ok-circle"></span> {{Session('info')}}</div>
            </div>
            </div>
        @endif

        <!--Modal Notif-->
        <div class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" style=" padding-right: 0px;background-color: rgba(4, 4, 4, 0.8);">
          <div class="modal-dialog modal-lg" style="top: 20%;width: 70%;text-align: center;">
            <div class="modal-content" style="border-radius: 0px;border: none;top: 40%;">
              <div class="modal-body" style="background-color: #0f8845;color: white;">
                <h2 id="h22"></h2>
                <h4 id="h44"></h4>
              </div>
            </div>
          </div>
        </div>

    </div>
@stop

@section('script')
    {{--<script type="text/javascript" src="{{ asset('js/numeric/easy-number-separator.js') }}" ></script>--}}
    <script type="text/javascript" src="{{ asset('js/numeric/jquery.masknumber.js') }}" ></script>
    {{--<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
            integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
            crossorigin="anonymous">
    </script>--}}

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-steps/1.1.0/jquery.steps.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/js/select2.min.js"></script>

    <script>

        $(document).ready(function() {
            $('#developer_id').select2();
            $('#project_id').select2();
            $('#agent_id').select2();
            $('#umanager_id').select2();
            $('#finance_option').select2();

            $('.datetimepicker1').datetimepicker({
                 format: 'MM/DD/YYYY',
                 widgetPositioning: {
                 horizontal: "auto",
                 vertical: "bottom"
                 }
            });

            //$('[name=currency-default]').maskNumber();
            $('#total_selling_price').maskNumber();
            $('#net_selling_price').maskNumber();
            $('#equity').maskNumber();
            $('#loanable_amount').maskNumber();
            $('#agent_com_rate').maskNumber();
            $('#um_com_rate').maskNumber();
            $('#broker_com_rate').maskNumber();
            $('#ref_com_rate').maskNumber();

        });

        /*$('.datetimepicker1').datetimepicker({
             format: 'MM/DD/YYYY'
        });*/

    </script>

    <script>

        function notifPopup(title,body) {
            $('#h22').text(title);
            $('#h44').text(body);
            $('.bs-modal-lg').modal('toggle');
            setTimeout(function() {$('.bs-modal-lg').modal('hide');}, 5000);
        }

        var form = $("#frmSales");
        /*form.validate({
            errorPlacement: function errorPlacement(error, element) { element.before(error); },
            rules: {
                confirm: {
                    equalTo: "#password"
                }
            }
        });*/
        form.children("div").steps({
            headerTag: "h3",
            bodyTag: "section",
            transitionEffect: "slideLeft",
            /*onStepChanging: function (event, currentIndex, newIndex)
            {
                form.validate().settings.ignore = ":disabled,:hidden";
                return form.valid();
            },*/
            /*: function (event, currentIndex)
            {
                form.validate().settings.ignore = ":disabled";
                return form.valid();
            },*/
            onFinished: function (event, currentIndex)
            {
                console.log("ready");
                $("#frmSales").submit();
                notifPopup('Sales Notification', 'New Sales was successfully updated.');
                //$("#frmSales").submit();
                 //var form = $(this);
                     //form.submit();
            }

        });
    </script>

    <script>

        $('#developer_id').on('change', function () {
            var developer_id = $(this).find('option:selected').val();
            //alert(property_id);
            //alert($option.val());
            if(developer_id==''){
            $('#developer_id').val('');
                }
                else{
                    //$('#spinner').modal({backdrop: 'static', keyboard: false});
                        $.ajax({
                        url:"{{route('receivables.getRCVDDtls')}}",
                        method: 'get',
                        headers:  {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        data:{
                          'developer_id':developer_id
                        },
                        dataType:'json',
                        success:function(data){
                            console.log(data);

                            $('#project_id').empty();
                            $('#project_id').append("<option selected disabled>Select Project</option>");
                            data.devs.forEach(function(prj){
                                $('#project_id').append('<option value="'+prj.id+'">'+prj.name+'</option>');
                            });
                            //$('#spinner').modal('toggle');
                    },
                    /*error:function(e){
                      console.log(e);
                    }*/
                    error: function (jqXHR, exception) {
                        console.log(jqXHR);
                    }
                });
                } //end else
            });

        $('#total_selling_price').on('keyup', function () {
            var ttl_sell_price = $('#total_selling_price').val();
            var comm_rate = $('#comm_rate').val();
            $.ajax({
                url:"{{route('sales.getDefaultValues')}}",
                method: 'get',
                headers:  {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data:{
                  //'developer_id':developer_id
                },
                dataType:'json',
                success:function(data){
                    console.log(data.vat);
                    console.log(data.proc_fee);
            },

            error: function (jqXHR, exception) {
                console.log(jqXHR);
            }
            });
        });

        $('#net_selling_price').on('keyup keydown change', function () {
            var y = $('#net_selling_price').val();
            var num = realParseFloat(y);
            compute_comm(num);
        });

        function realParseFloat(s)
        {
            s = s.replace(/[^\d,.-]/g, ''); // strip everything except numbers, dots, commas and negative sign
            if (navigator.language.substring(0, 2) !== "de" && /^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d+)?$/.test(s)) // if not in German locale and matches #,###.######
            {
                s = s.replace(/,/g, ''); // strip out commas
                return parseFloat(s); // convert to number
            }
            else if (/^-?(?:\d+|\d{1,3}(?:\.\d{3})+)(?:,\d+)?$/.test(s)) // either in German locale or not match #,###.###### and now matches #.###,########
            {
                s = s.replace(/\./g, ''); // strip out dots
                s = s.replace(/,/g, '.'); // replace comma with dot
                return parseFloat(s);
            }
            else // try #,###.###### anyway
            {
                s = s.replace(/,/g, ''); // strip out commas
                return parseFloat(s); // convert to number
            }
        }

        function formatnum(n) {
            return n.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
        }

        function compute_comm(nsp) {

            //var y = $('#net_selling_price').val();
            //var num = realParseFloat(y);
            //console.log(nsp);

            //var nsp             = $('#net_selling_price').val();
            var agt_pcg_rate    = $('#agent_pcg_rate').val();
            var um_pcg_rate     = $('#um_pcg_rate').val();
            var broker_pcg_rate = $('#broker_pcg_rate').val();
            var ref_pcg_rate    = $('#ref_pcg_rate').val();

            var agt_com_amt     = nsp * (agt_pcg_rate / 100);
            var um_com_amt      = nsp * (um_pcg_rate / 100);
            var broker_com_amt  = nsp * (broker_pcg_rate / 100);
            var ref_com_amt     = nsp * (ref_pcg_rate / 100);

            console.log(formatnum(agt_com_amt));
            console.log(formatnum(um_com_amt));

            $('#agent_com_rate').val(formatnum(agt_com_amt));
            $('#um_com_rate').val(formatnum(um_com_amt));
            $('#broker_com_rate').val(formatnum(broker_com_amt));
            $('#ref_com_rate').val(formatnum(ref_com_amt));
        }

        $('.comm_rate').on('keyup keydown change', function () {

            var sum = 0;
            //var nsp = $('#net_selling_price').val();
            //var rate = $(this).val();
            var y = $('#net_selling_price').val();
            var num = realParseFloat(y);

            $('.comm_rate').each(function() {
                sum += Number($(this).val());
            });

            /*if (sum < 100) {
                console.log('kulang');
                $('a[href="#finish"]').css('display', 'none');
                //$('#modBody').css("background-color","#BB2E0F");
                //notifPopup('Notification', 'Total sharing % came short.');
            } else if (sum > 100) {
                console.log('sobra');
                $('a[href="#finish"]').css('display', 'none');
                //$('#modBody').css("background-color","#BB2E0F");
                //notifPopup('Notification', 'Total sharing % exceeded.');
            } else {
                console.log('sakto. daw coke');
                $('a[href="#finish"]').css('display', 'block');
            }*/

            compute_comm(num);
            console.log(sum);
            //comm = parseFloat(nsp) * parseFloat(rate);

            //$('#ttl_basic_pay').val(sum);
            //$('#gross_pay').val(gross_pay);
            //get_totals();

        });

    </script>
@stop