@extends('admin.layouts.master')

@section('title')
    Commission Receivables
@stop

@section('style')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.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 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;
            }
        .select2-container, .select2-dropdown, .select2-search, .select2-results {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        }

        /*.datetimepicker1{ z-index:99999 !important; }*/
    </style>

    <style>
        /*body{width:615px;}*/
        .tbl-qa{width: 98%;font-size:0.9em;background-color: grey;}
        .tbl-qa th.table-header {text-align: left;padding:10px;color: #FFFFFF;}
        .tbl-qa .table-row td {padding:10px;background-color: #FDFDFD;}
        .ajax-action-links {color: #09F; margin: 10px 0px;cursor:pointer;}
        .ajax-action-button {border:#094 1px solid;color: #09F; margin: 10px 0px;cursor:pointer;display: inline-block;padding: 10px 20px;}
    </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-user-plus"></span> Edit Receivable
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-user-plus"></i> Admin Panel</a></li>
                <li class="active">Edit Receivable</li>
            </ol>
        </section>

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

           <form id="frmReceive" method="post" action="{{route('receivables.new')}}" role="form">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="form-group">
                    <h3>Receiving Details</h3>
                    <section>

                    <div class="col-md-6">
                        <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($rcvd->developer_id == $dev->id)
                                        <option value="{{$dev->id}}" selected="selected">{{$dev->name}}</option>
                                   @else
                                        <option value="{{$dev->developer_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>--}}
                                <option value="{{$rcvd->project->id}}">{{$rcvd->project->name}}</option>
                            </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('client_id')) has-error @endif">
                            <label for="client_id" class="control-label">Client</label>
                            <select name="client_id" id="client_id" class="form-control">
                                {{--<option value="">Select Client</option>--}}
                                <option value="{{$rcvd->client->id}}">{{$rcvd->client->client_name}}</option>
                            </select>
                            <span class="fa form-control-feedback"></span>
                            @if($errors->has('client_id')) <span class="help-block">{{$errors->first('client_id')}}</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>
                            <select name="blk" id="blk" class="form-control">
                                {{--<option value="">Select Block</option>--}}
                                <option value="{{$rcvd->blk}}">{{$rcvd->blk}}</option>
                            </select>
                            <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>
                            <select name="lot" id="lot" class="form-control">
                                {{--<option value="">Select Lot</option>--}}
                                <option value="{{$rcvd->lot}}">{{$rcvd->lot}}</option>
                            </select>
                            <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-6">
                        <div class="form-group has-feedback @if($errors->has('gross_amount')) has-error @endif">
                            <label for="gross_amount" class="control-label">Gross Receivable Amount:</label>
                            <input type="number" name="gross_amount" id="gross_amount" class="form-control" value="{{$rcvd->gross_release}}" style="text-align: right" step="0.1" min="1.0">
                            <span class="glyphicon glyphicon-triangle-right form-control-feedback"></span>
                            @if($errors->has('gross_amount')) <span class="help-block">{{$errors->first('gross_amount')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group has-feedback @if($errors->has('remarks')) has-error @endif">
                            <label for="remarks" class="control-label">Remarks:</label>
                            <textarea class="form-control txt" rows="3" name="remarks" id="remarks" placeholder="">{{$rcvd->remarks}}</textarea>
                            @if($errors->has('remarks')) <span class="help-block">{{$errors->first('remarks')}}</span> @endif
                        </div>
                    </div>

                    <div style="height:220px;"></div>

                    <div class="col-md-12">
                    <div class="ajax-action-button" id="add-more" onClick="">Add More</div>
                        <table class="table table-hover" id="gross-table">
                           <thead>
                           <tr style="background: grey ;color:#fff; font-weight: bold">
                               <th class="table-header" hidden>No</th>
                               <th class="table-header" width="8%" style="text-align: center">No</th>
                               <th class="table-header" width="12%" >Date</th>
                               <th class="table-header" width="10%" >Pay Mode</th>
                               <th class="table-header" width="10%" >Amount</th>
                               <th class="table-header" width="15%" style="text-align: center">User</th>
                               <th class="table-header" width="8%" >Actions</th>
                           </tr>
                           </thead>
                           <tbody id="table-body">
                               @foreach ($grs as $g)
                                 <tr class="table-row" id="table-row-{{$g->id}}">
                                   <td hidden>
                                       {{$g->id}}
                                   </td>
                                   <td width="8%" style="text-align: center">
                                       {{$loop->index+1}}
                                   </td>
                                   <td width="25%">
                                       <div class='input-group date datetimepicker1' id='rcvd_date'>
                                           <input type='text' class="form-control" id="rcvd_date" name="rcvd_date" value="{{$g->rcvd_date}}"  />
                                           <span class="input-group-addon">
                                               <span class="glyphicon glyphicon-calendar"></span>
                                           </span>
                                       </div>
                                   </td>
                                   <td width="20%">{{$g->pay_mode}}</td>
                                   <td width="15%" style="text-align: right">{{number_format($g->amount,2)}}</td>
                                   <td width="15%" style="text-align: center">{{$g->user->full_name}}</td>
                                   {{--<td><a class="ajax-action-links">Edit</a> | <a class="ajax-action-links">Delete</a></td>--}}
                                   <td width="8%" class="">

                                   <a href="#" data-toggle="modal" data-target="#e{{$g->id}}" class="btn btn-primary btn-xs"><i class="fa fa-edit"></i></a>

                                   {{-- Edit Modal id="e{{$g->id}}"--}}
                                   <div class="modal fade" id="e{{$g->id}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                       <div class="modal-dialog" role="document">
                                           <form method="post" action="{{route('gross.update')}}">
                                               <div class="modal-content">
                                                   <div class="modal-header">
                                                       <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                       <h4 class="modal-title" id="myModalLabel">Edit Gross Eelease info</h4>
                                                   </div>
                                                   <div class="modal-body text-left">
                                                       <input type="text" id="id" name="id" value="{{$g->id}}">
                                                       <div class="form-group">
                                                           <label for="rcvd_date2" class="control-label">Date</label>
                                                           <div class='input-group date datetimepicker1'>
                                                               <input type='text' class="form-control" id="rcvd_date2" name="rcvd_date2" value="{{$g->rcvd_date}}" />
                                                               <span class="input-group-addon">
                                                                   <span class="glyphicon glyphicon-calendar"></span>
                                                               </span>
                                                           </div>-
                                                           {{--@if($errors->has('rcvd_date')) <span class="help-block">{{$errors->first('rcvd_date')}}</span> @endif--}}
                                                       </div>
                                                       <div class="form-group">
                                                           <label for="pay_mode" class="control-label">Payment Mode</label>
                                                           <select name="pay_mode" id="pay_mode" class="form-control">
                                                               <option value="">Select Paymode</option>
                                                               @foreach($paymode as $pm)
                                                                   {{--<option value="{{$pm}}" selected>{{$pm}}</option>--}}
                                                                   @if($g->pay_mode == $pm)
                                                                       <option value="{{$pm}}" selected="selected">{{$pm}}</option>
                                                                  @else
                                                                       <option value="{{$pm}}"> {{$pm}} </option>
                                                                  @endif
                                                               @endforeach
                                                           </select>
                                                       </div>
                                                       <div class="form-group">
                                                           <label for="rls_amount" class="control-label">Release Amount</label>
                                                           <input value="{{$g->amount}}" type="number" name="rls_amount" id="rls_amount" class="form-control" style="text-align: right" min="1" step="0.1">
                                                           {{--<span class="glyphicon glyphicon-triangle-right form-control-feedback"></span>
                                                           @if($errors->has('rls_amount')) <span class="help-block">{{$errors->first('rls_amount')}}</span> @endif--}}
                                                       </div>

                                                   </div>
                                                   <div class="modal-footer">
                                                       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                       <button type="submit" class="btn btn-primary">Update</button>
                                                   </div>

                                               </div>
                                               {{csrf_field()}}
                                           </form>
                                       </div>
                                   </div>

                                   <a href="#" data-toggle="modal" id="{{$g->id}}" name="" onclick="remID(this.id)" class="text-danger btn btn-danger btn-xs"><i class="fa fa-trash"></i></a>
                                   {{--<button id="{{$inv->id}}" class="btn btn-primary" onclick="testnotes(this.id)"><i class="fa fa-eye" aria-hidden="true"></i></button>--}}
                                   {{--<a href="#" data-toggle="modal" data-target="#d{{$g->id}}" class="text-danger btn btn-danger btn-xs"><i class="fa fa-trash"></i></a>--}}
                                   <!-- Delete Modal -->
                                   {{--<div class="modal fade" id="d{{$g->id}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                   {{--<div class="modal-dialog" role="document">
                                           <form class="delete" method="post" action="{{route('gross.delete')}}">
                                           <div class="modal-content">
                                               <div class="modal-header">
                                                   <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                   <h4 class="modal-title" id="myModalLabel"><i class="fa fa-warning"></i> confirm deletion </h4>
                                               </div>
                                               <div class="modal-body text-danger">
                                                   <input type="hidden" name="id" value="{{$g->id}}">
                                                   Are you sure want to delete line {{$g->id}}?
                                               </div>
                                               <div class="modal-footer">
                                                   <button class="btn btn-default" data-dismiss="modal">Close</button>
                                                   <button type="submit" class="btn btn-primary" id="btnDelete1" name="btnDelete1">Confirm</button>
                                                   {{--<input class="" id = "btnDelete" name="btnDelete"
                                                           type="button" value="Confirm" />
                                               </div>
                                           </div>
                                              {{csrf_field()}}
                                           </form>
                                       {{--</div>--}}
                                   {{--</div>--}}
                               </td>
                                 </tr>
                               @endforeach
                             </tbody>
                             <tfoot style="color: #000000;">
                               <tr>
                                 <td></td>
                                 <td></td>
                                 <td style="text-align: left;">TOTAL</td>
                                 <td style="text-align: right; padding: 10px;">{{ number_format($ttl_amt, 2)}}</td>
                                 <td></td>
                                 <td></td>
                               </tr>
                              </tfoot>
                           </table>
                    </div>

                    </section>
                    {{--<h3>Gross Release</h3>
                    <section>
                    </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

        <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <form method="post" action=""> {{--{{route('gross.new')}}--}}
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">Add New line item</h4>
                        </div>
                        <div class="modal-body text-left">
                            <input type="hidden" id="rcvd_id" name="rcvd_id" value="{{$rcvd->id}}">
                            <div class="form-group">
                                <label for="rcvd_date" class="control-label">Date</label>
                                <div class='input-group date datetimepicker1' id='rcvd_date'>
                                    <input type='text' class="form-control" id="rcvd_date" name="rcvd_date"  />
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                                {{--@if($errors->has('rcvd_date')) <span class="help-block">{{$errors->first('rcvd_date')}}</span> @endif--}}
                            </div>
                            <div class="form-group">
                                <label for="pay_mode" class="control-label">Payment Mode</label>
                                <select name="pay_mode" id="pay_mode" class="form-control">
                                    <option value="">Select Paymode</option>
                                    @foreach($paymode as $pm)
                                        <option value="{{$pm}}" selected>{{$pm}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="rls_amount" class="control-label">Release Amount</label>
                                <input value="" type="number" name="rls_amount" id="rls_amount" class="form-control" style="text-align: right" min="1" step="0.1">
                                {{--<span class="glyphicon glyphicon-triangle-right form-control-feedback"></span>
                                @if($errors->has('rls_amount')) <span class="help-block">{{$errors->first('rls_amount')}}</span> @endif--}}
                            </div>

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="submit" id="itmSave" name="itmSave" class="btn btn-primary">Save</button>
                        </div>
                    </div>
                    {{csrf_field()}}
                </form>
            </div>
        </div>

    </div>

@stop

@section('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 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>
        var form = $("#frmReceive");
        /*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();
            },*/
            onInit: function(event, currentIndex) {
               if(currentIndex == 0)
                   $('.wizard .content').css("height", '25em');
            },
            onFinished: function (event, currentIndex)
            {
                console.log("ready");
                $("#frmReceive").submit();
                //$("#frmSales").submit();
                 //var form = $(this);
                     //form.submit();
            }

        });
    </script>

    <script>

        $(document).ready(function() {
            $('#developer_id').select2();
            $('#project_id').select2();
            $('#client_id').select2();
            //$('#project_id option:not(:selected)').prop('disabled', true);
            $('#datetimepicker1').datetimepicker({
                 format: 'MM/DD/YYYY'
            });

            $('#gross-table').DataTable( {
                "bDestroy": true,
                "processing": true,
                searching: false,
                paging: true,
                /*"bInfo" : false,*/
                lengthChange: false,
                pageLength: 5,
                info: false,
                orderable: false,
                order: false,
                 columnDefs: [{
                     targets: "_all",
                     orderable: false
                 }]
                /*"order": [[ 0, "desc" ]]*/
            } );

        });

        $('#add-more').on('click', function () {
            $('#addModal').modal('toggle');
        });

        $('#addModal').on('shown.bs.modal', function(e) {
            $('.input-group.date').datetimepicker({
                format: 'MM/DD/YYYY'
            });
        });

        $('.editModal').on('shown.bs.modal', function(e) {
            $('.input-group.date').datetimepicker({
                //format: 'MM/DD/YYYY'
            });
        });

        $('#developer_id').on('change', function () {
            var developer_id = $(this).find('option:selected').val();
            //alert(property_id);
            //alert($option.val());
            if(developer_id==''){
                $('#project_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(dev){
                                $('#project_id').append('<option value="'+dev.id+'">'+dev.name+'</option>');
                            });

                            $('#client_id').empty();
                            $('#client_id').append("<option selected disabled>Select Client</option>");
                            data.sales.forEach(function(cl){
                                $('#client_id').append('<option value="'+cl.client.id+'">'+cl.client.client_name+'</option>');
                            });

                            $('#blk').empty();
                            $('#blk').append("<option selected disabled>Select Blk</option>");
                            data.sales.forEach(function(cl){
                                $('#blk').append('<option value="'+cl.blk+'">'+cl.blk+'</option>');
                            });

                            $('#lot').empty();
                            $('#lot').append("<option selected disabled>Select Lot</option>");
                            data.sales.forEach(function(cl){
                                $('#lot').append('<option value="'+cl.lot+'">'+cl.lot+'</option>');
                            });
                            //$('#spinner').modal('toggle');
                    },
                    /*error:function(e){
                      console.log(e);
                    }*/
                    error: function (jqXHR, exception) {
                        console.log(jqXHR);
                    }
                });
                } //end else
            });


        $(".delete").on("submit", function(){
            //return confirm("Are you sure?");
            //if(confirm("Are you sure you want to Delete this line?"))
            //{
                $.ajax({
                    url:"{{route('gross.delete')}}",
                    method:"post",
                    data:{id:id},
                    success:function(data)
                    {
                        console.log(data);
                        refresh(data);
                        /*$("#table-row-"+id).remove();
                        $('#gross-table').DataTable( {
                            "bDestroy": true
                            });
                        $('#gross-table').DataTable().ajax.reload();*/
                    }
                });
                /*}
                else
                {
                    return false;
                }*/
        });

        /*$(document).on('click', '.btnDelete', function(){
            var id = $('#id').val();
            console.log(id);
            $("#table-row-"+id).remove();
        });*/

    function refresh(newData){
        /*var tbl = $('#gross-table').DataTable( {
            "bDestroy": true
            });*/
        var table = $('#gross-table').DataTable();
        tbl.clear().rows.add([newData]).draw();
    }

    function getLineItems(id)  {
        //$('#id_').val(clicked_id);
        //alert(clicked_id);
        $.ajax({
            url:"{{route('gross.getitems')}}",
            method: 'get',
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data:{
                'id':id
            },
             dataType:'json',
            success:function(data){
                console.log(data);
                //refresh(data);
                //refreshTable();

                //var table = $('#gross-table').DataTable();
                //table.clear().rows.add([newData]).draw();
                //table.ajax.reload(null, false );

                //$('#gross-table').DataTable().ajax.reload();
                /*var ajaxSourceDataTable;
                ajaxSourceDataTable = $('.gross-table table').dataTable();
                ajaxSourceDataTable.fnStandingRedraw();

                //$('#add-user-data')[0].reset();
                //tableData.ajax.reload();

                //$('#gross-table').DataTable().ajax.reload();
                //$('#gross-table').DataTable().ajax.reload();
                                //$("#gross-table"+clicked_id).remove();
                var tbl = $('#gross-table').DataTable( {
                    "bDestroy": true,
                    "processing": true
                    });
                    tbl.ajax.reload();*/

            },
            error: function (data, textStatus, errorThrown) {
            //error:function(error){
                alert(textStatus);
            }
        });
    }

    function refreshTable() {
      $('.gross-table').each(function() {
          dt = $(this).dataTable();
          dt.fnDraw();
      })
    }

    function remID(id)  {
        getLineItems(33);
    }

    function remID2(clicked_id)  {
        //$('#id_').val(clicked_id);
        //alert(clicked_id);
        $.ajax({
            url:"{{route('gross.delete')}}",
            method: 'post',
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data:{
                'id':clicked_id
            },
             dataType:'json',
            success:function(data){
                console.log(data);
                //refresh(data);
                refreshTable();

                //var table = $('#gross-table').DataTable();
                //table.clear().rows.add([newData]).draw();
                //table.ajax.reload(null, false );

                //$('#gross-table').DataTable().ajax.reload();
                /*var ajaxSourceDataTable;
                ajaxSourceDataTable = $('.gross-table table').dataTable();
                ajaxSourceDataTable.fnStandingRedraw();

                //$('#add-user-data')[0].reset();
                //tableData.ajax.reload();

                //$('#gross-table').DataTable().ajax.reload();
                //$('#gross-table').DataTable().ajax.reload();
                                //$("#gross-table"+clicked_id).remove();
                var tbl = $('#gross-table').DataTable( {
                    "bDestroy": true,
                    "processing": true
                    });
                    tbl.ajax.reload();*/

            },
            error: function (data, textStatus, errorThrown) {
            //error:function(error){
                alert(textStatus);
            }
        });


    }

        $('#btnDelete').on('click', function () {
            //alert('ready');
            var id = $('#id').val();
            console.log(id);
            //alert(property_id);
            //alert($option.val());

            //$('#spinner').modal({backdrop: 'static', keyboard: false});
            /*$.ajax({
                url:"{{route('gross.delete')}}",
                method: 'post',
                headers:  {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data:{
                  'id':id
                },
                dataType:'json',
                success:function(data){
                    console.log(data);
                    $("#table-row-"+id).remove();
                    //$('#spinner').modal('toggle');
                },
                error: function (jqXHR, exception) {
                    console.log(jqXHR);
                }
            });*/

        }); //btnDelete ends

        //$('#btnDelete').click(function(){
            //$(this).parents('tr').first().remove();
            //$('#gross-table').DataTable().ajax.reload();
            //$("#table-row-"+id).remove();
        //});

        /*$(document).on('click', '.btnDelete', function(){
        var id = $(this).attr('id');
        alert(id);
        if(confirm("Are you sure you want to Delete this line?"))
        {
            $.ajax({
                url:"{{route('gross.delete')}}",
                method:"post",
                data:{id:id},
                success:function(data)
                {
                    alert(data);
                    $('#gross-table').DataTable().ajax.reload();
                }
            })
            }
            else
            {
                return false;
            }
        });*/

        $('#gross').on('keyup', function () {
            var dInput = $('#gross').val();
            //console.log(dInput);
            //if (evt.which != 110 ){//not a fullstop
                    //var n = parseFloat($(this).val().replace(/\,/g,''),10);
                    //$(this).val(n.toLocaleString());
               // }
            /*var rl = $('#release_amount2').val();
            var dInput = $(this).val();
            console.log(dInput);
            if (dInput > rl) {
                $('#release_amount').val(rl)
            }*/
        });

        /*$('#itmSave').on('click', function () {
        //alert('ready');
            //$('#addModal').modal('toggle');
        });*/
    </script>

    <script>
        function createNew() {
            $("#add-more").hide();
            var data = '<tr class="table-row" id="new_row_ajax">' +
            '<td contenteditable="false" id="txt_title" onBlur="addToHiddenField(this,\'title\')" onClick="editRow(this);"></td>' +
            '<td contenteditable="true" id="txt_title" onBlur="addToHiddenField(this,\'title\')" onClick="editRow(this);"></td>' +
            '<td contenteditable="true" id="txt_title" onBlur="addToHiddenField(this,\'title\')" onClick="editRow(this);"></td>' +
            '<td contenteditable="true" id="txt_title" onBlur="addToHiddenField(this,\'title\')" onClick="editRow(this);"></td>' +
            '<td contenteditable="false" id="txt_description" onBlur="addToHiddenField(this,\'description\')" onClick="editRow(this);"></td>' +
            '<td><input type="hidden" id="title" /><input type="hidden" id="description" /><span id="confirmAdd"><a onClick="addToDatabase()" class="ajax-action-links">Save</a> / <a onclick="cancelAdd();" class="ajax-action-links">Cancel</a></span></td>' +
            '</tr>';
          $("#table-body").append(data);
        }
        function cancelAdd() {
            $("#add-more").show();
            $("#new_row_ajax").remove();
        }
        function editRow(editableObj) {
          $(editableObj).css("background","#FFF");
        }

        function deleteRecord(id) {
        	if(confirm("Are you sure you want to delete this row?")) {
        		$.ajax({
        			url: "{{route('gross.delete')}}",
        			type: "POST",
        			data:'id='+id,
        			success: function(data){
        			  $("#table-row-"+id).remove();
        			}
        		});
        	}
        }
    </script>

@stop