@extends('admin.layout.table.index')
@section('page-title',trans('language.annualsOrders'))
@section('root' , "annualsOrders")
@section('nav')
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{url("admin/")}}">  {{trans('language.home')}}</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{trans('language.annualsOrders')}}</li>
    </ol>
@endsection
@section("buttons")
    <a class="btn btn-success" href="{{url("/admin/annuals-orders/create")}}">
        {{trans("language.add")}}
    </a>

    @if(Auth::user()->isEmployee() && Auth::user()->employee_type == "hasr")
        <button style=" " class="btn btn-primary confirm_all"
                data-url="{{ url("admin/annuals_orders_full_confirm_all") }}">
            تعميد كل المحدد
        </button>
    @endif

@endsection
@section('thead')
    <tr class="text-center">
        @if(Auth::user()->isEmployee() && Auth::user()->employee_type == "hasr")
            <th width="50px"><input type="checkbox" id="master"></th>
        @endif
        <th>#</th>
        <th>{{trans('صاحب العادة السنوية')}}</th>
        <th>{{trans('language.name')}}</th>
        <th>{{trans('language.nationality')}}</th>
        <th>{{trans('language.id_number')}}</th>
        <th>{{trans('language.mobile')}}</th>
        <th>{{trans('language.city')}}</th>
        <th>اسم صاحب الحساب البنكي</th>
        @if(Auth::user()->employee_type == "hasr" || Auth::user()->employee_type == "money" ||  Auth::user()->employee_type == "finisher")
            <th>مبلغ الاعتماد</th>
            @if(Auth::user()->employee_type == "finisher" || Auth::user()->employee_type == "money")
                <th>مبلغ الحصر</th>
            @endif
        @endif
        <th>{{trans('language.status')}}</th>
        <th>{{trans('language.details')}}</th>
    </tr>
@endsection
@section('tbody')
    @foreach($items as $item)
        <tr class="text-center">
            @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>{{@$item->annualCustoms->name}}</td>
            <td>{{$item->name}}</td>
            <td>{{@$item->nationalityName->name}}</td>
            <td>{{$item->id_number}}</td>
            <td>{{$item->mobile}}</td>
            <td>{{@$item->cityName->name}}</td>
            <td> {{$item->bank_account_name}} </td>
            @if(Auth::user()->employee_type == "hasr" || Auth::user()->employee_type == "money" ||  Auth::user()->employee_type == "finisher")
                <td class="text-center" style="font-weight: bolder">{{$item->manager_amount}} ريال</td>
                @if(Auth::user()->employee_type == "finisher" || Auth::user()->employee_type == "money")
                    <td class="text-center" style="font-weight: bolder">{{$item->hasr_amount}} ريال</td>
                @endif
            @endif

            <td>
                @if($item->finish_payment_file)
                    <span style="font-weight: bolder"> تم أغلاق الطلب بنجاح </span>
                @else

                    @if(Auth::user()->employee_type == "annual")
                        <a href="{{route("annuals.orders.updateStatus",$item->id)}}" class="btn btn-success">
                            اعتماد
                        </a>
                    @endif

                    @if( Auth::user()->employee_type == "social")
                        <a href="javascript:void(0)"
                           class="btn btn-dark updateSocialApplicationStatusBtn"
                           data-original-title="اعتماد"
                           data-message="{{"اعتماد"}}"
                           data-action="{{url("admin/annuals-orders/$item->id/updateSocialStatus")}}"
                           data-toggle="modal"
                           data-id="{{$item->id}}"
                           data-target=".updateSocialApplicationStatusModal"
                           title="{{trans('اعتماد')}}">
                            اعتماد
                        </a>
                    @endif

                    @if( Auth::user()->employee_type == "manager")
                        <a href="javascript:void(0)"
                           class="btn btn-dark confirmApplicationStatusBtn"
                           data-original-title="تحديث الحالة"
                           data-message="{{"تحديث حاله الطلب "}}"
                           data-action="{{url("admin/annuals-orders/$item->id/confirmStatus")}}"
                           data-toggle="modal"
                           data-id="{{$item->id}}"
                           data-target=".confirmApplicationStatusModal"
                           title="{{trans('أعتماد الطلب')}}">أعتماد </a>
                    @endif

                    @if(Auth::user()->employee_type == "hasr")
                        <a href="javascript:void(0)"
                           class="btn btn-dark confirmApplicationMoneyAmountBtn"
                           data-original-title="تحديث الحالة"
                           data-message="{{"تحديث حاله الطلب "}}"
                           data-action="{{url("admin/annuals-orders/$item->id/confirmMoneyAmount")}}"
                           data-toggle="modal"
                           data-id="{{$item->id}}"
                           data-amount="{{$item->manager_amount}}"
                           data-target=".confirmApplicationMoneyAmountModal"
                           title="{{trans('أعتماد مبلغ التيرع')}}">أعتماد</a>
                    @endif

                    @if(Auth::user()->employee_type == "money")
                        <a href="javascript:void(0)"
                           class="btn btn-dark confirmApplicationCashBtn"
                           data-original-title="تحديث الحالة"
                           data-message="{{"تحديث حاله الطلب "}}"
                           data-action="{{url("admin/annuals-orders/$item->id/confirmCashAmount")}}"
                           data-toggle="modal"
                           data-id="{{$item->id}}"
                           data-amount="{{$item->hasr_amount}}"
                           data-target=".confirmApplicationCashModal"
                           title="{{trans('أعتماد')}}">أعتماد الصرف</a>

                        @if(!$item->money_employment_exported)
                            <a href="{{url("admin/annuals-orders/$item->id/exportApplication")}}"
                               class="btn btn-primary">
                                تحديث الحالة
                            </a>
                        @endif

                    @endif

                    @if( Auth::user()->employee_type == "finisher")
                        <a href="javascript:void(0)"
                           class="btn btn-dark confirmApplicationFinishBtn"
                           data-original-title="تحديث الحالة"
                           data-message="{{"تحديث حاله الطلب "}}"
                           data-action="{{url("admin/annuals-orders/$item->id/finishApplication")}}"
                           data-toggle="modal"
                           data-id="{{$item->id}}"
                           data-amount="{{$item->hasr_amount}}"
                           data-target=".confirmApplicationFinishModal"
                           title="{{trans('أعتماد')}}">اغلاق الطلب</a>
                    @endif
                @endif

            </td>
            <td>
                <a href="{{route("annuals.orders.show",$item->id)}}" class="btn btn-outline">
                    <i class="fa fa-eye"></i>
                </a>

                @if(Auth::user()->employee_type == "annual")

                    <a href="{{route("annuals.orders.edit",$item->id)}}" class="btn btn-outline">
                        <i class="fa fa-pen"></i>
                    </a>

                @endif

                @if(!$item->finish_payment_file)
                    @includeIf("admin.components.buttons.delete",["message" => "($item->name)" ,  "action" => url("admin/annuals-orders/$item->id")])
                @endif
            </td>
        </tr>
    @endforeach
@endsection

@section("filters")

    @if(Auth::user()->employee_type == \App\Models\User::MONEY_EMPLOYEE)
        <div class="col-md-6">
            <a style="width: 45%;font-weight: bolder"
               href="{{route("admin.exportAnnualOrders")}}" class="btn btn-primary ">
                تصدير الطلبات الغير مستخرجة
            </a>
        </div>
        <br>
    @endif

    <form method="get" action="{{url("/admin/annuals-orders/")}}">

        <div class="col-md-12">
            <div class="row">
                @if(Auth::user()->employee_type == \App\Models\User::MONEY_EMPLOYEE)
                    <div class="col-md-3">
                        <span> قم بأختيار حاله التصدير للطلبات  </span>
                        <select class="form-control " name="is_exported">
                            <option @if(!request()->is_exported) selected @endif value="">عرض كل الطلبات</option>
                            <option @if(request()->is_exported == 1 ) selected @endif  value="1">الطلبات الغير المستخرجة
                            </option>
                            <option @if(request()->is_exported == 2 ) selected @endif  value="2">الطلبات المستخرجة
                            </option>

                        </select>
                    </div>

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

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

                @endif

            </div>
        </div>

        <br>

        <div class="col-md-12">
            <div class="row">

                <div class="col-md-3">
                    <select class="form-control input_data select2 " name="annual_customs_id">
                        <option selected value="">{{ trans('اختيار صاحب العادة السنوية') }}</option>
                        @foreach (\App\Models\AnnualCustoms::all() as $annualCustom)
                            <option @if(request()->annual_customs_id == $annualCustom->id) selected
                                    @endif value="{{$annualCustom->id}}">
                                {{ $annualCustom->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

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

                <div class="col-md-3">
                    <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-3">
                    <input type="text" class="form-control input_data " name="mobile"
                           value="{{request()->mobile}}"
                           placeholder="{{trans('language.mobile')}}">
                </div>

                <div class="col-md-3 pt-3">
                    <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 () {
            $('.input_data').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);
                            }
                        });
                    }
                }

            });

        });

    </script>

@endsection