@extends('voyager::master')

@section('page_title', __('voyager::generic.viewing').' '.$dataType->getTranslatedAttribute('display_name_plural'))

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


        <div class=" main-panel">
<div class="row">
    <div class="col-md-6 pl-md-4 pe-md-4">  <div class=" search-panel ">
            <h3 class="search-title">بحث</h3>

            <form action="{{ route('voyager.received-money.index') }}" method="get">

                <div class="form-group m-0 row">

                    <div class="col-lg-12  ">
                        <div class="input-group form-group">
                            <label for="user" class="col-form-label control-label col-form-label-sm">اسم
                                المستخدم:</label>
                            @php
                                $users = \App\Models\User::getAllUsers();
                            @endphp
                            <select class="form-control" name="user" id="userFiltered">
                                <option value="0"></option>
                                @foreach($users as $user)
                                    <option value="{{ $user->id }}"
                                            @if($request->get('user') == $user->id) selected @endif>{{ $user->name }}</option>
                                @endforeach
                            </select>
                        </div>

                    </div>
                    <div class="col-lg-6  ">
                        <div class="input-group form-group">
                            <label for="current_date" class="col-form-label control-label col-form-label-sm">للفتره
                                من:</label>
                            <input type="date" id="current_date" class="form-control" name="from_date"
                                   value="{{ $request->get('from_date') }}">
                        </div>
                    </div>
                    <div class="col-lg-6  ">
                        <div class="input-group form-group">

                            <label for="current_date" class="col-form-label control-label col-form-label-sm">الی:</label>
                            <input type="date" id="current_date" class="form-control" name="to_date"
                                   value="{{ $request->get('to_date') }}">
                        </div>
                    </div>
                    <div class="btn-search-d">
                        <button type="submit" class="btn btn-search" name="search">بحث</button>
                    </div>

                </div>
            </form>
        </div></div>
    <div class="col-md-6 pr-md-3 px-md-4"> <div class=" search-panel ">
            <h3 class="search-title">{{ __('messages.print') }}</h3>

            <form action="{{ route('voyager.received-money.print') }}" method="get" target="_blank">

                <div class="form-group m-0 row">

                    <div class="col-lg-12">
                        <div class="input-group form-group">
                            <label for="user" class="col-form-label control-label col-form-label-sm">{{ __('messages.User_Name') }}:</label>
                            @php
                                $users = \App\Models\User::getAllUsers();
                            @endphp
                            <select class="form-control" name="user" id="userFiltered">
                                <option value="0"></option>
                                @foreach($users as $user)
                                    <option value="{{ $user->id }}"
                                            @if($request->get('user') == $user->id) selected @endif>{{ $user->name }}</option>
                                @endforeach
                            </select>
                        </div>

                    </div>
                    <div class="col-lg-12">
                        <div class="input-group form-group">
                            <label for="current_date" class="col-form-label control-label col-form-label-sm">{{ __('messages.Date') }}:</label>
                            <input type="date" id="current_date" class="form-control" name="current_date"
                                   value="{{ $request->get('current_date') }}">
                        </div>
                    </div>
                    <div class="btn-search-d">
                        <button type="submit" class="btn btn-search" name="search">{{ __('messages.print') }}</button>
                    </div>

                </div>
            </form>
        </div></div>
</div>





                    <div class="action-btns-div">
                        <button class="btn btn-add icon-plus" name="add" id="add"
                                onclick="utility.emptyAddReceivedMoney()">تسلیم المبلغ
                        </button>
                        <button class="btn btn-add icon-edit" name="debtors" id="debtors">
                            <a class="text-dark text-decoration-none" href="{{ route('voyager.received-money.debtors') }}">{{ __('messages.admin.Debtors') }}</a>
                        </button>
                        <button class="btn btn-add icon-profit-report" name="report" id="report">
                            <a class="text-dark text-decoration-none" target="_blank" href="{{ route('voyager.cash-register-receipt.index',['date'=>$request->get('current_date'),'search'=>'']) }}">{{ __('messages.admin.Cash-register-receipt') }}</a>
                        </button>
                    </div>

                <!-- Begin: Show data -->
                @if(count($result) > 0)
                    <div class="row">
                        <div class="col-lg-12 table-box">
                            <table class="table table-bordered">
                                <thead>
                                <th>#</th>
                                <th>اسم المستخدم</th>
                                <th>مقدار (دینار)</th>
                                <th>النوع</th>
                                <th>التاریخ الساعه</th>
                                <th>التفاصیل</th>
                                <th>عملیات</th>
                                </thead>
                                <tbody>
                                @foreach($result as $key => $value)
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td>{{ $value->getUser->name }}</td>
                                        <td>{{ number_format($value->amount) }}</td>
                                        <td>@if($value->payment_type == \App\Models\ReceivedMoney::PAYMENT_TYPE_POS) POS @else Normal @endif</td>
                                        <td>{{ $value->receive_date }}</td>
                                        <td>{{ $value->description }}</td>
                                        <td>
                                            <a href="javascript:;" title="حذف"
                                               class="btn    delete"
                                               data-id="{{ $value->id }}" id="delete-{{ $value->id }}">
                                                <i class="voyager-trash"></i> <span
                                                    class="hidden-xs hidden-sm">حذف</span>
                                            </a>
                                            <a href="{{ route('voyager.' . $dataType->slug . '.edit', ['id' => $value->id]) }}"
                                               title="تعدیل" class="btn   btn-primary   edit">
                                                <i class="voyager-edit"></i> <span
                                                    class="hidden-xs hidden-sm">تعدیل</span>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        @if (!$request->has('search'))
                            <div class="summary-table">
                                <div role="status" class="show-res" aria-live="polite">
                                    {{ trans_choice(
                                        'voyager::generic.showing_entries', $result->total(), [
                                            'from' => $result->firstItem(),
                                            'to' => $result->lastItem(),
                                            'all' => $result->total()
                                        ]) }}
                                    {{ $result->links() }}
                                </div>
                            </div>
                        @endif
                    </div>
            @endif
            <!-- End: Show data -->
            </div>
        </div>



    {{-- Single add/edit modal --}}
    <div class="modal modal-success fade" tabindex="-1" id="add_modal" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">تسلیم المبلغ</h4>
                </div>
                <form action="{{ route('voyager.'.$dataType->slug.'.store') }}" id="add_form" method="POST">
                    {{ method_field('POST') }}
                    {{ csrf_field() }}
                    <input type="hidden" name="total_accounting_id" value="" id="total_accounting_id">
                    <div class="modal-body">
                        <div class="row"   >
                        <div class="col-lg-4 fa-pull-right">
                            <label for="user" class="col-form-label col-form-label-sm">اسم المستخدم:</label>
                            <select class="form-control" name="user_id" id="user" required
                                    onchange="utility.checkClosedProductsByUserId(this.value, '{{ csrf_token() }}')">
                                <option value="0"></option>
                                @foreach($users as $user)
                                    <option value="{{ $user->id }}">{{ $user->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-4 fa-pull-right">
                            <label for="current_date" class="col-form-label col-form-label-sm">التاریخ:</label>

                            <div class="input-group date" id="datetimepicker" data-target-input="nearest" dir="ltr">
                                <input type="text" id="current_date" class="form-control datetimepicker-input" name="receive_date"
                                       data-target="#datetimepicker" required/>
                                <div class="input-group-append" data-target="#datetimepicker" data-toggle="datetimepicker">
                                    <div class="input-group-text p-2"><i class="fa fa-calendar"></i></div>
                                </div>
                            </div>

                        </div>
                        <div class="col-lg-4 fa-pull-right">
                            <label for="amount" class="col-form-label col-form-label-sm">المبلغ:</label>
                            <input type="number" id="amount" class="form-control" name="amount" required>
                        </div>
                        <div class="col-lg-12 mb-3">
                            <label for="description" class="col-form-label col-form-label-sm">التفاصیل:</label>
                            <input type="text" id="description" class="form-control" name="description">
                        </div>
                    </div>
                    <div class="modal-footer text-center"> <div class="form-group btns-group-center">
                            <button  type="submit" class="btn  delete-confirm  btn-save"
                                     value="{{ __('voyager::generic.add') }}">{{ __('voyager::generic.add') }}</button>
                        <button type="button" class="btn btn-default pull-right btn-cancel" data-dismiss="modal"
                                data-bs-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                    </div>
                    </div>
                    </div>
                </form>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    {{-- Single delete modal --}}
    <div class="modal modal-danger fade" tabindex="-1" id="delete_modal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" data-bs-dismiss="modal"
                            aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title"><i
                            class="voyager-trash"></i> {{ __('voyager::generic.delete_question') }} {{ strtolower($dataType->getTranslatedAttribute('display_name_singular')) }}
                        ?</h4>
                </div>
                <div class="modal-footer text-center">
                    <form action="#" id="delete_form" method="POST" class="text-center w-100">
                        {{ method_field('DELETE') }}
                        {{ csrf_field() }}   <div class="form-group btns-group-center  ">

                        <input type="submit" class="btn      btn-secondary delete-confirm  "
                               value="{{ __('voyager::generic.delete_confirm') }}">

                    <button type="button" class="btn btn-default    " data-dismiss="modal"
                            data-bs-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>

                </div>  </form></div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
@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
    <script>
        var deleteFormAction;
        $('td').on('click', '.delete', function (e) {
            $('#delete_form')[0].action = '{{ route('voyager.'.$dataType->slug.'.destroy', '__id') }}'.replace('__id', $(this).data('id'));
            $('#delete_modal').modal('show');
        });
        $('body').on('click', '#add', function (e) {
            $('#add_modal').modal('show');
        });
    </script>
@stop