<?php $__currentLoopData = $items; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <div class="portlet box <?php if($item->status == \App\Models\Contract::VALIDATED): ?> green-jungle <?php else: ?> red <?php endif; ?>">
        <div class="portlet-title">
            <div class="row" style="margin-top: 10px; font-size: 14px">
                <div class="col-md-6">

                    Hợp đồng <?php echo e($item->code); ?> - <?php echo e($item->name); ?>

                    <?php if($item->status == \App\Models\Contract::VALIDATED): ?> (Còn hiệu lực) <?php else: ?> <?php endif; ?>
                    <br>

                    Phòng: <?php echo e($item->room->name); ?> - <?php echo e($item->room->hostel->name); ?>


                </div>
                <div class="col-md-6">
                    Thời hạn hợp đồng: Từ ngày <?php echo e($item->start_date->format('d/m/Y')); ?> đến
                    ngày <?php echo e($item->end_date->format('d/m/Y')); ?>

                </div>

            </div>
            <div class="tools" style="padding: 0px 0 0px;">
                <a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
            </div>
        </div>
        <div class="portlet-body" style="display: block;">
            <div class="row">
                <div class="col-md-3">
                    <p>Ngày hợp đồng: <?php echo e($item->date_contract->format('d/m/Y')); ?></p>
                    <p>Ngày hiệu lực: <?php echo e($item->date_enable->format('d/m/Y')); ?></p>
                    <p>Thuê từ ngày: <?php echo e($item->start_date->format('d/m/Y')); ?></p>
                    <p>Thuê đến ngày: <?php echo e($item->end_date->format('d/m/Y')); ?></p>
                    <p>Giá phòng: <?php echo e(number_format($item->room_price, 0, '.', '.')); ?></p>
                </div>
                <div class="col-md-3">

                    <p>Chu kỳ trả tiền phòng: <?php echo e($item->period_text); ?></p>
                    <p>Hình thức thuê: <?php echo e($item->type_rent_text); ?></p>
                    <p>Đã thu tiền phòng: <?php echo e($item->is_collected ? 'Có' : 'Không'); ?></p>
                    <?php if($item->is_collected): ?>
                        <p>Đến
                            tháng: <?php echo e(empty($item->collect_to) ? '' : \Carbon\Carbon::createFromFormat('Y-m-d', $item->collect_to)->format('d/m/Y')); ?></p>
                    <?php endif; ?>
                    <p>Tiền cọc: <?php echo e(number_format($item->deposit, 0, '.', '.')); ?></p>
                </div>
                <div class="col-md-3">
                    <p>Họ tên: <?php echo e($item->name); ?></p>
                    <p>CMTND: <?php echo e($item->id_number); ?></p>
                    <p>Số điện thoại: <?php echo e($item->phone); ?></p>
                    <p>Email: <?php echo e($item->email); ?></p>
                    <p>Ngày vào: <?php echo e(empty($item->date_join)? null : $item->date_join->format('d/m/Y')); ?></p>
                </div>
                <div class="col-md-3">
                    <?php if(!empty($item->customer_image)): ?>
                        <img src="/files/<?php echo e($item->customer_image); ?>" style="max-width: 100%">
                    <?php endif; ?>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">

                    
                    <?php if($item->status != \App\Models\Contract::LIQUIDATED): ?>
                        <?php if(auth('backend')->user()->can('extend-contract')): ?>
                        <button data-target="#extend-contract" data-toggle="modal"
                                class="btn yellow-lemon btn-extend-contract" data-contract="<?php echo e($item->id); ?>">Gia hạn
                            hợp đồng
                        </button>
                        <?php endif; ?>

                        <button class="btn red btn-end-contract2" data-contract="<?php echo e($item->id); ?>">Thanh lý hợp đồng
                        </button>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

<div class="modal fade" id="extend-contract" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close close_model_extend" aria-hidden="true"></button>
                <h4 class="modal-title">Gia hạn hợp đồng</h4>
            </div>
            <div class="modal-body" id="extend-contract-content">


            </div>
            <div class="modal-footer">
                <button type="button" class="btn dark btn-outline close_model_extend">Đóng
                </button>
                <button type="button" class="btn green" id="btn-save-extend-contract">Lưu</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<div class="modal fade bs-modal-lg" id="end-contract-money" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close close_end_contract_money" aria-hidden="true"></button>
                <h4 class="modal-title">Cần thanh toán các hóa đơn trước khi thanh lý hợp đồng</h4>
            </div>
            <div class="modal-body" id="end-contract-money-content">


            </div>
            <div class="modal-footer">
                <button type="button" class="btn dark btn-outline close_end_contract_money">Hủy
                </button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<script>
    $(document).on('click', '.btn-extend-contract', function (e) {
        e.preventDefault();

        var contract_id = $(this).attr('data-contract');

        $.ajax({
            url: '<?php echo e(url('admin2/room/get-extend-contract')); ?>',
            type: 'get',
            data: {
                contract_id: contract_id
            },
            dataType: 'json',
            beforeSend: function () {
                $('#extend-contract-content').addClass('ht-on-loading');
            },
            success: function (response) {
                if (response.status == 2) {
                    swal('Thông báo', response.message, 'info');
                }
                if (response.status == 1) {
                    $('#extend-contract-content').removeClass('ht-on-loading').html(response.data);

                    $('.datepicker').datepicker({
                        format: 'dd/mm/yyyy',
                        autoclose: true,
                    });
                }
            }
        });

    });

    $(document).on('click', '#btn-save-extend-contract', function (e) {
        e.preventDefault();
        var data = $('#form-extend-contract').serialize();
        $.ajax({
            url: '<?php echo e(url('admin2/room/extend-contract')); ?>',
            type: 'post',
            data: data,
            dataType: 'json',
            beforeSend: function () {
                $('#extend-contract-content').addClass('ht-on-loading');
            },
            success: function (response) {
                $('#extend-contract-content').removeClass('ht-on-loading');
                if (response.status == 1) {
                    swal('Thành công', 'Thông tin đã được lưu lại', 'success');
                    $('#extend-contract').modal('hide');
                } 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', '.btn-end-contract2', function (e) {

        e.preventDefault();

        contractId = $(this).attr('data-contract');

        bootbox.confirm({
            message: "Bạn có chắc chắn muốn thanh lý hợp đồng này",
            buttons: {
                confirm: {
                    label: 'Có',
                    className: 'btn-success'
                },
                cancel: {
                    label: 'Không',
                    className: 'btn-danger'
                }
            },


            callback: function (result) {
                //nếu đồng ý thanh lý
                if (result == true) {

                    $.ajax({
                        url: '<?php echo e(url('admin2/room/check-ew')); ?>',
                        type: 'get',
                        dataType: 'json',
                        data: {
                            contract_id: contractId
                        },
                        success: function (response) {
                            //nếu không có dữ liệu trả về do chưa chốt điện nước
                            if (response.data == 0) {
                                bootbox.confirm({
                                    message: response.message,
                                    buttons: {
                                        confirm: {
                                            label: 'Có',
                                            className: 'btn-success'
                                        },
                                        cancel: {
                                            label: 'Không',
                                            className: 'btn-danger'
                                        }
                                    },

                                    callback: function (result) {
                                        //có chốt điện nước
                                        if (result == true) {
                                            window.location.href = '<?php echo e(url('admin2/ew')); ?>';
                                        } else {
                                            //Nếu không chốt điện nước
                                            end_contract_payment(contractId);
                                        }
                                    }
                                });
                                //hợp đồng đã chốt các hóa đơn xong
                            } else {
                                end_contract_payment(contractId);
                            }
                        }
                    });


                }
            }
        });

    });
    function end_contract_payment(contractId) {
        $.ajax({
            url: '<?php echo e(url('admin2/room/end-contract')); ?>' + '/' + contractId,
            type: 'post',
            dataType: 'json',
            cache: false,
            beforeSend: function () {
                $('#contract-items').addClass('ht-on-loading');
            },
            success: function (response) {
                $('#contract-items').removeClass('ht-on-loading');
                if (response.status == 1) {
                    swal('Thành công', 'Hợp đồng đã được thanh lý', 'success');
                    rating(contractId);
                    $('#tabs').find('li.active > a').click();
                    $('button[data-block-name="' + blockGlobalName + '"]').click();
                } else if (response.status == 2) {
                    $('#end-contract-money').modal('show');
                    $('#end-contract-money-content').html(response.data);
                    $('#date-end-contract').datepicker({
                        format: 'dd/mm/yyyy',
                        autoclose: true

                    }).on('changeDate', function (e) {

                        var is_return_deposit = 0;
                        var is_return_money_info = 0;

                        if ($('#return-deposit').is(":checked")) {
                            is_return_deposit = 1;
                        }

                        if ($('#return-money-info').is(":checked")) {
                            is_return_money_info = 1;
                        }

                        $.ajax({
                            url: '<?php echo e(url('admin2/room/payment-end-contract-stat')); ?>',
                            type: 'get',
                            data: {
                                contract_id: contractId,
                                end_contract_date: e.format(),
                                is_return_deposit: is_return_deposit,
                                is_return_money_info: is_return_money_info
                            },
                            dataType: 'json',
                            beforeSend: function () {
                                $('#payment-end-contract').addClass('ht-on-loading');
                            },
                            success: function (response) {
                                if (response.status == 1) {
                                    $('#payment-end-contract').removeClass('ht-on-loading').html(response.data);
                                } else {
                                    swal('Thông báo', response.message, 'warning');
                                }
                            }
                        });
                    });
                }
            }

        });
    }

    $(document).on('click', '#cf-end-contract', function (e) {

        var contractId = $(this).attr('data-contract');
        var is_return_deposit = 0;
        var is_return_money_info = 0;

        if ($('#return-deposit').is(":checked")) {
            is_return_deposit = 1;
        }

        if ($('#return-money-info').is(":checked")) {
            is_return_money_info = 1;
        }
        bootbox.confirm({
            message: "Bạn có chắc chắn xác nhận thanh toán và thanh lý hợp đồng này ?",
            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/end-contract')); ?>' + '/' + contractId,
                        type: 'post',
                        data: {
                            is_confirm: 1,
                            date_end_contract: $('#date-end-contract').val(),
                            is_return_deposit: is_return_deposit,
                            is_return_money_info: is_return_money_info
                        },
                        dataType: 'json',
                        success: function (response) {
                            if (response.status == 1) {
                                swal('Thanh toán và thanh lý thành công', '', 'success');
                                $('#end-contract-money').modal('hide');
                                var items = $('#contracts').find('.btn-end-contract2');
                                items.each(function (i) {
                                    var item = $(this).attr('data-contract');
                                    if(item==contractId){
                                        $(this).parents('.portlet').remove()
                                    }
                                })
                                //rating(contractId);
                            } else {
                                swal('Thông báo', response.message, 'warning');
                            }
                        }
                    });
                }
            }
        });
    });
    $(document).on('click', '.close_model_extend', function () {
        $('#extend-contract').modal('hide');
    });

    $(document).on('click', '.close_end_contract_money', function () {
        $('#end-contract-money').modal('hide');
    });


</script>