@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.statements.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="customers_id">@Lang('admin.account_name')<span class="require">*</span></label>
            <select class="form-control select2" id="account_id" name="account_id" >
                <option value="0">@Lang('admin.select')</option>
                @foreach ($accounts as $item)
                @if($item->sub_account_name)
                <option value="{{$item->account_id}}"  selected>
                    {{ $item->sub_account_name->{'account_name_'.trans('admin.lang')} }}</option>
                @endif
                @endforeach
            </select>
        </div>
        <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>
                        @if ($start_date || $end_date)
            <tr>
                <th colspan="7" 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.sanad_name')</th>
                <th>@Lang('admin.date')</th>
                <th>@Lang('admin.account_name')</th>
                <th>@Lang('admin.madeen')</th>
                <th>@Lang('admin.daen')</th>
                <th>@Lang('admin.band-details')</th>
                <th>@Lang('admin.old-total')</th>
            </tr>
        </thead>
        <tbody>
                                    <tr>
                <td>0</td>
                <td></td>
                <td>{{ $my_acccount }}</td>
                <td>{{ $total_madeen }}</td>
                <td>{{ $total_daen }}</td>
                <td>{{ trans('admin.accounts_reports-credit') }}</td>
                <td>{{ $total_temp }}</td>
            </tr>
                    </tbody>
        <tfoot>
            <tr>
                <td></td>
                <td></td>
                <td>@Lang('admin.total')</td>
                <td>{{ number_format($total_madeen,$system_settings->system_digit) }}</td>
                <td>{{ number_format($total_daen,$system_settings->system_digit) }}</td>
                <td></td>
                <td>{{ number_format($total,$system_settings->system_digit) }}</td>
            </tr>
        </tfoot>
    </table>
</div>
@endif
@stop
@section('css')
<link rel="stylesheet" href="{{ url('assets/lexa/libs/select2/css/select2.min.css') }}">
<style>
    .main-content {
        overflow: initial;
    }
    .select2-container .select2-selection--single {
        height: 38px;
    }
</style>
@stop
@section('js')
<script src="{{ asset('assets/plugins/datepicker/js/bootstrap-datepicker.min.js') }}" type="text/javascript"></script>
<script src="{{ url('assets/lexa/libs/select2/js/select2.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function () {
function matchCustom(params, data) {
    // If there are no search terms, return all of the data
    if ($.trim(params.term) === '') {
        return data;
    }

    // Do not display the item if there is no 'text' property
    if (typeof data.text === 'undefined') {
        return null;
    }

    // `params.term` should be the term that is used for searching
    // `data.text` is the text that is displayed for the data object
    var searchTerm = params.term.toLowerCase();
    var matchId = data.id.toLowerCase().indexOf(searchTerm) > -1;

    if (data.text.indexOf(searchTerm) > -1 || matchId) {
        var modifiedData = $.extend({}, data, true);
        //modifiedData.text += ' (matched)';

        // You can return modified objects from here
        // This includes matching the `children` how you want in nested data sets
        return modifiedData;
    }

    // Return `null` if the term should not be displayed
    return null;
}
$('.select2').select2({
    matcher: matchCustom
});
});
</script>
<script>
    var link = "