@extends('admin.layout.table.index')
@section('page-title', trans('طلبات الإيجار المؤكدة للصرف'))
@section('root', 'confirmedAsPayments')
@section('nav')
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url('admin/') }}"> {{ trans('language.home') }}</a></li>
        <li class="breadcrumb-item"><a href="{{ url('admin/rent-applications/') }}">{{ trans('طلبات الإيجار') }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ trans('الطلبات المؤكدة للصرف') }}</li>
    </ol>
@endsection
@section('buttons')
    @if (Auth::user()->isEmployee() && Auth::user()->employee_type == 'hasr')
        <button style=" " class="btn btn-primary confirm_all" data-url="{{ url('admin/applications_full_confirm_all') }}">
            تعميد كل المحدد
        </button>
    @endif
@endsection
@section('thead')
    <tr>
        @if (Auth::user()->isEmployee() && Auth::user()->employee_type == 'hasr')
            <th width="50px"><input type="checkbox" id="master"></th>
        @endif
        <th>#</th>
        <th>رقم الدفعة</th>
        <th>تاريخ الاستحقاق</th>
        <th>المبلغ</th>
        <th>اسم العميل</th>
        <th>اسم صاحب الحساب</th>
        <th>رقم الآيبان / الحساب</th>
        <th>مبلغ الإيجار السنوي</th>
        <th>تاريخ بداية العقد</th>
        <th>تاريخ نهاية العقد</th>
        <th>رقم العقد الإلكتروني</th>
        <th>الإعدادات</th>
    </tr>
@endsection
@section('tbody')
    @foreach ($items as $item)
        <tr>
            @if (Auth::user()->isEmployee() && Auth::user()->employee_type == 'hasr')
                <td><input autocomplete="off" type="checkbox" class="sub_chk" data-id="{{ $item->id }}"></td>
            @endif
            <td>{{ $loop->iteration }}</td>
            <td class="text-center">
                <span class="badge badge-primary" style="font-size: 14px;">الدفعة {{ $item->payment_number }}</span>
            </td>
            <td class="text-center" style="font-weight: bold;">
                {{ $item->due_date->format('Y-m-d') }}
            </td>
            <td class="text-center" style="color: green; font-weight: bold;">
                {{ number_format($item->amount) }} ريال
            </td>
            <td>
                <a href="{{ url('/admin/orders/details/' . $item->application->userOrderDataId()) }}">
                    {{ @$item->application->user->name }}
                </a>
            </td>
            <td>{{ @$item->application->order->bank_account_name ?? @$item->application->user->name }}</td>
            <td style="font-weight: bold; direction: ltr; text-align: center;">
                {{ @$item->application->user->bank_account }}
            </td>
            <td>{{ number_format(@$item->application->aqar_rent_amount) }} ريال</td>
            <td>{{ @$item->application->aqar_contract_start }}</td>
            <td>{{ @$item->application->aqar_contract_expire }}</td>
            <td>{{ @$item->application->sadad_number }}</td>
            <td>
                <button class="btn btn-sm btn-success mark_as_paid" data-id="{{ $item->id }}">
                    <i class="fa fa-check"></i> تم الدفع
                </button>
            </td>
        </tr>
    @endforeach
@endsection

@section('filters')
    <form method="get" action="{{ url('/admin/confirmed-as-payments/') }}">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-2">
                    <span>تاريخ الاستحقاق من</span>
                    <input type="date" class="form-control start_at" name="start_at" value="{{ request()->start_at }}">
                </div>

                <div class="col-md-2">
                    <span>تاريخ الاستحقاق إلى</span>
                    <input type="date" class="form-control end_at" name="end_at" value="{{ request()->end_at }}">
                </div>

                <div class="col-md-2">
                    <span>{{ trans('language.id_number') }}</span>
                    <input type="text" class="form-control input_data" name="id_number"
                        value="{{ request()->id_number }}" placeholder="{{ trans('language.id_number') }}">
                </div>

                <div class="col-md-2">
                    <span>{{ trans('language.mobile') }}</span>
                    <input type="text" class="form-control input_data" name="mobile" value="{{ request()->mobile }}"
                        placeholder="{{ trans('language.mobile') }}">
                </div>

                <div class="col-md-2">
                    <span>{{ trans('language.name') }}</span>
                    <input type="text" class="form-control name_input" name="name" value="{{ request()->name }}"
                        placeholder="{{ trans('language.name') }}">
                </div>

                <div class="col-md-2" style="padding-top: 22px;">
                    <input style="width: 45%" type="submit" class="btn btn-success"
                        value="{{ trans('language.filter') }}">
                    <button style="width: 45%" type="button"
                        class="btn btn-info reset_inputs">{{ trans('language.reset') }}</button>
                </div>
            </div>
        </div>
    </form>
@stop

@section('js')

    <script>
        $('.reset_inputs').click(function() {
            $('.name_input').val('');
            window.location = window.location.href.split("?")[0];
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function() {

            $('#master').on('click', function(e) {

                if ($(this).is(':checked', true)) {
                    $(".sub_chk").prop('checked', true);
                } else {
                    $(".sub_chk").prop('checked', false);
                }
            });

            $('.confirm_all').on('click', function(e) {
                var allVals = [];

                $(".sub_chk:checked").each(function() {

                    allVals.push($(this).attr('data-id'));

                });


                if (allVals.length <= 0) {

                    alert("قم بتحديد مجموعة من الطلبات ليتم تنفيذ الامر عليها .");

                } else {
                    var check = confirm("هل تريد فعلا تعميد كل الطلبات التي تم تحديدها ؟");
                    if (check == true) {
                        var join_selected_values = allVals.join(",");
                        $.ajax({
                            url: $(this).data('url'),
                            type: 'GET',
                            data: 'ids=' + join_selected_values,
                            success: function(data) {
                                if (data['success']) {
                                    window.location.reload();
                                } else if (data['error']) {
                                    alert(data['error']);
                                } else {
                                    alert('Whoops Something went wrong!!');
                                }
                            },
                            error: function(data) {
                                alert(data.responseText);
                            }
                        });
                    }
                }

            });

            // Mark single payment as paid
            $('.mark_as_paid').on('click', function(e) {
                var paymentId = $(this).data('id');
                var check = confirm("هل تريد فعلا تأكيد صرف هذه الدفعة؟");
                if (check == true) {
                    $.ajax({
                        url: '{{ url('admin/applications/markAsPaid') }}',
                        type: 'POST',
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: {
                            'ids': paymentId
                        },
                        success: function(data) {
                            if (data['success']) {
                                alert('تم تأكيد صرف الدفعة بنجاح');
                                window.location.reload();
                            } else if (data['error']) {
                                alert(data['error']);
                            } else {
                                alert('Whoops Something went wrong!!');
                            }
                        },
                        error: function(data) {
                            alert(data.responseText);
                        }
                    });
                }
            });

        });
    </script>

@endsection