<?php $__env->startSection('styles'); ?>

    <link href="/assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-editable/bootstrap-editable/css/bootstrap-editable.css"
          rel="stylesheet" type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-editable/inputs-ext/address/address.css" rel="stylesheet"
          type="text/css"/>


    <style>

        .bootbox-confirm {
            z-index: 1000000 !important;
        }

        .modal-open .datepicker {
            z-index: 115100000 !important;
        }

        .checkbox {
            height: 16px;
        }

        .modal-lg {
            width: 1500px;
        }

        .pac-container {
            z-index: 10052 !important;
        }

        #map {
            width: auto !important;
            height: 500px !important;
        }

        #map_edit {
            width: auto !important;
            height: 500px !important;
        }

        tfoot {
            display: table-header-group;
        }

        tfoot input {
            font-weight: normal !important;
        }

        tfoot select {
            font-weight: normal !important;
        }

        .dataTables_filter {
            display: none;
        }

        #orders-table_length {
            display: none;
        }

        .ws-nr {
            width: 100% !important;
        }

        .warning > .sorting_1 {
            background-color: #F9E491 !important;
        }

        .warning > .sorting_2 {
            background-color: #F9E491 !important;
        }

        tr.warning td.sorting_1 {
            background-color: #F9E491 !important;
        }

        tr.warning td.sorting_2 {
            background-color: #F9E491 !important;
        }

    </style>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
    <?php if(session()->has('error')): ?>
        <div class="alert alert-danger"><?php echo e(session()->get('error')); ?></div>
    <?php endif; ?>
    <?php if(session()->has('success')): ?>
        <div class="alert alert-success"><?php echo e(session()->get('success')); ?></div>
    <?php endif; ?>
    <?php if(count($errors) > 0): ?>
        <div class="alert alert-danger">
            <ul>
                <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <li><?php echo e($error); ?></li>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </ul>
        </div>
    <?php endif; ?>
    <h1 class="page-title">
        Danh sách hóa đơn
    </h1>

    <div class="row" style="margin-bottom: 15px">
        <div class="col-md-12">
            <?php if(auth('backend')->user()->can('add-payment')): ?>
            <a href="#" class="btn green-meadow" id="paid-full-contract"><i class="fa fa-check"></i> Đánh dấu thanh toán
                hết</a>
            <?php endif; ?>
            <a href="#" class="btn btn-success" id="print-contract"><i class="fa fa-print"></i> In</a>
                <?php if(auth('backend')->user()->can('send-voucher')): ?>
            <a href="#" class="btn yellow-casablanca" id="send-mail-money-info-contract"><i class="fa fa-envelope"></i>
                Gửi email</a>

                <a href="#" class="btn blue" id="send-zalo-money-info-contract"><i class="fa fa-comment"></i> Gửi
                    zalo</a>
            <a href="/admin2/money/zalo-history" class="btn blue"><i class="fa fa-comment"></i> Lịch sử gửi
                zalo</a>
                <?php endif; ?>
                <?php if(auth('backend')->user()->can('delete-voucher')): ?>
            <button id="delete-voucher-contracts" class="btn btn-danger"><i class="fa fa-trash"></i> Xóa</button>
                    <?php endif; ?>
        </div>
    </div>

    <div class="row"
         style="padding-bottom: 15px; margin-right: 0px; margin-left: 0px; padding-top: 15px; margin-bottom: 15px; border-bottom: 1px solid #e7ecf1; background-color: #EFF2F5">
        <div class="col-md-8">
            <div class="row">
                <div class="col-md-3">
                    <select class="form-control" id="hostels">
                        <option value="">Tất cả nhà</option>
                        <?php
                            $hostelArrs = \App\Models\Hostel::where('owner_id', auth('backend')->user()->id)->pluck('id')->toArray();
                            if(auth('backend')->user()->type == \App\User::STAFF)
	    {
		    $hostelArrs = \App\Components\Functions::getHostelArrStaff();
	    }
                                $hostels = \App\Models\Hostel::whereIn('id', $hostelArrs)->orderBy('name', 'asc')->get();

                        ?>
                        <?php $__currentLoopData = $hostels; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $hostel): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option
                                    value="<?php echo e($hostel->id); ?>"><?php echo e($hostel->name); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </select>
                </div>
                <div class="col-md-3">
                    <select class="form-control" id="rooms">
                        <option value="">Tất cả phòng</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <input class="form-control monthpicker" id="month" placeholder="Chọn tháng"
                           value="<?php echo e(\Carbon\Carbon::now()->format('m/Y')); ?>"
                           autocomplete="off">
                </div>
                <div class="col-md-2">
                    <select class="form-control" name="type" id="type">
                        <option value="">Tất cả</option>
                        <option value="1">Đã thanh toán hết</option>
                        <option value="2">Còn nợ</option>
                    </select>
                </div>

                <div class="col-md-2">
                    <select class="form-control" name="status" id="status">
                        <option value="-1">Tất cả</option>
                        <option selected value="<?php echo e(\App\Models\Contract::VALIDATED); ?>">Đang ở</option>
                        <option value="<?php echo e(\App\Models\Contract::LIQUIDATED); ?>">Đã thanh lý</option>

                    </select>
                </div>

            </div>
        </div>
        <div class="col-md-4">
            <div class="row">
                <div class="col-md-12">
                    <a class="btn green-meadow pull-right" id="btn-export-voucher-excel"
                       href="#"
                    >
                        <i class="fa fa-file-excel"></i> Xuất Excel</a>


                </div>
            </div>
        </div>
    </div>


    <div class="row">
        
        
        
        <div class="col-md-12" id="detail">

        </div>
    </div>


    <div class="modal fade bs-modal-lg" id="update-money-info-modal" aria-hidden="true" style="z-index: 100000">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">
                        Cập nhật thông tin hóa đơn
                    </h4>
                </div>
                <div class="modal-body" id="update-money-info-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Đóng
                    </button>
                    <button type="button" class="btn red" id="btn-save-money-info-update">Lưu</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade bs-modal-lg" id="delete-voucher-contract-type" aria-hidden="true" style="z-index: 100000">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">
                        Xóa hóa đơn
                    </h4>
                </div>
                <div class="modal-body" id="delete-voucher-contract-type-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Đóng
                    </button>
                    <button type="button" class="btn red" id="btn-delete-voucher-contract-type">Lưu</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade bs-modal-lg" id="transaction-history" aria-hidden="true" style="z-index: 100002">
        <div class="modal-dialog modal-lg">
            <div class="modal-content ">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title" id="voucher-title">Lịch sử thanh toán</h4>
                </div>
                <div class="modal-body" id="transaction-history-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Đóng
                    </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade bs-modal-lg" id="mark-paid-full" aria-hidden="true" style="z-index: 100000">
        <div class="modal-dialog modal-lg">
            <div class="modal-content ">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Thanh toán hóa đơn</h4>
                </div>
                <div class="modal-body" id="mark-paid-full-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Đóng
                    </button>
                    <button type="button" class="btn red" id="btn-mark-paid-full">Lưu</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade bs-modal-lg" id="delete-voucher" aria-hidden="true" style="z-index: 100000">
        <div class="modal-dialog modal-lg">
            <div class="modal-content ">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Xóa hóa đơn</h4>
                </div>
                <div class="modal-body" id="delete-voucher-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Đóng
                    </button>
                    <button type="button" class="btn red" id="btn-mark-paid-full">Lưu</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade bs-modal-lg" id="detail-money-info-contract" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content ">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title" id="detail-money-info-contract-title">Thông tin hóa đơn</h4>
                </div>
                <div class="modal-body" id="detail-money-info-contract-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Đóng
                    </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade bs-modal-lg" id="detail-money-info" aria-hidden="true" style="z-index: 100000">
        <div class="modal-dialog modal-lg">
            <div class="modal-content ">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title" id="detail-money-info-title">Thông tin hóa đơn</h4>
                </div>
                <div class="modal-body" id="detail-money-info-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Đóng
                    </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>


<?php $__env->stopSection(); ?>

<?php $__env->startPush('scripts'); ?>
    <script src="/assets/global/plugins/dropzone/dropzone.min.js" type="text/javascript"></script>
    <script src="/assets/pages/scripts/form-dropzone.min.js" type="text/javascript"></script>
    <script src="/assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
    <script src="/assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
    <script>
        $.validator.addMethod("greaterThan",
            function (value, element, param) {
                var $otherElement = $(param);
                return parseInt(value, 10) >= parseInt($otherElement.val(), 10);
            }
        );
    </script>


<?php $__env->stopPush(); ?>


<?php $__env->startPush('scripts'); ?>
    
    

    
    
    
    


    
    
    
    
    


    <script>


        $('.datepicker').datepicker({
            format: 'dd/mm/yyyy',
            autoclose: true
        });

        $(document).on('click', '.btn-paid-full', function (e) {
            e.preventDefault();
            var that = this;
            var money_info_id = $(this).attr('data-money-info');
            $.ajax({
                url: '<?php echo e(url('admin2/room/get-remain')); ?>',
                type: 'get',
                data: {
                    money_info_id: money_info_id
                },
                dataType: 'json',
                success: function (response) {
                    if (response.status == 2) {
                        swal('Thông báo', response.message, 'info');
                    }
                    if (response.status == 1) {
                        $('#form-paid-' + money_info_id).find('.price-r').val(response.data.remain);
                    }
//                $(that).parent().parent().find('.col-md-12').first().next().html(response.data);
                }
            })
        });
    </script>
    <script>


        $('.monthpicker').datepicker({
            format: 'mm/yyyy',
            autoclose: true,
            viewMode: "months",
            minViewMode: "months",
        }).on('changeDate', function () {
            build_export();
            get_data();
        });

        var table;

        $(document).on('click', '.detail-money-contract', function () {
            var money_info_id = $(this).attr('data-id');
            $.ajax({
                url: '<?php echo e(url('admin2/money/detail-money-info-contract')); ?>',
                type: 'get',
                data: {
                    contract_id: money_info_id,
                    month: $('#month').val()
                },
                dataType: 'json',
                beforeSend: function () {
                    $('#detail-money-info-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#detail-money-info-content').removeClass('ht-on-loading').html(response.data);
                    $('#detail-money-info-title').text(response.title);
                }
            });

        });

        $(document).on('click', '.detail-money', function () {
            var money_info_id = $(this).attr('data-id');
            $.ajax({
                url: '<?php echo e(url('admin2/money/detail-money-info')); ?>',
                type: 'get',
                data: {
                    money_info_id: money_info_id
                },
                dataType: 'json',
                beforeSend: function () {
                    $('#detail-money-info-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#detail-money-info-content').removeClass('ht-on-loading').html(response.data);
                    $('#detail-money-info-title').text(response.title);
                }
            });

        });

        var contract_id = null;

        $(document).on('click', '.edit-money-contract', function () {
            contract_id = $(this).attr('data-id');
            get_contract_money_info();


        });

        $(document).on('click', '.send-zalo-contract', function () {
            contract_id = $(this).attr('data-id');

            bootbox.confirm({
                message: "Bạn có chắc chắn muốn gửi tin nhắn ?",
                buttons: {
                    confirm: {
                        label: 'Có',
                        className: 'btn-success'
                    },
                    cancel: {
                        label: 'Không',
                        className: 'btn-danger'
                    }
                },

                callback: function (result) {
                    if (result == true) {
                        $.ajax({
                            url: '<?php echo e(url('admin2/money/send-message-invoice-zalo')); ?>',
                            type: 'post',
                            data: {
                                contract_id: contract_id,
                                month: $('#month').val()
                            },
                            dataType: 'json',
                            beforeSend: function () {

                            },
                            success: function (response) {
                                if (response.status == 1) {
                                    swal('Thông báo', response.message, 'success');
                                } else {
                                    swal('Thông báo', response.message, 'info');
                                }
                            }
                        });
                    }
                }
            });

        });

        function get_contract_money_info() {
            $.ajax({
                url: '<?php echo e(url('admin2/money/edit-money-info-contract')); ?>',
                type: 'get',
                data: {
                    contract_id: contract_id,
                    month: $('#month').val()
                },
                dataType: 'json',
                beforeSend: function () {
                    $('#detail-money-info-contract-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#detail-money-info-contract-content').removeClass('ht-on-loading').html(response.data);
                    $('#detail-money-info-contract-title').text(response.title);
                }
            });
        }

        $(document).on('click', '.delete-voucher', function () {
            var money_info_id = $(this).attr('data-money-info');
            bootbox.confirm({
                message: "Bạn có chắc chắn muốn xóa ?",
                buttons: {
                    confirm: {
                        label: 'Có',
                        className: 'btn-success'
                    },
                    cancel: {
                        label: 'Không',
                        className: 'btn-danger'
                    }
                },

                callback: function (result) {
                    if (result == true) {

                        $.ajax({
                            url: '<?php echo e(url('admin2/money/delete-voucher')); ?>',
                            type: 'post',
                            data: {
                                id: money_info_id
                            },
                            dataType: 'json',
                            success: function (response) {
                                if (response.status == 1) {
                                    swal('Thành công', 'Hóa đơn đã được xóa', 'success');
                                    $('#detail-money-info-contract').modal('hide');
                                    $('#mark-paid-full').modal('hide');
                                    get_data();
                                } else {
                                    swal('Thông báo', response.message, 'info');
                                }
                            }
                        });

                    }
                }
            });


        });

        $(document).on('click', '.delete-voucher-contract', function (e) {
            e.preventDefault();
            $.ajax({
                url: '<?php echo e(url('admin2/money/get-paid-full-moneyinfos')); ?>',
                data: {
                    'contract_ids[]': $(this).attr('data-id'),
                    'is_delete': 1,
                    'month': $('#month').val()
                },
                type: 'get',
                dataType: 'json',
                success: function (response) {
                    if (response.status == 0) {
                        swal('Thông báo', response.message, 'info');
                    } else {
                        $('#delete-voucher').modal('show');
                        $('#delete-voucher-content').html(response.data);
                        $('.datepicker').datepicker({
                            format: 'dd/mm/yyyy',
                            autoclose: true
                        });
                    }
                }
            });

        });

        
        
        
        
        
        
        
        
        
        
        
        
        
        


        
        

        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        

        
        
        


        

        $(document).on('click', '#delete-voucher-contracts', function () {
            var money_info_id = $(this).attr('data-money-info');
            bootbox.confirm({
                message: "Bạn có chắc chắn muốn xóa ?",
                buttons: {
                    confirm: {
                        label: 'Có',
                        className: 'btn-success'
                    },
                    cancel: {
                        label: 'Không',
                        className: 'btn-danger'
                    }
                },


                callback: function (result) {
                    if (result == true) {

                        $('#delete-voucher-contract-type').modal('show');

                        $.ajax({
                            url: '/admin2/money/delete-voucher-contract-view',
                            type: 'get',
                            data: {
                                month: $('#month').val()
                            },
                            dataType: 'json',
                            beforeSend: function () {
                                $('#delete-voucher-contract-type-content').addClass('ht-on-loading');
                            },
                            success: function (response) {
                                $('#delete-voucher-contract-type-content').removeClass('ht-on-loading').html(response.data);
                            }
                        })

                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        

                    }
                }
            });


        });

        $(document).on('click', '#btn-delete-voucher-contract-type', function (e) {
            e.preventDefault();
            var type = $('#type-delete-voucher-contracts').val();
            var data = $('#form-money-info-contract').serialize();
            data += '&month=' + $('#month').val();
            data += '&type=' + type;
            $.ajax({
                url: '/admin2/money/delete-voucher-contracts-by-type',
                data: data,
                type: 'post',
                dataType: 'json',
                beforeSend: function () {
                    $('#delete-voucher-contract-type-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#delete-voucher-contract-type-content').removeClass('ht-on-loading');
                    swal('Thông báo', response.message, 'success');
                    $('#delete-voucher-contract-type').modal('hide');
                    get_data();
                }
            })
        });



        $(document).on('click', '.btn-transaction-history', function (e) {
            e.preventDefault();
            var roomId = $(this).attr('data-room');
            var moneyInfoId = $(this).attr('data-id');
            $.ajax({
                url: '/admin2/room/paid-history',
                data: {
                    room_id: roomId,
                    money_info_id: moneyInfoId
                },
                type: 'get',
                dataType: 'json',
                beforeSend: function () {
                    $('#transaction-history-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#transaction-history-content').removeClass('ht-on-loading').html(response.data);
                }
            })
        });

        function build_export() {
            var hostel = $('#hostels').val();
            var month = $('#month').val();
            var type = $('#type').val();
            var room_id = $('#rooms').val();
            var status =  $('#status').val()
            var contract_ids =  $('#form-money-info-contract').serialize();
            var params = jQuery.param(
                {
                    hostel_id: hostel,
                    month: month,
                    type: type,
                    room_id: room_id,
                    status: status,
                    is_excel: 1

                }
            );
            var url = '<?php echo e(url('admin2/money/voucher-ajax')); ?>' + '?' + params+'&'+contract_ids;
            $('#btn-export-voucher-excel').attr('href', url);
            return url;
        }

        $('#btn-export-voucher-excel').click(function(e) {
           e.preventDefault();
           var url = build_export();
           console.log(url);
           window.location.href = url;
        });

        $('#hostels').on('change', function () {

            $.ajax({
                url: '<?php echo e(url('admin2/hostel/select-rooms')); ?>',
                type: 'get',
                data: {
                    hostel_id: $('#hostels').val()
                },
                dataType: 'json',
                success: function (response) {
                    $('#rooms').html(response.data);
                }
            })

            build_export();

            get_data();


        });

        $('#rooms, #type, #status').on('change', function () {
            build_export();

            get_data();


        });


        function getPostByAttr() {
            table.ajax.reload();
        }

        function get_data() {
            $.ajax({
                url: '<?php echo e(url('admin2/money/voucher-ajax')); ?>',
                type: 'get',
                data: {
                    'hostel_id': $('#hostels').val(),
                    'month': $('#month').val(),
                    'type': $('#type').val(),
                    'room_id': $('#rooms').val(),
                    'status': $('#status').val()
                },
                beforeSend: function () {
                    $('#detail').addClass('ht-on-loading');
                },
                dataType: 'json',
                success: function (response) {
                    $('#detail').removeClass('ht-on-loading').html(response.data);
                }
            });
        }

        $(document).on('change', '#select-all-money-infos', function () {
            if ($(this).is(':checked')) {
                $('.moneyinfo-checkbox').prop('checked', true);
            } else {
                $('.moneyinfo-checkbox').prop('checked', false);
            }
        });

        $(document).on('change', '#select-all-money-contracts', function () {
            if ($(this).is(':checked')) {
                $('.contract-checkbox').prop('checked', true);
            } else {
                $('.contract-checkbox').prop('checked', false);
            }
        });

        $(document).ready(function () {
            get_data();
        });

        function getCoor(id, type) {
            $.ajax({
                url: '<?php echo e(url('get-location-coor')); ?>',
                type: 'get',
                data: {
                    'id': id,
                    'type': type
                },
                dataType: 'json',
                success: function (response) {
                    if (map) {
                        map.setCenter(
                            response.lat,
                            response.lng
                        );
                    }
                    cur_lat = response.lat;
                    cur_lng = response.lng;
                }
            });
        }

        $(document).on('change', '#province_id', function (e) {
            var id = $(this).val();
            $.ajax({
                url: '<?php echo e(url('get-sub-location')); ?>',
                type: 'get',
                data: {
                    'id': $(this).val(),
                    'type': 'province',
                },
                dataType: 'html',
                success: function (response) {
                    $('#district_id').html(response);
                    $('#ward_id').html('');
                    getCoor(id, 'province');


                }
            });
        });

        $(document).on('change', '#district_id', function (e) {
            var id = $(this).val();
            $.ajax({
                url: '<?php echo e(url('get-sub-location')); ?>',
                type: 'get',
                data: {
                    'id': $(this).val(),
                    'type': 'district'
                },
                dataType: 'html',
                success: function (response) {
                    $('#ward_id').html(response);
                    getCoor(id, 'district');
                }
            });
        });

        $(document).on('click', '.btn-paid', function (e) {
            var that = this;
            var money_info_id = $(this).attr('data-money-info');
            $.ajax({
                url: '<?php echo e(url('admin2/room/paid-form')); ?>',
                type: 'get',
                data: {
                    money_info_id: money_info_id
                },
                dataType: 'json',
                success: function (response) {
                    $('#form-paid-' + money_info_id).html(response.data);
                    $('.datepicker').datepicker({
                        format: 'dd/mm/yyyy',
                        autoclose: true
                    });

//                $(that).parent().parent().find('.col-md-12').first().next().html(response.data);
                }
            })
        });

        $(document).on('click', '.btn-save-payment', function (e) {
            e.preventDefault();

            var data = $(this).closest('form').serialize();

            $.ajax({
                url: '<?php echo e(url('admin2/room/spend')); ?>',
                type: 'post',
                data: data,
                dataType: 'json',
                beforeSend: function () {
                    $('#payment-items').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#payment-items').removeClass('ht-on-loading');
                    if (response.status == 1) {
                        swal('Thành công', 'Thanh toán thành công', 'success');
                        $('#detail-money-info').modal('hide');
                        table.ajax.reload();
                    } else {
                        swal('Thông báo', response.message, 'warning');
                    }
                }
            });

        });

        $(document).on('click', '#btn-mark-paid-full', function (e) {
            e.preventDefault();

            var data = $('#form-paid-full').serialize();

            $.ajax({
                url: '<?php echo e(url('admin2/money/paid-full')); ?>',
                type: 'post',
                data: data,
                dataType: 'json',
                beforeSend: function () {
                    $('#mark-paid-full-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#mark-paid-full-content').removeClass('ht-on-loading');
                    if (response.status == 1) {
                        swal('Thành công', 'Thanh toán thành công', 'success');
                        $('#mark-paid-full').modal('hide');
                        $('#detail-money-info-contract').modal('hide');
                        get_data();
                    } else {
                        swal('Thông báo', response.message, 'warning');
                    }
                }
            });

        });

        $(document).on('click', '.btn-cancel-paid', function (e) {
            e.preventDefault();

            $(this).parent().parent().parent().parent().remove();

        });

        $(document).on('click', '.btn-edit-payment', function (e) {
            e.preventDefault();
            var transaction_id = $(this).attr('data-payment');
            var that = this;

            $.ajax({
                url: '<?php echo e(url('admin2/room/get-edit-payment')); ?>',
                type: 'get',
                data: {
                    transaction_id: transaction_id
                },
                dataType: 'json',
                success: function (response) {
                    $(that).closest('td').prev().html(response.html);
                    $(that).closest('td').html(response.button);
                }
            });


        });


        $(document).on('click', '.btn-save-edit-payment', function (e) {
            e.preventDefault();
            var transaction_id = $(this).attr('data-transaction');
            var amount = $(this).closest('td').prev().find('input').val();
            var that = this;

            $.ajax({
                url: '<?php echo e(url('admin2/room/edit-payment')); ?>',
                type: 'post',
                data: {
                    transaction_id: transaction_id,
                    amount: amount
                },
                dataType: 'json',
                success: function (response) {
                    if (response.status == 1) {
                        swal('Thành công', '', 'success');
                    } else {
                        swal('Thông báo', response.message, 'warning');
                    }
                    $(that).closest('td').prev().html(response.html);
                    $(that).closest('td').html(response.button);
                }
            });
        });

        $(document).on('click', '.btn-cancel-edit-payment', function (e) {
            e.preventDefault();
            var transaction_id = $(this).attr('data-transaction');
            var that = this;

            $.ajax({
                url: '<?php echo e(url('admin2/room/cancel-edit-payment')); ?>',
                type: 'get',
                data: {
                    transaction_id: transaction_id,
                },
                dataType: 'json',
                success: function (response) {
                    $(that).closest('td').prev().html(response.html);
                    $(that).closest('td').html(response.button);
                }
            });
        });

        //    $(document).on('change', '#ward_id', function (e) {
        //        var id = $(this).val();
        //        getCoor(id, 'ward');
        //    });

        $(document).on('click', '.print-money-info', function (e) {
            e.preventDefault();
            var month = $(this).attr('data-date');
            var id = $(this).attr('data-money-info');

            $.ajax({

                url: '<?php echo e(url('admin2/money/check-number-money-info')); ?>',
                type: 'get',
                data: {
                    id: id
                },
                dataType: 'json',
                success: function (response) {
                    if (response.data > 1) {
                        bootbox.confirm({
                            message: "Bạn có muốn in gộp toàn bộ hoá đơn của tháng " + month + " không ?",
                            buttons: {
                                confirm: {
                                    label: 'Có',
                                    className: 'btn-success'
                                },
                                cancel: {
                                    label: 'Không',
                                    className: 'btn-danger'
                                }
                            },


                            callback: function (result) {
                                if (result == true) {
                                    window.open('<?php echo e(url('admin/money/print-all/')); ?>' + '/' + id);
                                } else {
                                    window.open('<?php echo e(url('admin/money/print/')); ?>' + '/' + id);
                                }
                            }
                        });
                    } else {
                        window.open('<?php echo e(url('admin/money/print/')); ?>' + '/' + id);
                    }
                }

            });


        });

        var g_money_info_id;
        $(document).on('click', '.update-money-info', function (e) {
            var money_info_id = $(this).attr('data-money-info');
            g_money_info_id = money_info_id;
            $.ajax({
                url: '<?php echo e(url('admin2/room/update-money-info')); ?>',
                data: {
                    money_info_id: money_info_id,
                },
                type: 'get',
                beforeSend: function (xhr) {

                    xhrthat = xhr;
                    $.ajax({
                        url: '<?php echo e(url('admin2/room/check-payment-status-money-info')); ?>',
                        data: {
                            money_info_id: money_info_id,
                        },
                        type: 'get',
                        dataType: 'json',
                        success: function (response) {
                            if (response.status == 0) {
                                swal('Thông báo', response.message, 'info');
                                xhrthat.abort();
                            } else {
                                $('#update-money-info-content').addClass('ht-on-loading');
                                $('#update-money-info-modal').modal('show');
                            }
                        }
                    });
                },
                dataType: 'json',
                success: function (response) {
                    if (response.status == 1) {
                        $('#update-money-info-content').removeClass('ht-on-loading').html(response.data);
                        $('#btn-save-money-info-update').attr('type', response.type);

                        $('.datepicker').datepicker({
                            format: 'dd/mm/yyyy',
                            language: 'vi',
                            autoclose: true,
                        }).on('changeDate', function (e) {
                            update_money_info(money_info_id);
                            //   get_stat();
                        });
                    } else {
                        swal('Thông báo', response.message, 'info');
                    }
                }
            })
        });

        $(document).on('blur', '#money-info-discount, #value-money-info', function () {
            update_money_info(g_money_info_id);
        });

        function update_money_info(money_info_id) {
            var start_date = $('#start_date_money_info').val();
            var end_date = $('#end_date_money_info').val();
            var discount = $('#money-info-discount').val();
            var value_money_info = $('#value-money-info').val();

            $.ajax({
                url: '<?php echo e(url('admin2/room/cal-money-info')); ?>',
                data: {
                    start_date: start_date,
                    end_date: end_date,
                    money_info_id: money_info_id,
                    discount: discount,
                    value_money_info: value_money_info
                },
                type: 'post',
                dataType: 'json',
                success: function (response) {
                    if (response.status == 1) {
                        $('#money-info-amount').val(response.data);
                    } else {
                        swal('Thông báo', response.message, 'info');
                    }
                }
            })
        }

        $(document).on('click', '#btn-save-money-info-update', function (e) {
            e.preventDefault();


            if ($(this).attr('type') == 'room') {
                var data = $('#form-update-money-info').serialize();
                $.ajax({
                    url: '<?php echo e(url('admin2/room/update-money-info-room')); ?>',
                    type: 'post',
                    data: data,
                    dataType: 'json',
                    beforeSend: function () {
                        $('#update-money-info-content').addClass('ht-on-loading');
                    },
                    success: function (response) {
                        $('#update-money-info-content').removeClass('ht-on-loading');
                        if (response.status == 1) {
                            $('#update-money-info-modal').modal('hide');
                            swal('Thông báo', 'Dữ liệu đã được cập nhật', 'success');
                            get_contract_money_info();
                            get_data();

                        } else {
                            swal('Thông báo', response.message, 'info');
                        }
                    }
                });
            } else {

                if ($(this).attr('type') == 'service-all') {
                    var data = $('#update-money-info-content :input').serialize();
                    data += '&month=' + $('#month').val();
                    $.ajax({
                        url: '<?php echo e(url('admin2/room/create-voucher-all')); ?>',
                        type: 'post',
                        data: data,
                        dataType: 'json',
                        beforeSend: function () {
                            $('#update-money-info-content').addClass('ht-on-loading');
                        },
                        success: function (response) {
                            $('#update-money-info-modal').modal('hide');
                            $('#update-money-info-content').removeClass('ht-on-loading');

                            if (response.status == 1) {
                                swal('Thành công', 'Tạo phiếu thành công', 'success');
                                get_contract_money_info();
                                get_data();
                            } else if (response.status == 2) {
                                swal('Thông báo', response.message, 'info');
                            } else {
                                swal('Thông báo', response.message, 'warning');
                            }


                        }
                    });
                } else {
                    var data = $('#update-money-info-content :input').serialize();
                    data += '&month=' + $('#month').val();
                    $.ajax({
                        url: '<?php echo e(url('admin2/room/create-voucher')); ?>',
                        type: 'post',
                        data: data,
                        dataType: 'json',
                        beforeSend: function () {
                            $('#update-money-info-content').addClass('ht-on-loading');
                        },
                        success: function (response) {
                            $('#update-money-info-modal').modal('hide');
                            if (response.status == 1) {
                                swal('Thành công', 'Tạo phiếu thành công', 'success');
                                get_contract_money_info();
                                get_data();
                            } else if (response.status == 2) {
                                swal('Thông báo', response.message, 'info');
                            } else {
                                swal('Thông báo', response.message, 'warning');
                            }
                        }
                    });
                }

            }
        });

        $(document).on('click', '#paid-full', function (e) {
            e.preventDefault();
            var data = $('#form-money-info').serialize();
            data += '&month=' + $('#month').val();
            $.ajax({
                url: '<?php echo e(url('admin2/money/get-paid-full-moneyinfos')); ?>',
                data: data,
                type: 'get',
                dataType: 'json',
                success: function (response) {
                    if (response.status == 0) {
                        swal('Thông báo', response.message, 'info');
                    } else {
                        $('#mark-paid-full').modal('show');
                        $('#mark-paid-full-content').html(response.data);
                        $('.datepicker').datepicker({
                            format: 'dd/mm/yyyy',
                            autoclose: true
                        });
                    }
                }
            });

        });

        $(document).on('click', '#btn-voucher-save-all', function (e) {
            e.preventDefault();

        });

        $(document).on('click', '#paid-full-contract', function (e) {
            e.preventDefault();
            var data = $('#form-money-info-contract').serialize();
            data += '&month=' + $('#month').val();
            $.ajax({
                url: '<?php echo e(url('admin2/money/get-paid-full-moneyinfos')); ?>',
                data: data,
                type: 'get',
                dataType: 'json',
                success: function (response) {
                    if (response.status == 0) {
                        swal('Thông báo', response.message, 'info');
                    } else {
                        $('#mark-paid-full').modal('show');
                        $('#mark-paid-full-content').html(response.data);
                        $('.datepicker').datepicker({
                            format: 'dd/mm/yyyy',
                            autoclose: true
                        });
                    }
                }
            });

        });


        $(document).on('click', '#send-mail-money-info-contract', function (e) {
            e.preventDefault();
            var data = $('#form-money-info-contract').serialize();
            data += '&month=' + $('#month').val();
            $.ajax({
                url: '<?php echo e(url('admin2/money/send-mail-money-info-contract')); ?>',
                data: data,
                type: 'post',
                dataType: 'json',
                success: function (response) {
                    if (response.status == 0) {
                        swal('Thông báo', response.message, 'info');
                    } else {
                        swal('Thông báo', response.message, 'success');
                    }
                }
            });

        });

        $(document).on('click', '#send-zalo-money-info-contract', function (e) {
            e.preventDefault();
            var data = $('#form-money-info-contract').serialize();
            data += '&month=' + $('#month').val();

            bootbox.confirm({
                message: "Bạn có chắc chắn muốn gửi tin nhắn ?",
                buttons: {
                    confirm: {
                        label: 'Có',
                        className: 'btn-success'
                    },
                    cancel: {
                        label: 'Không',
                        className: 'btn-danger'
                    }
                },

                callback: function (result) {
                    if (result == true) {
                        $.ajax({
                            url: '<?php echo e(url('admin2/money/send-zalo-money-info-contract')); ?>',
                            data: data,
                            type: 'post',
                            dataType: 'json',
                            success: function (response) {
                                if (response.status == 0) {
                                    swal('Thông báo', response.message, 'info');
                                } else {
                                    swal('Thông báo', response.message, 'success');
                                }
                            }
                        });
                    }
                }
            });


        });


        $(document).on('click', '.mark-paid-full-contract', function (e) {
            e.preventDefault();
            $.ajax({
                url: '<?php echo e(url('admin2/money/get-paid-full-moneyinfos')); ?>',
                data: {
                    'contract_ids[]': $(this).attr('data-id'),
                    'month': $('#month').val()
                },
                type: 'get',
                dataType: 'json',
                success: function (response) {
                    if (response.status == 0) {
                        swal('Thông báo', response.message, 'info');
                    } else {
                        $('#mark-paid-full').modal('show');
                        $('#mark-paid-full-content').html(response.data);
                        $('.datepicker').datepicker({
                            format: 'dd/mm/yyyy',
                            autoclose: true
                        });
                    }
                }
            });

        });

        $(document).on('click', '#print-contract', function (e) {
            e.preventDefault();
            var url_print = '<?php echo e($urlPrintContract); ?>';
            var data = $('#form-money-info-contract').serialize();
            var target = url_print + '?' + data + '&token=' + '<?php echo e($owner->token); ?>' + '&month=' + $('#month').val();
            window.open(target, '_blank');
        });

        $(document).on('change', '.checkbox-contract-fee', function (e) {
            calculateVoucher();
        });
        $(document).on('change', '.checkbox-contract-fee-all', function (e) {
            calculateVoucherAll();
        });
        $(document).on('change', '.checkbox-all-contract', function (e) {
            if ($(this).is(":checked")) {
                $('.checkbox-contract-fee-c-contract').prop('checked', true);
            } else {
                $('.checkbox-contract-fee-c-contract').prop('checked', false);
            }
        });

        function calculateVoucher() {
            var data = $('#update-money-info-content :input').serialize();
            data.append
            $.ajax({
                url: '<?php echo e(url('admin2/room/calculate-voucher')); ?>',
                type: 'post',
                data: data,
                dataType: 'json',
                beforeSend: function () {
                    $('#update-money-info-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#update-money-info-content').removeClass('ht-on-loading').html(response.data);
                }
            });

        }

        function calculateVoucherAll() {
            var data = $('#update-money-info-content :input').serialize();
            $.ajax({
                url: '<?php echo e(url('admin2/room/calculate-voucher-all')); ?>',
                type: 'post',
                data: data,
                dataType: 'json',
                beforeSend: function () {
                    $('#update-money-info-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#update-money-info-content').removeClass('ht-on-loading').html(response.data);
                }
            });

        }

        $(document).on('blur', '.voucher-fee', function (e) {

            calculateVoucher();

        });

        $(document).on('blur', '.voucher-fee-all', function (e) {

            calculateVoucherAll();

        });

        $(document).on('blur', '.fee-dynamic', function (e) {

            //calculateVoucherAll();
            setTimeout(function () {
                calculateVoucherAll();
            }, 1);

        });
        $(document).on('blur', '.fee-dynamic-e', function (e) {

            calculateVoucher();

        });

        $(document).on('blur', '.discount', function (e) {

            calculateVoucher();

        });

        $(document).on('blur', '.discount-all', function (e) {

            calculateVoucherAll();

        });

        $(document).on('blur', 'input[name="voucher-ew-start"]', function (e) {

            calculateVoucherAll();

        });

        $(document).on('blur', 'input[name="voucher-ew-end"]', function (e) {

            calculateVoucherAll();

        });

        $(document).on('blur', '.voucher-ew-end', function (e) {

            calculateVoucherAll();

        });

        $(document).on('blur', '.voucher-ew-start', function (e) {

            calculateVoucherAll();

        });
    </script>

<?php $__env->stopPush(); ?>
<?php echo $__env->make('admin2', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>