@extends(config('admin_theme.layout', 'admin.modern.layout.master'))
@section('title')
    {{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.breadcrumb_view')
@stop
@section('page-content')
    <div class="dashboard__section__overview d-md-flex justify-content-between pt-4">
        <div class="dashboard__section-tile">
            <h3>{{ $current_route->{'name_' . trans('admin.lang')} }}</h3>
        </div>
    </div>
    <div class="vat__report pt-2">
        <div class="vat__report__tab ezdan__tab">
            @include(config('admin_theme.view_prefix', 'admin.modern').'.trial_balance.parts.buttons')
            <form role="form" method="post" action="" id="sale_return_form">
                <div class="ezdan__tab__content pt-4">
                    <!-- Tax Report Form -->
                    <div class="reports__tab-form-container">
                        <div
                            class="reports__tab-form d-flex flex-wrap flex-xl-nowrap align-items-center column-gap-3">
                            <div class="form__input__field">
                                <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'>
                                </div>
                            </div>
                            <div class="form__input__field">
                                <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'>
                                </div>
                            </div>
                            <div class="form__submit__btn pt-1">
                                <input type="submit" value="@Lang('admin.generate')"/>
                            </div>
                        </div>
                    </div>
                </div>
                {{ csrf_field() }}
            </form>
            @if ($results)
                <div class="account__management__tab-form d-md-flex justify-content-between align-items-center pt-3">
                    <div class="form__input__field">
                        <label>Search</label>
                        <input type="text" id="custom-search"/>
                    </div>

                    <!-- Action Buttons -->
                    <div class="d-flex gap-3 justify-content-end">
                        <div class="dashboard__btn-outline">
                            <a href="javascript:void(0)" id="custom-pdf">
                                <img src="/assets/modern/images/pdf-icon.svg" alt="pdf-icon"/>
                                PDF</a>
                        </div>
                        <div class="dashboard__btn-outline">
                            <a href="#" id="custom-excel">
                                <img src="/assets/modern/images/excel-icon.svg" alt="excel-icon"/>
                                Excel</a>
                        </div>
                        <div class="dashboard__btn-outline">
                            <a href="#" id="custom-print">
                                <img src="/assets/modern/images/print-icon.svg" alt="print-icon"/>
                                Print</a>
                        </div>
                    </div>
                </div>
                <div class="tax__return__table pt-4 pt-md-0">
                    <div class="table__container">
                        <div class="table__responsive">
                            <table id="datatable-buttons">
                                <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>
                                    <th></th>
                                    <th></th>
                                    <th>@Lang('admin.total')</th>
                                    <th>{{ $results->where('type', 2)->sum('amount') }}</th>
                                    <th>{{ $results->where('type', 1)->sum('amount') }}</th>
                                    <th>{{ $results->where('type', 2)->sum('amount')- $results->where('type', 1)->sum('amount')  }}</th>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
@stop
@section('js')
    <script>
        var link = "