@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.goods_reports.parts.buttons')
@stop
@section('page-content')
<h4 class="card-title">@Lang('admin.out-goods_reports')</h4>
<form role="form" method="post" action="" id="sale_return_form">
    <div class="row mb-3">
        <div class="form-group col-md-2 col-sm-12">
            <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-group col-md-2 col-sm-12">
            <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-group col-md-2 col-sm-12">
            <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-group col-md-2 col-sm-12">
            <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'>
                <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
            </div>
        </div>
        <div class="form-group col-md-2 col-sm-12">
            <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'>
                <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>
        @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.store')</th>
            <th>@Lang('admin.date')</th>
        </tr>
    </thead>
    <tbody>
                </table>
</div>
@endif
@stop
@section('css')
<style>
    .main-content {
        overflow: initial;
    }
</style>
@stop
@section('js')
<script>
    var link = "