@extends('admin.layouts.master')

@section('title')
    Commission Releases
@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;
        }
        .select2-container {
            width: 100% !important;
            padding: 0;
        }
        .select2-container--open{
            z-index:9999999
        }
        .select2-container.select2-container--default.select2-container--open  {
          z-index: 5000;
        }
    </style>

    <style>
        .editor-label {
            float: left;
            width: 300px;
            font-weight: normal;
        }

        .editor-field {
            margin-left:300px;
        }

        .editor-field input {
            width: 100%;
            text-align:right;
            height: 26px;
        }
    </style>
    <style>
        tr.group,
        tr.group:hover {
            background-color: #ddd !important;
        }
        /*filter on top*/
        tfoot {
            display: table-header-group;
        }
        thead {
            display: table-row-group;
        }
        /*hide show entries
        .dataTables_length {
            display: none;
        }
        .dataTables_filter {
            display: none;
        }*/
        select.fstyle { width: 50px }
        /*#user_table select
        {
            width:340px !important;
        }*/
        table.dataTable tr.odd { background-color: #E2E4FF; }
        table.dataTable tr.even { background-color: white; }
    </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-check-square-o"></span> Commission Releases
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-check-square-o"></i> Admin Panel</a></li>
                <li class="active"> Releases</li>
            </ol>
        </section>

        <input type="hidden" id="cmonth" name="cmonth" value="{{$cmonth}}" readonly>
        <input type="hidden" id="yyy" name="yyy" value="{{$yy}}" readonly>
        <!-- Main content -->
        <section class="content" style=" padding-bottom: 10%;">
            {{--<div class="page-header">
                <a href="{{route('releases')}}" class="btn btn-primary"><i class="fa fa-backward"></i> Back</a>
            </div>--}}
            <div class="page-header">
                {{--<button id="btnMonth" name="btnMonth" class="btn btn-success"><i class="fa fa-eye"></i> View This Month</button>--}}
                <div style="width: 280px;float:right;">
                    <div style="float:right;display: inline-block;font-size: 14px;">
                        Year:
                        <select name="yyear" id="yyear" class="form-control ddate">
                            {{--<option value="">Year</option>--}}
                            @foreach ($years as $year)
                                <option value="{{$year->yyear}}">{{$year->yyear}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div style="float:right;display: inline-block;font-size: 14px;">
                        Month:
                        <select name="mmonth" id="mmonth" class="form-control ddate">
                            {{--<option value=""></option>--}}
                            @foreach ($months as $month)
                                <option value="{{$month->mmonth}}">{{$month->mmonth}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div style="float:right;display: inline-block;font-size: 14px;margin-top:20px;padding-right:5px;">
                        <button id="btnFilter" class="btn btn-info"><i class="fa fa-filter" aria-hidden="true"></i> Filter</button>
                    </div>
                </div>
            </div>
            <div style="padding-top:30px;"></div>
            <table class="table table-hover" id="user_table" width="100%">
                <thead>
                    <tr style="background: grey ;color:#fff; font-weight: bold">
                        {{--<td>No.</td>--}}
                        <td width="8%">ID</td>
                        <td width="12%">Received Date</td>
                        {{--<td width="16%">Developer | Project</td>
                        <td width="10%">Blk | Lot</td>--}}
                        {{--<td>Client</td>--}}
                        <td style="text-align: center">Agent</td>
                        <td style="text-align: center">Unit Manager</td>
                        <td>Amount</td>
                        <td>Release</td>
                        <td>Actions</td>
                    </tr>
                </thead>
                @foreach($releases as $release)
                    <tr>
                        {{--<td>{{$release->rcvd_id}}</td>--}}
                        <td>{{$release->gr_id}}</td>
                        <td>{{date("d-M-Y", strtotime($release->created_at))}}</td>
                        {{--<td>{{$release->dev_name}} | {{$release->prj_name}}</td>--}}
                        {{--<td style="text-align: center">{{$release->blk}} | {{$release->lot}}</td>--}}
                        {{--<td>{{$release->client_name}}</td>--}}
                        <td>{{$release->agent_name}}</td>
                        <td>{{$release->um_name}}</td>
                        <td style="text-align: right">{{number_format($release->amount,2)}}</td>
                        <td style="text-align: center">
                            @if ($release->is_released == 1)
                                <span class="label label-success">Yes</span>
                            @else
                                <span class="label label-warning">No</span>
                            @endif
                        </td>
                        <td class="" style="text-align: center"> {{--btn btn-default--}}
                            @if ($release->is_released == 0)
                                {{--<a href="#" data-toggle="modal" data-target="" class="btn btn-default btn-xs" title="Edit" disabled><i class="fa fa-edit"></i> Edit</a>--}}
                            @else
                                {{--<a href="#" data-toggle="modal" data-target="#" class="btn btn-default btn-xs" title="" onclick="return false;"><i class="fa fa-check-circle"></i></a>--}}
                                {{--<a href="#" data-toggle="modal" data-target="#f{{$release->gr_id}}" class="btn btn-default btn-xs" title="Edit"><i class="fa fa-edit"></i> Edit</a> <br>--}}
                                {{--<button class="btn btn-warning btn-xs btnSelect" type="button"><i class="fa fa-edit"></i> Edit</button>--}}
                                <a href="{{ route('releases.editt',[$release->gr_id]) }}" class="btn btn-default btn-xs"><i class="fa fa-edit"></i> Edit</a>
                            @endif
                            @if ($release->is_released == 1)
                                {{--<a href="#" data-toggle="modal" data-target="" class="btn btn-primary btn-xs" title="Release" disabled><i class="fa fa-sign-out"></i> Release</a>--}}
                            @else
                                {{--<a href="" data-toggle="modal" data-target="#editModal" id="btnEdit" name="btnEdit" class="text-default btn btn-default btn-xs"><i class="fa fa-edit"></i> Edit Classroom</a>--}}
                                <a href="#" data-toggle="modal" data-target="#e{{$release->gr_id}}" class="btn btn-success btn-xs" title="Release"><i class="fa fa-check-circle"></i> Release</a>
                                <!-- New Release Modal tabindex="-1"-->
                                <div class="modal fade addModal" id="e{{$release->gr_id}}" role="dialog" aria-labelledby="myModalLabel" style="overflow:hidden;">
                                    <div class="modal-dialog" role="document">
                                        <form method="post" action="{{route('releases.edit')}}">
                                            <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">Release Commission for </h4>
                                                </div>

                                                <div class="modal-body text-left">
                                                    <input type="hidden" id="gl_id" name="gl_id" value="{{$release->gr_id}}">
                                                    <input type="hidden" id="rcvd_id" name="rcvd_id" value="{{$release->rcvd_id}}">
                                                    <input type="hidden" id="comm_amount" name="comm_amount" value="{{$release->amount}}">

                                                <div style="padding-top:10px;"></div>

                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label for="agent_id" class="control-label">Agent Name : </label>
                                                        <input type="hidden" id="agent_id" name="agent_id" value="{{$release->agent_id}}">
                                                        <span class="label label-success">{{$release->agent_name}}</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">
                                                        @foreach($ums as $um)
                                                            @if($release->unit_manager_id == $um->id)
                                                                <label for="umanager_id" class="control-label">Unit Manager : </label>
                                                                <input type="hidden" id="umanager_id" name="umanager_id" value="{{$release->unit_manager_id}}">
                                                                <span class="label label-default">{{$um->fullname}}</span>
                                                            @endif
                                                        @endforeach
                                                        @if($errors->has('umanager_id')) <span class="help-block">{{$errors->first('umanager_id')}}</span> @endif
                                                    </div>
                                                    <div class="form-group">
                                                        @foreach($agents as $agent)
                                                            @if($release->referrer_id == $agent->id)
                                                                <label for="referrer_id" class="control-label">Referrer : </label>
                                                                <input type="hidden" id="referrer_id" name="referrer_id" value="{{$release->referrer_id}}">
                                                                <span class="label label-default">{{$agent->fullname}}</span>
                                                            @else

                                                           @endif
                                                       @endforeach

                                                        @if($errors->has('referrer_id')) <span class="help-block">{{$errors->first('referrer_id')}}</span> @endif
                                                    </div>

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

                                                    @foreach ($share as $sh)
                                                        <div class="form-group">
                                                            <div class="editor-label">
                                                                <label for="agent_pcg_rate">Agent Share %</label>
                                                            </div>
                                                            <div class="editor-field">
                                                                <input type="number" name="agent_pcg_rate" id="agent_pcg_rate" value="{{$sh->shr_agent}}" class="form-control comm_rate"/>

                                                            </div>
                                                        </div>

                                                        <div class="form-group">
                                                            <div class="editor-label">
                                                                <label for="um_pcg_rate">Unit Manager Share %</label>
                                                            </div>
                                                            <div class="editor-field">
                                                                <input type="number" name="um_pcg_rate" id="um_pcg_rate" value="{{$sh->shr_um}}" class="form-control comm_rate" />
                                                            </div>
                                                        </div>

                                                        <div class="form-group">
                                                            <div class="editor-label">
                                                                <label for="broker_pcg_rate">Broker Share %</label>
                                                            </div>
                                                            <div class="editor-field">
                                                                <input type="number" name="broker_pcg_rate" id="broker_pcg_rate" value="{{$sh->shr_broker}}" class="form-control comm_rate" />
                                                            </div>
                                                        </div>

                                                        <div class="form-group">
                                                            <div class="editor-label">
                                                                <label for="referrer_pcg_rate">Referrer Share %</label>
                                                            </div>
                                                            <div class="editor-field">
                                                                <input type="number" name="referrer_pcg_rate" id="referrer_pcg_rate" value="{{$sh->shr_refer}}" class="form-control comm_rate" />
                                                            </div>
                                                        </div>

                                                        <div class="form-group">
                                                            <div class="editor-label">
                                                                <label for="tax">Tax %</label>
                                                            </div>
                                                            <div class="editor-field">
                                                                <input type="number" name="tax" id="tax" value="{{$sh->tax}}" class="form-control comm_rate" />
                                                            </div>
                                                        </div>
                                                    @endforeach

                                                    <div class="form-group ">
                                                        <div class="editor-label">
                                                            <label for="agent_pcg_rate">Agent C/A Payment</label>
                                                        </div>
                                                        <div class="editor-field">
                                                            <input type="number" name="ca_amount" id="ca_amount" value="0.00" class="form-control"/>
                                                        </div>
                                                    </div>

                                                    <div class="form-group ">
                                                        <div class="editor-label">
                                                            <label for="um_ca_amount">Unit Manager C/A Payment</label>
                                                        </div>
                                                        <div class="editor-field">
                                                            <input type="number" name="um_ca_amount" id="um_ca_amount" value="0.00" class="form-control"/>
                                                        </div>
                                                    </div>

                                                    </div>

                                                </div>

                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                    <button type="submit" id="btnSave" name="btnSave" class="btn btn-primary">Save</button>
                                                </div>

                                            </div>
                                            {{csrf_field()}}

                                        </form>

                                    </div>
                                </div>
                            @endif
                        {{--Edit release--}}
                            {{--<div class="modal fade editModal" id="f{{$release->gr_id}}" role="dialog" aria-labelledby="myModalLabel2" style="overflow:hidden;">--}}
                            <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                <div class="modal-dialog" role="document">
                                    <form method="post" action="{{route('releases.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="myModalLabel2">Edit Release Commission - {{$release->gr_id}}</h4>
                                            </div>

                                            <div class="modal-body text-left">
                                                <input type="hidden" id="gl_id" name="gl_id" value="{{$release->gr_id}}">
                                                <input type="hidden" id="rcvd_id" name="rcvd_id" value="{{$release->rcvd_id}}">
                                                <input type="hidden" id="comm_amount" name="comm_amount" value="{{$release->amount}}">

                                            <div style="padding-top:10px;"></div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="agent_id" class="control-label">Agent Name : </label>
                                                    <input type="hidden" id="agent_id" name="agent_id" value="{{$release->agent_id}}">
                                                    <span class="label label-success">{{$release->agent_name}}</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">
                                                    @foreach($ums as $um)
                                                        @if($release->unit_manager_id == $um->id)
                                                            <label for="umanager_id" class="control-label">Unit Manager : </label>
                                                            <input type="hidden" id="umanager_id" name="umanager_id" value="{{$release->unit_manager_id}}">
                                                            <span class="label label-default">{{$um->fullname}}</span>
                                                        @endif
                                                    @endforeach
                                                    @if($errors->has('umanager_id')) <span class="help-block">{{$errors->first('umanager_id')}}</span> @endif
                                                </div>
                                                <div class="form-group">
                                                    @foreach($agents as $agent)
                                                        @if($release->referrer_id == $agent->id)
                                                            <label for="referrer_id" class="control-label">Referrer : </label>
                                                            <input type="hidden" id="referrer_id" name="referrer_id" value="{{$release->referrer_id}}">
                                                            <span class="label label-default">{{$agent->fullname}}</span>
                                                        @else

                                                       @endif
                                                   @endforeach

                                                    @if($errors->has('referrer_id')) <span class="help-block">{{$errors->first('referrer_id')}}</span> @endif
                                                </div>

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

                                                @foreach ($share as $sh)
                                                    <div class="form-group">
                                                        <div class="editor-label">
                                                            <label for="agent_pcg_rate">Agent Share %</label>
                                                        </div>
                                                        <div class="editor-field">
                                                            <input type="number" name="agent_pcg_rate" id="agent_pcg_rate" value="{{$sh->shr_agent}}" class="form-control comm_rate"/>

                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <div class="editor-label">
                                                            <label for="um_pcg_rate">Unit Manager Share %</label>
                                                        </div>
                                                        <div class="editor-field">
                                                            <input type="number" name="um_pcg_rate" id="um_pcg_rate" value="{{$sh->shr_um}}" class="form-control comm_rate" />
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <div class="editor-label">
                                                            <label for="broker_pcg_rate">Broker Share %</label>
                                                        </div>
                                                        <div class="editor-field">
                                                            <input type="number" name="broker_pcg_rate" id="broker_pcg_rate" value="{{$sh->shr_broker}}" class="form-control comm_rate" />
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <div class="editor-label">
                                                            <label for="referrer_pcg_rate">Referrer Share %</label>
                                                        </div>
                                                        <div class="editor-field">
                                                            <input type="number" name="referrer_pcg_rate" id="referrer_pcg_rate" value="{{$sh->shr_refer}}" class="form-control comm_rate" />
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <div class="editor-label">
                                                            <label for="tax">Tax %</label>
                                                        </div>
                                                        <div class="editor-field">
                                                            <input type="number" name="tax" id="tax" value="{{$sh->tax}}" class="form-control comm_rate" />
                                                        </div>
                                                    </div>
                                                @endforeach

                                                <div class="form-group ">
                                                    <div class="editor-label">
                                                        <label for="ca_amount">Agent C/A Payment</label>
                                                    </div>
                                                    <div class="editor-field">
                                                        <input type="number" name="ca_amount" id="ca_amount" value="0.00" class="form-control"/>
                                                    </div>
                                                </div>

                                                <div class="form-group ">
                                                    <div class="editor-label">
                                                        <label for="um_ca_amount">Unit Manager C/A Payment</label>
                                                    </div>
                                                    <div class="editor-field">
                                                        <input type="number" name="um_ca_amount" id="um_ca_amount" value="0.00" class="form-control"/>
                                                    </div>
                                                </div>

                                                </div> {{--grid layout--}}

                                            </div>

                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                <button type="submit" id="btnSave" name="btnSave" class="btn btn-primary">Save</button>
                                            </div>

                                        </div>
                                        {{csrf_field()}}

                                    </form>

                                </div>
                            </div>
                        </td>
                    </tr>
                @endforeach
                  <tfoot>
                    <tr>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                      {{--<td></td>
                      <td></td>
                      <td></td>--}}
                    </tr>
                  </tfoot>
            </table>
        </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 class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
          <div class="modal-dialog" role="document">
            <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">Confirmation</h4>
              </div>
              <div class="modal-body">
                <p>Success message</p>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              </div>
            </div>
          </div>
        </div>

    </div>

@stop

@section('script')

    {{--<script type="text/javascript" src="{{ asset('js/invoice.js') }}" ></script>--}}
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.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 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.js"></script>

    <script>
        $( document ).ready(function() {
            //$('#agent_id option:not(:selected)').remove();
            //$('#agent_id').prop("disabled", true);
            //$('#agent_id').attr('readonly', true)

            /*$('#agent_id').select2();
            $('#umanager_id').select2();
            $('#referrer_id').select2();*/

            //$('#developer_id').select2();
            /*$('#release-table').DataTable( {
                "bDestroy": true,
                searching: true,
                paging: true,
                "bInfo" : false,
                lengthChange: false,
                pageLength: 5,
                info: true,
                orderable: true,
                rable: false
                "order": [[ 0, "desc" ]]
            });*/

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

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

            var dt = $('#user_table').DataTable();
            //hide the first column
            dt.column(0).visible(false);
            //$('#editModal').modal('toggle');
            //$('#myModal').modal('show');
            /*$("#user_table").dataTable().fnDestroy();
            $('#user_table').DataTable( {
            /*"columnDefs": [
                { "visible": false, "targets": [0,2,3] }
                ],

                "bDestroy": true,
                "order": [[ 0, "desc" ]],
                initComplete: function () {
                    this.api().columns([2,4,5,6]).every( function () {
                        var column = this;
                        var select = $('<select class="fstyle" id="lnOpt"><option value=""></option></p>')
                            .appendTo( $(column.footer()).empty() )
                            .on( 'change', function () {
                                var val = $.fn.dataTable.util.escapeRegex(
                                    $(this).val()
                                );
                                column
                                    .search( val ? '^'+val+'$' : '', true, false )
                                    .draw();
                            } );

                        column.data().unique().sort().each( function ( d, j ) {
                            select.append( '<option value="'+d+'">'+d+'</option>' )
                        } );
                    } );
                }
            } );*/

    });

    /*$("#btnEdit").on("click", function(){
        //alert('ready');
        //event.preventDefault();
        $('#addModal').modal('toggle');
        //$('#editModal').modal('show');
    });*/


        $(".comm_rate").each(function() {
            $(this).keyup(function(){
                calculateSum();
                //$('#btnSave').attr("disabled","disabled");
            });
        });

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

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

        $('.addModal').on('shown.bs.modal', function() {
            $(document).off('focusin.modal');
            //alert('ready');
        });

        /*$('.comm_rate').on('keyup keydown change', function () {
            calculateSum();
        });*/

        /*$('.comm_rate').on('keyup keydown change', function () {
            //alert('ready');
             //$('#agent_com_rate').val('sdf');
            var sum = 0;
            //var nsp = $('#net_selling_price').val();
            //var rate = $(this).val();

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

            if (sum < 100) {
                console.log('kulang');
                $('#btnSave').attr("disabled", true);
            } else if (sum > 100) {
                console.log('sobra');
                $('#btnSave').attr("disabled", true);
            } else {
                console.log('sakto. daw coke');
                $('#btnSave').attr("disabled", false);
            }

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

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

        function calculateSum() {

            var sum = 0;
            //iterate through each textboxes and add the values
            $(".comm_rate").each(function() {
                if(!isNaN(this.value) && this.value.length!=0) {
                    sum += parseFloat(this.value);
                }
            });

            console.log(sum);

            if (sum < 500) {
                console.log('kulang');
                //notifPopup('Sales Notification', 'New Sales was successfully created.');
                $('#btnSave').attr("disabled",true); //.prop( "disabled", true ); //.attr("disabled", true);
            } else if (sum > 500) {
                console.log('sobra');
                $('#btnSave').attr("disabled",true); //.prop( "disabled", true ); //.attr("disabled", true);
            } else {
                console.log('sakto. daw coke');
                $('#btnSave').attr("disabled",false); //prop( "disabled", false ); //.attr("disabled", false);
            }
            //$("#sum").html(sum.toFixed(2));
        }

    </script>

    <script>
        $("#user_table").on('click','.btnSelect',function(){
             //event.preventDefault(); //prevent form to submit
             /*var currentRow=$(this).closest("tr");
             var col1=currentRow.find("td:eq(0)").text(); //id
             var col2=currentRow.find("td:eq(1)").text(); //plan id
             var col3=currentRow.find("td:eq(2)").text(); //image
             var col4=currentRow.find("td:eq(3)").text(); //description
             var col5=currentRow.find("td:eq(4)").text(); //question
             var col6=currentRow.find("td:eq(5)").text(); //directory
             var data=col1+"\n"+col2+"\n"+col3+"\n"+col4+"\n"+col5; //+"\n"+col6+"\n"+col7;
             //alert(col1);
             //$('#myModal').modal({'show' : true});
             */

            //$('#editModal').modal('toggle');
            //if (confirm("Confirm to delete this row?")) {
                /*$.ajax({
                    url:"route('releases.editt')}}",
                    method: 'get',
                    headers:  {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    //data:col2,
                    data:{
                      'id':col2
                    },
                    dataType:'json',
                    success:function(data){
                        if(data.success) {
                            //$('#myModal').modal('toggle');

                            var html="";
                            html += '<table class="table table-bordered" >';
                            for(var count=0; count < datalength; count++){
                                html += '<tr>';
                                html += '<td>'+data.data[count].id+'-'+data.data[count].comm_amount+'</td>';
                                html += '</tr>';
                            }
                            html += '</table>';

                            $('.modal-content .modal-body').append(html)

                            $('#myModal').modal('show');

                            //$('#myModal').modal({'show' : true});
                            console.log(data);
                            //location.reload();
                            //alert('Row deleted.');
                            //notifPopup('Sales Notification', 'New Sales was successfully created.');
                            //$('#editModal').modal('show');

                        }
                    },
                    done:function(data) {
                        //submitButton.prop('disabled', false);
                        $('#myModal').modal({'show' : true});
                    },
                    error: function (jqXHR, exception) {
                        console.log(exception);
                    }
                });*/
            /*} else {
                //txt = "Cancelled!";
                alert('Cancelled.');
            }*/

        });

        $('#mmonth').on('change', function () {
            var yy = $("#yyear").val();
            //alert(this.value+' '+yy);
            window.location.href = '/admin/releases/month/'+this.value+'/'+yy;
            $('#mmonth').val(this.value);
        });

        $('#yyear').on('change', function () {
            var mm = $("#mmonth").val();
            window.location.href = '/admin/releases/month/'+mm+'/'+this.value;
            //alert(mm+' ' +this.value);
        });

        /*$('.ddate').on('change', function () {
            alert(this.value);
        });*/

        $('#btnMonth').on('click', function () {
            var cm = $("#cmonth").val();
            var yy = $("#yyear").val();
            window.location.href = '/admin/releases/month/'+cm+'/'+yy;
            //alert(mm+' ' +this.value);
        });

    </script>
@stop