@extends('admin2')

@section('styles')
    <style>
        td {
            text-align: center;
            vertical-align: middle !important;
        }

        th {
            text-align: center;
            vertical-align: middle !important;
        }
    </style>
@endsection

@section('content')
    @if (session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif
    @if (session()->has('success'))
        <div class="alert alert-success">{{ session()->get('success') }}</div>
    @endif
    @if (session()->has('success_coupon'))
        {!!  session()->get('success_coupon') !!}
    @endif
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <h1 class="page-title">
        Báo cáo chi tiết hiện trạng thuê

    </h1>
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-4">
                    <button href="#" id="btn-export" class="btn btn-sm green-meadow"><i class="fa fa-file-excel-o"></i>
                        Xuất excel
                    </button>
                </div>
            </div>
        </div>
        <div class="col-md-12" id="detail" style="margin-top: 15px">

        </div>
    </div>
@endsection

@push('scripts')
    <script>

        function get_data() {
            $.ajax({
                url: '{{ url('admin2/report/rent-status-detail-ajax') }}',
                type: 'get',
                beforeSend: function () {
                    $('#detail').addClass('ht-on-loading');
                },
                dataType: 'json',
                success: function (response) {
                    $('#detail').removeClass('ht-on-loading').html(response.data);
                }
            });
        }

        $(document).ready(function () {
            get_data();
        });

        $('#btn-export').click(function () {
            var url = '{{ url('admin2/report/rent-status-detail-ajax') }}' + '?is_excel=1';
            window.location.href = url;
        });

    </script>
@endpush