@extends('admin.layout.table.index')
@section('page-title',trans('منح كهرباء'))
@section('root' , "schoolGrades")
@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('منح كهرباء')}}</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>
        @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
        <td>حالة الطلب</td>
        <td>تفاصيل</td>
    </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>
                <a href="{{url("/admin/orders/details/". $item->userOrderDataId())}}"> {{@$item->user->name}} </a>
            </td>
            <td>{{$item->electricity_account_number}}</td>
            <td>{{@$item->electricity_invoice_amount}}</td>
            <td>{{$item->is_electricity_disconnected == 0 ? "لا" : "نعم" }}</td>
            <td>{{$item->electricity_disconnected_date}}</td>
            <td>{{$item->electricity_invoice_collect_amount}}</td>
            <td>{{$item->electricity_invoice_missing_amount}}</td>
            <td>{{$item->sadad_number}}</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 class="text-center">
                <span style="font-weight: bolder">{{$item->ApplicationStatusName()}} </span>
                <br>
                <span style="font-weight: bolder;color: #92ad38">{{$item->ApplicationIsNecessaryName()}} </span>
                @include("admin.applications.updateApplicationStatus" , ['item' =>$item ])
            </td>
            <td>
                <a target="_blank"
                   href="{{route("client.applications.electricityDetails",$item->id)}}"
                   class="btn btn-success">تفاصيل الطلب</a>
                <a style="margin: 0px  10px" class="btn btn-primary"
                   href="{{route("client.applications.edit",$item->id)}}">
                    تعديل الطلب
                </a>
            </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("applications.applications.exportApplications",'ELECTRICITY')}}" class="btn btn-primary ">
                تصدير الطلبات الغير مستخرجة
            </a>
        </div>
        <br>
    @endif
    <form method="get" action="{{url("/admin/electricity-applications/")}}">

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

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

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

            });

        });

    </script>

@endsection