@foreach($items as $item)
    <div class="portlet box @if($item->status == \App\Models\Contract::VALIDATED) green-jungle @else red @endif">
        <div class="portlet-title">
            <div class="row" style="margin-top: 10px; font-size: 14px">
                <div class="col-md-6">

                    Hợp đồng {{$item->code}} - {{ $item->name }}
                    @if($item->status == \App\Models\Contract::VALIDATED) (Còn hiệu lực) @else (ĐÃ thanh lý) @endif
                    <br>

                    Phòng: {{ $item->room->name }} - {{ $item->room->hostel->name }}

                </div>
                <div class="col-md-6">
                    Thời hạn hợp đồng: Từ ngày {{ $item->start_date->format('d/m/Y') }} đến
                    ngày {{ $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: {{ $item->date_contract->format('d/m/Y') }}</p>
                    <p>Ngày hiệu lực: {{ $item->date_enable->format('d/m/Y') }}</p>
                    <p>Thuê từ ngày: {{ $item->start_date->format('d/m/Y') }}</p>
                    <p>Thuê đến ngày: {{ $item->end_date->format('d/m/Y') }}</p>
                    <p>Giá phòng: {{ number_format($item->room_price, 0, '.', '.') }}</p>
                </div>
                <div class="col-md-3">

                    <p>Chu kỳ trả tiền phòng: {{ $item->period_text }}</p>
                    <p>Hình thức thuê: {{ $item->type_rent_text }}</p>
                    <p>Đã thu tiền phòng: {{ $item->is_collected ? 'Có' : 'Không' }}</p>
                    @if($item->is_collected)
                        <p>Đến
                            tháng: {{ empty($item->collect_to) ? '' : \Carbon\Carbon::createFromFormat('Y-m-d', $item->collect_to)->format('d/m/Y') }}</p>
                    @endif
                    <p>Tiền cọc: {{ number_format($item->deposit, 0, '.', '.') }}</p>
                </div>
                <div class="col-md-3">
                    <p>Họ tên: {{ $item->name }}</p>
                    <p>CMTND: {{ $item->id_number }}</p>
                    <p>Số điện thoại: {{ $item->phone }}</p>
                    <p>Email: {{ $item->email }}</p>
                    <p>Ngày vào: {{ empty($item->date_join)? null : $item->date_join->format('d/m/Y') }}</p>
                </div>
                <div class="col-md-3">
                    @if(!empty($item->customer_image))
                        <img src="/files/{{ $item->customer_image }}" style="max-width: 100%">
                    @endif
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">

                    {{--<button class="btn green">In hợp đồng</button>--}}
                    @if($item->status != \App\Models\Contract::LIQUIDATED)
                        @if(auth('backend')->user()->can('extend-contract'))
                        <button data-target="#extend-contract" data-toggle="modal"
                                class="btn yellow-lemon btn-extend-contract" data-contract="{{ $item->id }}">Gia hạn
                            hợp đồng
                        </button>
                        @endif

                        <button class="btn red btn-end-contract2" data-contract="{{ $item->id }}">Thanh lý hợp đồng
                        </button>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endforeach

<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: '{{ 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: '{{ 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: '{{ 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 = '{{ 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: '{{ 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: '{{ 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: '{{ 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>