@extends('admin2')

@section('content')
    <div class="col-lg-4">

                <div class="mt-element-list">
                    <div class="mt-list-head list-simple font-white bg-red">
                        <div class="list-head-title-container">
                            <h3 class="list-title">Báo cáo thuê</h3>
                        </div>
                    </div>
                    <div class="mt-list-container list-simple">
                        <ul>
                            <li class="mt-list-item">
                                <div class="list-icon-container done">
                                    <i class="icon-check"></i>
                                </div>
                                <div class="list-item-content">
                                    <h3 class="uppercase">
                                        <a href="#report-contracts" data-toggle="modal">Hợp đồng thuê</a>
                                    </h3>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>

    </div>

    <div class="modal fade" id="report-contracts" aria-hidden="true">
        <div class="modal-dialog modal-full">
            <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="title-detail-room">Báo cáo hợp đồng thuê</h4>
                </div>
                <div class="modal-body" id="report-contracts-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 green" id="save_fund">Lưu</button>--}}
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    @endsection

@push('scripts')
<script>
    $('#report-contracts').on('shown.bs.modal', function() {
        $.ajax({
            url: '{{ url('admin2/report/contracts')}}',
            type: 'get',
            dataType: 'json',
            beforeSend: function () {
                $('#report-contracts-content').addClass('ht-on-loading');
            },
            success: function (response) {
                $('#report-contracts-content').removeClass('ht-on-loading').html(response.data);
            }
        });
    });
</script>
@endpush