@extends('admin.layout.table.index')
@section('page-title', trans('طلبات الإيجار'))
@section('root', 'rentApplications')
@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>
        @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>حالة الطلب</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>
                <a href="{{ url('/admin/orders/details/' . $item->userOrderDataId()) }}"> {{ @$item->user->name }} </a>
            </td>
            <td>{{ number_format($item->aqar_rent_amount) }} ريال</td>
            <td>{{ $item->payments_count }}</td>
            <td>{{ $item->aqar_contract_start }}</td>
            <td>{{ $item->aqar_contract_expire }}</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>
                @include('admin.applications.updateApplicationStatus', ['item' => $item])
            </td>
            <td>
                <a style="margin: 0px 10px" class="btn btn-success"
                    href="{{ route('client.applications.rentDetails', $item->id) }}">
                    تفاصيل الطلب
                </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', 'AQAR_RENT') }}" class="btn btn-primary ">
                تصدير الطلبات الغير مستخرجة
            </a>
        </div>
        <br>
    @endif

    <form method="get" action="{{ url('/admin/rent-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];
        });

        // Handle month button clicks
        $('.month-btn').click(function() {
            var selectedMonth = $(this).data('month');
            $('#payment_month').val(selectedMonth);

            // Remove active class from all buttons
            $('.month-btn').removeClass('btn-primary').addClass('btn-outline-primary');

            // Add active class to clicked button
            $(this).removeClass('btn-outline-primary').addClass('btn-primary');

            // Submit the form
            $(this).closest('form').submit();
        });
    </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