

<?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"/>

    <link href="/assets/global/plugins/bootstrap-lightbox/lightbox.css" rel="stylesheet" type="text/css"/>

    <style>

        .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;
        }
    </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 khách thuê
    </h1>

    <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-6">
            <div class="row">
                <div class="col-md-2">
                    <label class="control-label">Chọn nhà</label>
                </div>
                <div class="col-md-10">
                    <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)->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>
        </div>
        <div class="col-md-6">

            <div class="row">
                <div class="col-md-12" id="hostels-button">
                    <a style="margin-left: 10px" class="btn green-meadow pull-right btn-export-excel"
                       data-type="outcome">
                        <i class="fa fa-file-excel"></i> Xuất Excel</a>
                </div>
            </div>
        </div>


    </div>
    <div class="row">
        
        
        
        <div class="col-md-12">
            <table class="table table-striped table-bordered table-hover" id="orders-table">
                <thead>
                <tr style="background-color: #5376B9; color: white">
                    <th>Id</th>
                    <th>STT</th>
                    <th>Hình ảnh</th>
                    <th>Tên</th>
                    <th>Ngày sinh</th>
                    <th>Quê quán</th>
                    <th>Ảnh CMT</th>
                    <th>SĐT</th>
                    <th>Nhà</th>
                    <th style="width: 7%">Phòng</th>
                    <th>Ngày vào</th>
                    <th>Tạm trú</th>
                    <th>Thời hạn tạm trú</th>
                    <th>Ghi chú</th>
                    <th>Tình trạng</th>

                    <th>Thao tác</th>
                </tr>
                </thead>
                <tfoot>
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    

                    <th>
                        <select class="form-control" style="font-weight: normal">
                            <option value="">Vui lòng chọn</option>
                            <option value="<?php echo e(\App\Models\RenterRoom::RESIDENCE_LIMIT); ?>">Có thời hạn</option>
                            <option value="<?php echo e(\App\Models\RenterRoom::RESIDENCE_NOT_LIMIT); ?>">Không thời hạn</option>
                            <option value="<?php echo e(\App\Models\RenterRoom::RESIDENCE_NOT_DECLARE); ?>">Chưa khai báo</option>
                        </select>
                    </th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><select class="form-control" style="font-weight: normal">
                            <option value="">Vui lòng chọn</option>
                            <option value="<?php echo e(\App\Models\Renter::LIVING); ?>">Đang ở</option>
                            <option value="<?php echo e(\App\Models\Renter::LEFT); ?>">Đã chuyển đi</option>
                        </select></th>
                    <th></th>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12" id="detail">
        </div>
    </div>



    <div class="modal fade bs-modal-lg" id="edit-renter" 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">Cập nhật thông tin khách thuê</h4>
                </div>
                <div class="modal-body" id="edit-renter-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Hủy
                    </button>
                    <button type="button" class="btn green" id="btn-save-edit-renter">Lưu</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade bs-modal-lg" id="residence" 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">Thông tin kê khai nhân khẩu</h4>
                </div>
                <div class="modal-body" >
                    <div class="form-group">
                        <label>Chọn loại kê khai</label>
                        <select class="form-control" name="type" id="residence_type">
                            <option value="0">Kê khai nhân khẩu</option>
                            <option value="1">Phiếu báo thay đổi hộ khẩu nhân khẩu</option>
                        </select>
                    </div>
                    <div id="residence-content">

                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Hủy
                    </button>
                    <button type="button" class="btn red" id="btn-print-residence">In</button>
                    <button type="button" class="btn green" id="btn-save-edit-residence">Lưu</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade bs-modal-lg" id="change-password" 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">Đổi mật khẩu</h4>
                </div>
                <div class="modal-body" id="change-password-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Hủy
                    </button>
                    <button type="button" class="btn green" id="btn-save-password">Lưu</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 type="text/javascript"
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCydLs7dhJPuozABFQjJO-uk1PITW18oo8&libraries=places&region=vi&language=vi&sensor=false"></script>
    <script type="text/javascript" src="/js/gmap.js"></script>
    <script src="/assets/global/plugins/bootstrap-lightbox/lightbox.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>
        $(document).on('click', '[data-toggle="lightbox"]', function (event) {
            event.preventDefault();
            $(this).ekkoLightbox();
        });
        var table;
        var renter_id;

        //    $(document).on('change', '.add-image-hostel', function(e) {
        //        alert('123');
        //       $('.fileinput-exists').css({
        //           'width' : '48%'
        //       });
        //
        //      $('.btn-file').css({
        //          'width' : '100%'
        //      });
        //
        //
        //    });

        $('#hostels').on('change', function () {
            table.ajax.reload();
        });

        $(document).off('click', '.btn-edit-renter').on('click', '.btn-edit-renter', function (e) {

            e.preventDefault();

            var renter_id = $(this).attr('data-renter');


            $.ajax({
                url: '<?php echo e(url('admin2/renter/edit')); ?>' + '/' + renter_id,
                type: 'get',
                dataType: 'json',
                beforeSend: function () {
                    $('#edit-renter-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#edit-renter-content').removeClass('ht-on-loading').html(response.data);
                    $('.select2').select2();
                    $('.datepicker').datepicker({
                        format: 'dd/mm/yyyy',
                        autoclose: true
                    });
                }
            });

        });


        $(function () {

//        $('#orders-table tfoot th').each( function (index) {
//            if(index != 0 && index != 9) {
//                $(this).html('<input type="text" class="form-control" />');
//            }
//        } );
            table = $('#orders-table').DataTable({
                "bDestroy": true,
                processing: true,
                searching: true,
                "aaSorting": [[0, 'desc']],
                serverSide: true,
                ajax: {
                    url: '<?php echo url('admin2/renter/renter.data'); ?>',
                    data: function (d) {
                        d.hostel_id = $('#hostels').val()
                    }
                },
                columnDefs: [
                    {
                        orderData: [[6, 'asc'], [10, 'asc']]
                    }
                ],
                columns: [
                    {data: 'id', name: 'id', visible: false},
                    {data: 'DT_Row_Index', name: 'DT_Row_Index', orderable: false, searchable: false},
                    {data: 'image', name: 'image'},

                    {data: 'name', name: 'name'},
                    {data: 'birthday', name: 'birthday'},
                    {data: 'address', name: 'address'},
                    {data: 'cmts', name: 'cmts', orderable: false, searchable: false},

                    {data: 'phone', name: 'phone'},
                    {data: 'hostel_name', name: 'hostel_name'},
                    {data: 'room_name', name: 'room_name'},
                    {data: 'date_joined', name: 'date_joined'},
                    {data: 'residence_status', name: 'residence_status'},
                    {data: 'date_end_residence', name: 'date_end_residence'},
                    {data: 'note', name: 'note'},
                    {data: 'status', name: 'status'},
                    {data: 'action', name: 'action', 'orderable': false, searchable: false},
                ],
            });


            table.columns().every(function (index) {
                if (index !== 0 && index !== 1) {
                    var that = this;
                    $('input', this.footer()).on('keyup change', function () {
                        if (that.search() !== this.value) {
                            that
                                .search(this.value)
                                .draw();
                        }
                    });

                    $('select', this.footer()).on('change', function () {
                        if (that.search() !== this.value) {
                            that
                                .search(this.value)
                                .draw();
                        }
                    });
                }
            });

        });


        $(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-add-bike-2', function (e) {
            e.preventDefault();
            var renter_id = $(this).attr('data-renter');
            var room_id = $(this).attr('data-room');

            $.ajax({
                url: '<?php echo e(url('admin2/room/get-add-bike')); ?>',
                type: 'get',
                dataType: 'json',
                success: function (response) {
                    $('#renter-bikes-2').append(response.data);
                }
            });


        });


        $(document).on('click', '.btn-delete-bike-js', function (e) {
            e.preventDefault();
            $(this).closest('.row').remove();
        });

        $(document).on('click', '.btn-delete-bike', function (e) {
            e.preventDefault();

            var id = $(this).attr('data-id');
            var that = this;

            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/room/delete-bike')); ?>',
                            type: 'post',
                            data: {
                                id: id
                            },
                            dataType: 'json',
                            success: function (response) {
                                swal('Xóa thành công', '', 'success');
                                $(that).closest('tbody').html(response.data);
                            }
                        });
                    }
                }
            });
        });

        //    $(document).on('change', '#ward_id', function (e) {
        //        var id = $(this).val();
        //        getCoor(id, 'ward');
        //    });


        var stt = 0;
        $(document).on('click', '.btn-residence', function (e) {
            stt = $(this).attr('data-stt');
            $('#residence_type').val('0');
            type_residence = 0;
            e.preventDefault();
            renter_id = $(this).attr('data-renter');
            $.ajax({
                url: '<?php echo e(url('admin2/renter/get-residence')); ?>',
                type: 'get',
                data: {
                    'renter_id': renter_id
                },
                beforeSend: function () {
                    $('#residence-content').addClass('ht-on-loading');
                },
                dataType: 'json',
                success: function (response) {
                    $('#residence-content').removeClass('ht-on-loading').html(response.data);
                    $('.datepicker').datepicker({
                        format: 'dd/mm/yyyy',
                        language: 'vi',
                        autoclose: true,
                    });
                }
            });
        });
        var type_residence = null;

        $(document).on('change', '#residence_type', function (e) {
            e.preventDefault();
            var type  = $(this).val();
            type_residence = $(this).val();
            $.ajax({
                url: '<?php echo e(url('admin2/renter/get-residence')); ?>',
                type: 'get',
                data: {
                    'renter_id': renter_id,
                    'type': type
                },
                beforeSend: function () {
                    $('#residence-content').addClass('ht-on-loading');
                },
                dataType: 'json',
                success: function (response) {
                    $('#residence-content').removeClass('ht-on-loading').html(response.data);
                    $('.datepicker').datepicker({
                        format: 'dd/mm/yyyy',
                        language: 'vi',
                        autoclose: true,
                    });
                }
            });
        });

        $(document).on('click', '.btn-add-row', function () {
            var random = Date.now();
            $('#table-summarize').append('' +
                '<tr>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="summarize_yourself['+random+'][date]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="summarize_yourself['+random+'][location]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="summarize_yourself['+random+'][job]">\n' +
                '                            </td>\n' +
                '                        </tr>'
            )
        });

        $(document).on('click', '.btn-add-users-row', function () {
            var random = Date.now();
            $('#table-change').append('' +
                '<tr>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="users['+random+'][name]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="users['+random+'][birthday]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="users['+random+'][gender]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="users['+random+'][birth_location]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="users['+random+'][job]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="users['+random+'][folk]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="users['+random+'][nationality]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="users['+random+'][id_number]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="users['+random+'][relation]">\n' +
                '                            </td>\n' +
                '                        </tr>'
            )
        });
        $(document).on('click', '.btn-add-row-family', function () {
            stt = parseInt(stt);

            stt++;
            var random = Date.now();

            $('#table-summarize-family').append('' +
                '<tr>\n' +
                '                            <td>\n' +
                                                 stt +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="summarize_family['+random+'][name]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="summarize_family['+random+'][gender]">\n' +
                '                            </td>\n' +

                '                            <td>\n' +
                '                                <input class="form-control" name="summarize_family['+random+'][birthday]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="summarize_family['+random+'][relation]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="summarize_family['+random+'][job]">\n' +
                '                            </td>\n' +
                '                            <td>\n' +
                '                                <input class="form-control" name="summarize_family['+random+'][current_location]">\n' +
                '                            </td>\n' +
                '                        </tr>'
            )
        });

        $(document).on('click', '#btn-save-edit-residence', function (e) {
            e.preventDefault();

            var form = $('#form-add-residence');
            var data = form.serialize();


            $.ajax({
                url: '<?php echo e(url('admin2/renter/update-residence')); ?>',
                type: 'post',
                data: data,
                dataType: 'json',

                beforeSend: function () {
                    $('#residence-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#residence-content').removeClass('ht-on-loading');
                    if (response.status == 1) {
                        swal('Thành công', 'Dữ liệu đã được cập nhật', 'success');
                        $('#residence').modal('hide');
                    }

                    if (response.status == 0) {
                        swal('Thông báo', response.message, 'info');
                    }
                }
            });

        });

        $(document).on('click', '#btn-save-edit-renter', function (e) {
            e.preventDefault();

            var form = $('#form-edit-renter')[0];
            var data = new FormData(form);

            var formStatus = $('#form-edit-renter').validate({
                errorElement: "span",
                errorClass: "help-block help-block-error",

                highlight: function (e) {
                    $(e).closest(".form-group").addClass("has-error")
                },
                unhighlight: function (e) {
                    $(e).closest(".form-group").removeClass("has-error")
                },
                success: function (e) {
                    e.closest(".form-group").removeClass("has-error")
                },
                rules: {
                    'name': "required",
                    //  'amenities[]': "required",
                    'phone': {
                        required: true,
                        //  number: true
                    },
                    // 'date_join': {
                    //     required: true,
                    // },
                    'residence_status': {
                        required: true,
                    },
                },
                messages: {
                    'name': "Không được bỏ trống tên",
                    'phone': "Không được bỏ trống SĐT",
                    'residence_status': "Không được bỏ trống khai báo tạm trú",
                    // 'amenities[]': "Không được bỏ trống tiện ích"
                }
            }).form();

            if (formStatus) {
                $.ajax({
                    url: '<?php echo e(url('admin2/renter/edit')); ?>',
                    type: 'post',
                    data: data,
                    dataType: 'json',
                    contentType: false,
                    processData: false,

                    beforeSend: function () {
                        $('#edit-renter-content').addClass('ht-on-loading');
                    },
                    success: function (response) {
                        $('#edit-renter-content').removeClass('ht-on-loading');
                        if (response.status == 1) {
                            swal('Thành công', 'Dữ liệu đã được cập nhật', 'success');
                            table.ajax.reload();
                            $('#edit-renter').modal('hide');
                        }

                        if (response.status == 0) {
                            swal('Thông báo', response.message, 'info');
                            $('#edit-renter').modal('hide');
                        }

                    }
                });
            }
        });


        $(document).on('change', '#edit-renter-residence-status', function (e) {
            var residence_status = $(this).val();
            if (residence_status !== '<?php echo e(\App\Models\RenterRoom::RESIDENCE_LIMIT); ?>') {
                $('#edit-renter-date-end-residence').hide();
            } else {
                $('#edit-renter-date-end-residence').show();
            }
        });

        $(document).on('change', '#province2', function (e) {
            $.ajax({
                url: '<?php echo e(url('get-sub-location')); ?>',
                type: 'get',
                data: {
                    'id': $(this).val(),
                    'type': 'province',
                },
                dataType: 'html',
                success: function (response) {
                    $('#district1').html(response);
                    $('#ward1').html('');
                    $('.select2').select2();

                }
            });
        });

        $(document).on('click', '.btn-export-excel', function () {
            var url = '<?php echo url('admin2/renter/renter.data'); ?>' + '?hostel_id=' + $('#hostels').val() + '&is_export=1';
            window.location.href = url;
        });

        $(document).on('click', '#btn-print-residence', function () {
            var url = '<?php echo url('admin2/renter/print-residence'); ?>' + '?renter_id=' + renter_id+'&type='+type_residence;
            window.location.href = url;
        });


        $(document).on('change', '#district1', function (e) {
            $.ajax({
                url: '<?php echo e(url('get-sub-location')); ?>',
                type: 'get',
                data: {
                    'id': $(this).val(),
                    'type': 'district'
                },
                dataType: 'html',
                success: function (response) {
                    $('#ward1').html(response);
                    $('.select2').select2();
                }
            });
        });

        $(document).on('click', '#btn-save-password', function (e) {
            e.preventDefault();
            var data = $('#form-change-password').serialize();
            $.ajax({
                url: '<?php echo e(url('admin2/renter/change-password-ajax')); ?>',
                type: 'post',
                data: data,
                dataType: 'json',
                beforeSend: function () {
                    $('#change-password-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#change-password').modal('hide');
                    if (response.status == 1) {
                        swal('Thành công', '', 'success');
                    } else {
                        swal('Thông báo', response.message, 'warning');
                    }
                }
            });
        });

        $(document).on('click', '.btn-change-password', function(e) {
            var id = $(this).attr('data-id');
            var that = this;
            $.ajax({
                url: '<?php echo e(url('admin2/renter/change-password')); ?>',
                type: 'get',
                data: {
                    account_id: id,
                },
                beforeSend: function()
                {
                    $('#change-password-content').addClass('ht-on-loading');
                },
                dataType: 'json',
                success: function (response) {
                    $('#change-password-content').removeClass('ht-on-loading').html(response.data);
                }
            });
        });


    </script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('admin2', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>