
<div class="row">
    <div class="col-md-6" >
        <div class="row">
            <div class="col-lg-12 col-xs-12 col-sm-12">
                <div class="portlet box blue-steel">
                    <div class="portlet-title">
                        <div class="caption">
                           Thông tin nhà
                        </div>
                    </div>
                    <div class="portlet-body" style="height: 450px">
                        <div class="row">
                            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                <a class="dashboard-stat dashboard-stat-v2 blue" href="<?php echo e(url('admin2/hostel/list')); ?>">
                                    <div class="visual">
                                        <i class="fa fa-comments"></i>
                                    </div>
                                    <div class="details">
                                        <div class="number">
                                            <span id="balance_before" data-counter="counterup" data-value="<?php echo e($numberHostels); ?>"><?php echo e($numberHostels); ?></span>
                                        </div>
                                        <div class="desc"> Số nhà</div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                <a class="dashboard-stat dashboard-stat-v2 green-meadow" href="#">
                                    <div class="visual">
                                        <i class="fa fa-bar-chart-o"></i>
                                    </div>
                                    <div class="details">
                                        <div class="number">
                                            <span id="total_collect" data-counter="counterup" data-value="<?php echo e($numberRooms); ?>"><?php echo e($numberRooms); ?></span>
                                        </div>
                                        <div class="desc"> Số phòng/giường</div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                <a class="dashboard-stat dashboard-stat-v2 red" id="btn-near-empty-rooms" href="#rooms" data-toggle="modal">
                                    <div class="visual">
                                        <i class="fa fa-bar-chart-o"></i>
                                    </div>
                                    <div class="details">
                                        <div class="number">
                                            <span id="total_collect" data-counter="counterup" data-value="<?php echo e($numberRoomsNearEmpty); ?>"><?php echo e($numberRoomsNearEmpty); ?></span>
                                        </div>
                                        <div class="desc"> Phòng/Giường sắp trống</div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                <a class="dashboard-stat dashboard-stat-v2 green" id="btn-empty-rooms" href="#rooms" data-toggle="modal">
                                    <div class="visual">
                                        <i class="fa fa-shopping-cart"></i>
                                    </div>
                                    <div class="details">
                                        <div class="number">
                                            <span id="total_spend" data-counter="counterup" data-value="<?php echo e($emptyRooms); ?>"><?php echo e($emptyRooms); ?></span>
                                        </div>
                                        <div class="desc"> Chỗ/Giường trống</div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div id="pie" class="CSSAnimationChart" style="height: 300px!important;"></div>

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

        </div>
    </div>
    <div class="col-md-6">
        <div class="row">
            <div class="col-lg-12 col-xs-12 col-sm-12">
                <div class="portlet box  yellow-lemon ">
                    <div class="portlet-title">
                        <div class="caption">
                           Thống kê
                        </div>
                    </div>
                    <div class="portlet-body" style="height: 450px">
                        <div id="chart" class="CSSAnimationChart" style="height: 400px!important;"></div>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
<div class="row">
    <div class="col-md-6" id="stat-payment">
        <div class="row">
            <div class="col-lg-12 col-xs-12 col-sm-12">
                <div class="portlet box red-flamingo ">
                    <div class="portlet-title">
                        <div class="caption">
                            Theo dõi thanh toán
                        </div>
                    </div>
                    <div class="portlet-body" style="height: auto">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Tháng</label>
                                    <select class="form-control" name="month" id="month-m">
                                        <?php for($i = 1; $i <= 12; $i++): ?>
                                            <option <?php if(\Carbon\Carbon::now()->month == $i): ?> selected=""
                                                    <?php endif; ?> value="<?php echo e($i); ?>">Tháng <?php echo e($i); ?></option>
                                        <?php endfor; ?>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Năm</label>
                                    <select class="form-control" name="year" id="year-m">
                                        <?php for($i = 2017; $i <= Carbon\Carbon::now()->year + 1; $i++): ?>
                                            <option <?php if(\Carbon\Carbon::now()->year == $i): ?> selected=""
                                                    <?php endif; ?> value="<?php echo e($i); ?>">Năm <?php echo e($i); ?></option>
                                        <?php endfor; ?>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12" id="stat-payment-data">

                                <div class="table-scrollable">
                                    <table class="table table-bordered table-hover">
                                        <thead>
                                        <tr>
                                            <th> Nội dung </th>
                                            <th> Số hóa đơn </th>
                                            <th> Số tiền </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td> Tổng số hóa đơn đã thanh toán </td>
                                            <td> <a href="#paids" <?php if($hostelId): ?> data-hostel="<?php echo e($hostelId); ?>" <?php else: ?> data-hostel="" <?php endif; ?> data-toggle="modal" class="paids" data-type="paid"> <?php echo e($paids); ?></a> </td>
                                            <td> <?php echo e(number_format($paidAmount, 0, '.', '.')); ?> <?php echo e(\App\Components\Functions::moneyUnit()); ?> </td>
                                        </tr>
                                        <tr>
                                            <td> Tổng số hóa đơn chưa thanh toán hết</td>
                                            <td> <a href="#paids" data-toggle="modal" data-type="not-paid"
                                                    <?php if($hostelId): ?> data-hostel="<?php echo e($hostelId); ?>" <?php else: ?> data-hostel="" <?php endif; ?>
                                                    class="paids" ><?php echo e($unpaids); ?></a> </td>
                                            <td> <?php echo e(number_format($unpaidAmount, 0, '.', '.')); ?> <?php echo e(\App\Components\Functions::moneyUnit()); ?> </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>

                                
                                
                                
                                
                                
                            </div>

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

        </div>
    </div>
    <div class="col-md-6">
        <div class="row">
            <div class="col-lg-12 col-xs-12 col-sm-12">
                <div class="portlet box blue-steel ">
                    <div class="portlet-title">
                        <div class="caption">
                           Theo dõi hợp đồng
                        </div>
                    </div>
                    <div class="portlet-body" style="height: 230px">
                        <div class="row">
                            <div class="col-md-12">

                                <div class="table-scrollable">
                                    <table class="table table-bordered table-hover">
                                        <thead>
                                        <tr>
                                            <th> Nội dung </th>
                                            <th> Số HĐ </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td> Số hợp đồng hết hạn trong vòng 30 ngày </td>
                                            <td><a href="#contracts" data-toggle="modal"
                                                   class="contracts-end" data-type="30" <?php if($hostelId): ?> data-hostel="<?php echo e($hostelId); ?>" <?php else: ?> data-hostel="" <?php endif; ?>> <?php echo e($numberContracts30); ?> </a></td>
                                        </tr>
                                        <tr>
                                            <td> Số hợp đồng hết hạn trong vòng 60 ngày </td>
                                            <td><a href="#contracts" data-toggle="modal"
                                                   class="contracts-end" data-type="60" <?php if($hostelId): ?> data-hostel="<?php echo e($hostelId); ?>" <?php else: ?> data-hostel="" <?php endif; ?>> <?php echo e($numberContracts60); ?> </a></td>
                                        </tr>
                                        <tr>
                                            <td> Số hợp đồng hết hạn trong vòng 90 ngày </td>
                                            <td><a href="#contracts" data-toggle="modal"
                                                   class="contracts-end" data-type="90" <?php if($hostelId): ?> data-hostel="<?php echo e($hostelId); ?>" <?php else: ?> data-hostel="" <?php endif; ?>> <?php echo e($numberContracts90); ?> </a></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <div class="row">
            <div class="col-lg-12 col-xs-12 col-sm-12">
                <div class="portlet box yellow-lemon ">
                    <div class="portlet-title">
                        <div class="caption">
                           Theo dõi khách thuê
                        </div>
                    </div>
                    <div class="portlet-body" style="height: 230px">
                        <div class="row">
                            <div class="col-md-12">

                                <div class="table-scrollable">
                                    <table class="table table-bordered table-hover">
                                        <thead>
                                        <tr>
                                            <th> Nội dung </th>
                                            <th> Số khách </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td> Tổng số khách thuê đăng ký trên hệ thống </td>
                                            <td><?php echo e($numberRenters); ?></td>
                                        </tr>
                                        <tr>
                                            <td> Số khách thuê chưa khai báo tạm trú tạm vắng </td>
                                            <td> <?php echo e($rentersNotDeclareResidence); ?></td>
                                        </tr>
                                        <tr>
                                            <td> Yêu cầu gia hạn tạm trú tạm vắng trong 30 ngày </td>
                                            <td> <?php echo e($rentersResidenceWarning); ?></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="col-md-6">
        <div class="row">
            <div class="col-lg-12 col-xs-12 col-sm-12 search-page search-content-1" >
                <div class="portlet box red-flamingo ">
                    <div class="portlet-title ">
                        <div class="caption col-md-12">
                           Sự cố
                            <a href="#add-report-break" data-toggle="modal" class="btn btn-success btn-add-report-break" style="float: right;">Thêm sự cố</a>
                        </div>

                    </div>
                    <div class="portlet-body" style="height: 230px">
                        <div class="row">
                            <div class="col-md-12">

                                <div class="table-scrollable">
                                    <table class="table table-bordered table-hover">
                                        <thead>
                                        <tr>
                                            <th> Nội dung </th>
                                            <th> Số sự cố </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td> Sự cố mới </td>
                                            <td><a href="#report_break" data-toggle="modal"
                                                   class="report-break-list" data-status="<?php echo e(\App\Models\ReportBreak::NOT_PROCESS); ?>" <?php if($hostelId): ?> data-hostel="<?php echo e($hostelId); ?>" <?php else: ?> data-hostel="" <?php endif; ?>> <?php echo e($newReportBreak); ?> </a></td>
                                        </tr>
                                        <tr>
                                            <td> Sự cố đang xử lý </td>
                                            <td><a href="#report_break" data-toggle="modal"
                                                   class="report-break-list" data-status="<?php echo e(\App\Models\ReportBreak::PROCESSING); ?>" <?php if($hostelId): ?> data-hostel="<?php echo e($hostelId); ?>" <?php else: ?> data-hostel="" <?php endif; ?>> <?php echo e($processingReportBreak); ?> </a></td>
                                        </tr>
                                        <tr>
                                            <td> Sự cố đã hoàn thành </td>
                                            <td><a href="#report_break" data-toggle="modal"
                                                   class="report-break-list" data-status="<?php echo e(\App\Models\ReportBreak::PROCESSED); ?>" <?php if($hostelId): ?> data-hostel="<?php echo e($hostelId); ?>" <?php else: ?> data-hostel="" <?php endif; ?>> <?php echo e($prosessedReportBreak); ?> </a></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                        
                            
                                
                                    
                                    
                                        
                                        
                                            
                                                
                                            
                                            
                                                
                                                    
                                                
                                                
                                            
                                        
                                            
                                    
                                
                            
                        
                    
                </div>
            </div>

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

    var pieChart = <?php echo $pieChart; ?>


        <?php if(isset($hostel)): ?>
    var chartRevenue = <?php echo json_encode(\App\Components\Functions::getIncomeMonthByHostel($hostel)); ?>

    <?php else: ?>
    var chartRevenue = <?php echo json_encode(\App\Components\Functions::getIncomeMonthByOwner()); ?>

        <?php endif; ?>
</script>