@if($accountHistoryData->count())
    <div class="reportOptions">
        <button type="button" class="btn btn-outline blue downloadPdf"><i
                class="fa fa-file-pdf-o"></i>{{ _mt($moduleId,'AccountStatus.pdf') }}</button>
        <button type="button" class="btn btn-outline green downloadExcel"><i
                class="fa fa-file-excel-o"></i>{{ _mt($moduleId,'AccountStatus.excel') }}</button>
        <button type="button" class="btn btn-outline red downloadCsv"><i
                class="fa fa-file-text-o"></i>{{ _mt($moduleId,'AccountStatus.csv') }}</button>
        <button type="button" class="btn btn-outline dark printReport"><i
                class="fa fa-print"></i>{{ _mt($moduleId,'AccountStatus.print') }}</button>
    </div>
    <div class="table-responsive">
        <table class="table table-striped table-bordered table-hover dataTable dtr-inline reporttable" role="grid"
               aria-describedby="sample_1_info" style="width: 100%;">
            <thead>
            <tr>
                <th>{{ _mt($moduleId,'AccountStatus.sl_no') }}</th>
                <th> {{ _mt($moduleId,'AccountStatus.member_id') }}</th>
                <th> {{ _mt($moduleId,'AccountStatus.status') }}</th>
                <th> {{ _mt($moduleId,'AccountStatus.date') }}</th>
            </tr>
            </thead>
            <tbody>
            @foreach($accountHistoryData as $historyData)
                <tr>
                    <td> {{ $loop->iteration }} </td>
                    <td> {{ $historyData->user->member_id }} </td>
                    <td> {{ ucfirst($historyData->status) }} </td>
                    <td> {{ $historyData->created_at }} </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    <div class="paginationWrapper">
        {!! $accountHistoryData->links() !!}
    </div>
@else
    {{ _mt($moduleId,'AccountStatus.no_account_history') }}
@endif
<script type="text/javascript">

    $('.paginationWrapper .pagination li a').click(function (e) {
        e.preventDefault();
        var route = $(this).attr('href');
        fetchAccountStatusReport(route);
    });

    // Download report as pdf
    $('.downloadPdf').click(function () {
        $.post('{{ scopeRoute('accountStatusReport.download.pdf') }}', $('.filterForm').serialize(), function (response) {
            var pdf = window.open(response.link);
        });
    });

    // Download report as Excel
    $('.downloadExcel').click(function () {
        $.post('{{ scopeRoute('accountStatusReport.download.excel') }}', $('.filterForm').serialize(), function (response) {
            window.open(response.link);
        });
    });

    // Download report as csv
    $('.downloadCsv').click(function () {
        $.post('{{ scopeRoute('accountStatusReport.download.csv') }}', $('.filterForm').serialize(), function (response) {
            window.open(response.link);
        });
    });

    // print report
    $('.printReport').click(function () {
        $.post('{{ scopeRoute('accountStatusReport.print') }}', $('.filterForm').serialize(), function (response) {
            var HTML = response;

            var WindowObject = window.open("", "PrintWindow", "width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes");
            WindowObject.document.writeln(HTML);
            WindowObject.document.close();
            WindowObject.focus();
            WindowObject.print();
            WindowObject.close();
        });
    });
</script>