@extends('admin.layout.master')
@section('title')
{{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
@include('admin.layout.breadcrumb_view')
@stop
@section('page-actions')
@include('admin.trial_balance.parts.buttons')
@stop
@section('page-content')
<form role="form" method="post" action="" id="sale_return_form">
    <div class="row mb-3">
        <div class="form-group col-md-3 col-sm-12">
            <label for="start_date">@Lang('admin.start_date')</label>
            <div class="input-group" id="datepicker1">
                <input type="text" autocomplete="off" class="form-control" value="{{ $start_date }}"
                       name="start_date" data-date-format="yyyy-mm-dd" data-provide="datepicker"
                       data-date-container='#datepicker1'>
                <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
            </div>
        </div>
        <div class="form-group col-md-3 col-sm-12">
            <label for="start_date">@Lang('admin.end_date')</label>
            <div class="input-group" id="datepicker2">
                <input type="text" autocomplete="off" class="form-control" value="{{ $end_date }}"
                       name="end_date" data-date-format="yyyy-mm-dd" data-provide="datepicker"
                       data-date-container='#datepicker2'>
                <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
            </div>
        </div>
        <div class="form-group col-md-3 col-sm-12">
            <label for="start_date">&nbsp;</label><br>
            <button id="Save" name="Save" type="submit" class="btn btn btn-success">@Lang('admin.generate')</button>
        </div>
    </div>
    {{ csrf_field() }}
</form>
@if ($results)
<div class="table-responsive">
    <table id="datatable-buttons" class="table table-bordered table-hover">
        <thead>
            <tr>
                <th colspan="6" style="text-align: center">
                    <b>@Lang('admin.start_date'):</b>{{ $start_date }} - <b>@Lang('admin.end_date'):</b>{{ $end_date }}
                </th>
            </tr>
            <tr>
                <th>@Lang('admin.account-id')</th>
                <th>@Lang('admin.account-code')</th>
                <th>@Lang('admin.account_name')</th>
                <th>@Lang('admin.madeen')</th>
                <th>@Lang('admin.daen')</th>
                <th>@Lang('admin.total')</th>
            </tr>
        </thead>
        <tbody>
                                            </tbody>
        <tfoot>
            <tr>
                <td></td>
                <td></td>
                <td>@Lang('admin.total')</td>
                <td>{{ $results->where('type', 2)->sum('amount') }}</td>
                <td>{{ $results->where('type', 1)->sum('amount') }}</td>
                <td>{{ $results->where('type', 2)->sum('amount')- $results->where('type', 1)->sum('amount')  }}</td>
            </tr>
        </tfoot>
    </table>
</div>
@endif
@stop
@section('css')
<style>
    .main-content {
        overflow: initial;
    }
</style>
@stop
@section('js')
<script src="{{ asset('assets/lexa/libs/datatables.net-buttons/js/dataTables.buttons.min.js') }}"
type="text/javascript"></script>
<script src="{{ asset('assets/lexa/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"
type="text/javascript"></script>
<script src="{{ asset('assets/lexa/libs/jszip/jszip.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/lexa/libs/datatables.net-buttons/js/buttons.html5.min.js') }}" type="text/javascript">
</script>
<script src="{{ asset('assets/lexa/libs/datatables.net-buttons/js/buttons.print.min.js') }}" type="text/javascript">
</script>
<script src="{{ asset('assets/plugins/datepicker/js/bootstrap-datepicker.min.js') }}" type="text/javascript"></script>
<script>
$(document).ready(function () {


    var dt = $("#datatable-buttons").DataTable({
        lengthChange: !1,
        buttons: ["print", "excel", {
                text: 'PDF',
                action: function (e, dt, node, config) {
                    exportDataTable(dt);
                }
            }

        ]
    }).buttons().container().appendTo("#datatable-buttons_wrapper .col-md-6:eq(0)");

    function exportDataTable(dt) {
        var tableData = '<h1>' + $('title').text() + '</h1><table><thead>';
        var theadHtml = $('#datatable-buttons thead').html();
        var theadfoot = $('#datatable-buttons tfoot').html();
        tableData += theadHtml;
        tableData += '</thead><tbody>';
        dt.rows().every(function (index, tableLoop, rowLoop) {
            var dataHtml = this.node().outerHTML;
            tableData += dataHtml;
        });
        tableData += '</tbody><tfoot>' + theadfoot + '</tfoot></table>';
        console.log(tableData);
        $.ajax({
            url: "{{ route('export-pdf') }}",
            type: 'POST',
            dataType: 'json',
            data: {
                tableData: tableData,
                title: $('title').text(),
                "_token": "{{ csrf_token() }}"
            },
            beforeSend: function () {
                $(".ezdan_loading").show();
            },
            complete: function () {
                $(".ezdan_loading").hide();
            },
            success: function (response) {
                const pdfContent = response.pdfContent;
                const pdfData = 'data:application/pdf;base64,' + pdfContent;
                const downloadLink = document.createElement('a');
                downloadLink.href = pdfData;
                downloadLink.download = $('title').text() + '.pdf';
                downloadLink.click();
            },
            error: function (xhr, status, error) {
                console.log(xhr.responseText);
            }
        });
    }
});
</script>

@stop