@extends('voyager::master')

@section('page_title', __('messages.admin.Debtors'))

@section('content')
    <div class="page-content browse container-fluid">
        @include('voyager::alerts')

        <div class=" main-panel">
            <!-- Begin: Show data -->
            <div class="row">

                <div class="search-panel col-md-9 form-center-box" id="search-inputs">
                    <h3 class="search-title">بحث</h3>
                    <form action="{{ route('voyager.received-money.debtors') }}" method="get">
                        <div class="row">
                            <div class="col-lg-10 pl-0 pr-1">
                                <div class="input-group form-inline form-group">
                                    <label for="date" class="col-form-label control-lable col-form-label-sm">{{ __('messages.Date') }}: </label>
                                    <input type="date" id="date" class="form-control" name="date" value="{{ $request->get('date', date('Y-m-d')) }}">
                                </div>
                            </div>
                            <div class="col-lg-2 pl-0 pr-1">
                                <div class="input-group form-inline form-group">
                                    <label for="check_accounts" class="col-form-label col-form-label-sm">{{ __('messages.check_accounts') }}</label>
                                    <input type="checkbox" id="check_accounts" class="toggleswitch" name="check_accounts" value="1" @if($request->get('check_accounts', false)) checked @endif>
                                </div>
                            </div>

                            <div class="btn-search-d btn-search-d-2 ">
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-search" name="search">{{ __('voyager::generic.search') }}</button>
                                </span>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="col-lg-12 table-box mt-4">
                    <table class="table table-bordered">
                        <thead>
                        <th>#</th>
                        <th>اسم المستخدم</th>
                        <th>المبلغ الكلي</th>
                        <th>الامانات المستلمة</th>
                        <th>خارج العداد (الکمیة)</th>
                        <th>خارج العداد (المبلغ)</th>
                        <th>المبلغ المتبقي</th>
                        <th>عملیات</th>
                        </thead>
                        <tbody>
                        @if(count($output) == 0)
                            <tr>
                                <td colspan="8">{{ __('messages.admin.there_is_no_information_to_display') }}</td>
                            </tr>
                        @else
                            @php $counter = 1; @endphp
                            @foreach($output as $value)
                                <tr>
                                    <td>{{ $counter }}</td>
                                    <td>{{ $value['name'] }}</td>
                                    <td>{{ number_format($value['total_price'] + $value['diff_price']) }}</td>
                                    <td>{{ number_format($value['received']) }}</td>
                                    <th>{{ $value['diff_liters'] }}</th>
                                    <th>{{ number_format($value['diff_price']) }}</th>
                                    <td>{{ number_format(($value['total_price'] + $value['diff_price']) - $value['received']) }}</td>
                                    <td class=" actions-td">
                                        <a href="{{ route('voyager.received-money.show-debtor', [$value['user_id'], $request->get('date', date('Y-m-d')),
                                                    $request->get('check_accounts', false)]) }}"
                                           class=" btn edit">
                                            <i class="voyager-edit"></i>
                                            <span class="hidden-xs hidden-sm">
                                                @if($request->get('check_accounts', false))
                                                    {{ __('voyager::generic.view') }}
                                                @else
                                                    {{ __('messages.admin.close_product_and_view') }}
                                                @endif
                                            </span>
                                        </a>

                                        @if(($value['total_price'] - $value['received']) != 0 && !$request->has('check_accounts'))
                                            <form action="{{ route('voyager.'.$dataType->slug.'.store') }}" method="POST">
                                                {{ method_field('POST') }}
                                                {{ csrf_field() }}
                                                <input type="hidden" name="total_accounting_id" id="total_accounting_id">
                                                <input type="hidden" name="settling" value="1" id="settling">
                                                <input type="hidden" name="date" value="{{ $request->get('date', date('Y-m-d')) }}" id="date">
                                                <input type="hidden" name="receive_date" value="{{ $request->get('date', date('Y-m-d')) }} {{ $time }}" id="receive_date">
                                                <input type="hidden" name="user_id" value="{{ $value['user_id'] }}" id="user_id">
                                                <input type="hidden" name="amount" value="{{ ($value['total_price'] + $value['diff_price']) - $value['received'] }}" id="amount">
                                                <input type="hidden" name="closed" value="1" id="closed">
                                                <input type="hidden" name="description" value="{{ __('messages.admin.close_product') }}" id="description">

                                                <button type="submit" name="submit" class="btn   confirm">
                                                    <i class="voyager-confirm"></i>
                                                    <span class="hidden-xs hidden-sm">{{ __('messages.admin.close_product') }}</span>
                                                </button>
                                            </form>
                                        @endif
                                    </td>
                                </tr>
                                @php $counter += 1; @endphp
                            @endforeach
                        @endif
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- End: Show data -->
            </div>
        </div>
@stop

@section('css')
    @if(!$dataType->server_side && config('dashboard.data_tables.responsive'))
        <link rel="stylesheet" href="{{ voyager_asset('lib/css/responsive.dataTables.min.css') }}">
    @endif
@stop

@section('javascript')
    <!-- DataTables -->
    @if(!$dataType->server_side && config('dashboard.data_tables.responsive'))
        <script src="{{ voyager_asset('lib/js/dataTables.responsive.min.js') }}"></script>
    @endif
@stop