@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').'.goods_reports.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__select__field">
                                <label for="main_category_id">@Lang('admin.main_category_id')</label>
                                <select class="form-control select2" name="main_category_id">
                                    <option value="0">@Lang('admin.select')</option>
                                    @foreach ($main_categories as $item)
                                        <option
                                            value="{{ $item->id}}" selected>
                                            {{ $item->{'main_category_name_'.trans('admin.lang')} }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form__select__field">
                                <label for="sub_category_id">@Lang('admin.sub_category_id')</label>
                                <select class="form-control select2" name="sub_category_id">
                                    <option value="0">@Lang('admin.select')</option>
                                    @foreach ($sub_categories as $item)
                                        <option
                                            value="{{ $item->id}}" selected>
                                            {{ $item->{'sub_category_name_'.trans('admin.lang')} }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form__select__field">
                                <label for="items_id">@Lang('admin.items_id')</label>
                                <select class="form-control select2" name="items_id" id="items_id">
                                    <option value="0">@Lang('admin.select')</option>
                                </select>
                            </div>
                            <div class="form__select__field">
                                <label for="store_id">@Lang('admin.store')</label>
                                <select class="form-control select2" name="store_id" id="store_id">
                                    <option value="0">@Lang('admin.select')</option>
                                    @foreach ($stores as $item)
                                        <option value="{{$item->id}}" selected>
                                            {{ $item->{'store_name_'.trans('admin.lang')} }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form__input__field">
                                <label for="start_date">@Lang('admin.from_inv_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.to_inv_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>
                                @if ($start_date || $end_date)
                                    <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>
                                @endif
                                <tr>
                                    <th>@Lang('admin.main_category_id')</th>
                                    <th>@Lang('admin.sub_category_id')</th>
                                    <th>@Lang('admin.items_id')</th>
                                    <th>@Lang('admin.qty')</th>
                                    <th>@Lang('admin.limit_min_qty')</th>
                                    <th>@Lang('admin.total')</th>
                                    <th>@Lang('admin.store')</th>
                                    <th>@Lang('admin.date')</th>
                                    <th>@Lang('admin.created_by')</th>
                                </tr>
                                </thead>
                                <tbody>
                                                                                                        </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
@stop
@section('js')
    <script>
        var link = "