@extends('admin.layouts.master')

@section('css')
    @include('admin.helper.formscss')
@endsection

@section('page-header')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto"> المستخدمين </h4>
            </div>
        </div>
    </div>
    <!-- breadcrumb -->
@endsection
@section('content')
    <!-- row -->
    <div id='blogId'>
        <div>
            <!-- row -->
            <div class="row">
                <div class="col-md-12 col-xl-12 col-xs-12 col-sm-12">
                    <!--div-->
                    <form id='newjob'>
                        @csrf
                        <div class="card">
                            <div class="card-body">
                                <div class="row row-sm">
                                    <input required class="form-control" name="id" value="{{ $user->id }}"
                                        type="hidden">
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">الاسم</label>
                                        <input required class="form-control" name="name" value="{{ $user->name }}"
                                            type="text">
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">البريد الإلكتروني</label>
                                        <input required class="form-control" name="email" value="{{ $user->email }}"
                                            type="email">
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">رقم الهاتف</label>
                                        <input required class="form-control" name="mobile" value="{{ $user->mobile }}"
                                            type="text">
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">المحل</label>
                                        <input required class="form-control" name="store" value="{{ $user->store }}"
                                            type="text">
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">رقم الواتساب</label>
                                        <input class="form-control" name="whatsapp" value="{{ $user->whatsapp }}"
                                            type="text" placeholder="مثال: 963912345678" dir="ltr">
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">تليجرام</label>
                                        <input class="form-control" name="telegram" value="{{ $user->telegram }}"
                                            type="text" placeholder="اسم المستخدم أو الرقم" dir="ltr">
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">بريد إلكتروني احتياطي</label>
                                        <input class="form-control" name="backup_email" value="{{ $user->backup_email }}"
                                            type="email" placeholder="name@example.com" dir="ltr">
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">الحد الأدنى للرصيد</label>
                                        <input class="form-control" name="min_balance" value="{{ $user->min_balance }}"
                                            type="number" step="0.01">
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">معدل التحويل</label>
                                        <input class="form-control" name="transfer_rate" value="{{ $user->transfer_rate }}"
                                            type="number" step="0.01">
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">حالة المستخدم</label>
                                        <select name="isActive" class="form-control">
                                            <option {{ $user->isActive == 1 ? 'selected' : '' }} value="1">نشط
                                            </option>
                                            <option {{ $user->isActive == 0 ? 'selected' : '' }} value="0">غير نشط
                                            </option>
                                        </select>
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">العملية الديناميكية</label>
                                        <select name="isApi" class="form-control">
                                            <option {{ $user->isApi == 1 ? 'selected' : '' }} value="1">تنشيط</option>
                                            <option {{ $user->isApi == 0 ? 'selected' : '' }} value="0">تعطيل</option>
                                        </select>
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <!-- تمت إزالة حقل التحقق (is_verified) بناءً على الطلب؛ التحكم يتم فقط من الصفحة الرئيسية -->
                                    </div>

                                    @if ($user->vendor_id)
                                        <div class="col-lg-4 mt-3">
                                            <label class="form-label">فئة الأرباح</label>
                                            <input type="text" class="form-control" value="{{ $user->profit_rate }}"
                                                disabled>
                                            <input type="hidden" name="profit_rate" value="{{ $user->profit_rate }}">
                                            <small class="text-muted">مربوط بفيندور - فئة الأرباح الحالية:
                                                {{ $user->profit_rate }}.</small>
                                        </div>
                                    @else
                                        <div class="col-lg-4 mt-3">
                                            <label class="form-label">فئة الأرباح</label>
                                            <select name="profit_rate" class="form-control" required>
                                                @foreach (Config('app.rates') as $rate)
                                                    <option {{ $user->profit_rate == $rate ? 'selected' : '' }}
                                                        value="{{ $rate }}"> {{ $rate }} </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    @endif

                                    @php $currencyChangeLocked = $user->vendor_id || ($user->balance != 0); @endphp
                                    @if ($currencyChangeLocked)
                                        <div class="col-lg-4 mt-3">
                                            <label class="form-label">العملة</label>
                                            <input type="text" class="form-control"
                                                value="{{ optional($user->currency)->name }}" disabled>
                                            <input type="hidden" name="currency_id" value="{{ $user->currency_id }}">
                                            <small class="text-muted">لا يمكن تغيير العملة
                                                {{ $user->vendor_id ? 'لأن المستخدم مربوط بفيندور' : 'لأن رصيد المستخدم غير صفري' }}.</small>
                                        </div>
                                    @else
                                        <div class="col-lg-4 mt-3">
                                            <label class="form-label">العملة</label>
                                            <select name="currency_id" class="form-control" required>
                                                <option value="">اختر عملة</option>
                                                @foreach (\App\Models\Currency::all() as $currency)
                                                    <option {{ $user->currency_id == $currency->id ? 'selected' : '' }}
                                                        value="{{ $currency->id }}">{{ $currency->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    @endif
                                    @if ($user->is_vendor)
                                        {{-- المستخدم نفسه فيندور: لا نظهر اختيار أو معلومات فيندور آخر --}}
                                    @else
                                        <div class="col-lg-4 mt-3">
                                            <label class="form-label">الفيندور (اختياري)</label>
                                            <select name="vendor_id" id="vendor_id" class="form-control select2">
                                                <option value="">بدون</option>

                                                @foreach ($vendors as $vendor)
                                                    <option {{ $user->vendor_id == $vendor['id'] ? 'selected' : '' }}
                                                        value="{{ $vendor['id'] }}">{{ $vendor['name'] }}
                                                        ({{ $vendor['id'] }})
                                                    </option>
                                                @endforeach

                                            </select>
                                        </div>
                                    @endif

                                    <div class="col-lg-6 mt-3">
                                        <button type="button" @click="gentoken" class="btn btn-primary mb-2">
                                            إنشاء توكن</button>
                                        <label class="form-label">توكن API</label>
                                        <input class="form-control" name="api_token" v-model="token"
                                            value="{{ $user->api_token }}" type="text">
                                    </div>
                                    @if(!empty($user->api_token))
                                    <div class="col-lg-6 mt-3">
                                        <label class="form-label">رابط الـ Webhook</label>
                                        <input class="form-control" name="webhook_url" value="{{ $user->webhook_url }}"
                                            type="url" placeholder="https://example.com/webhook" dir="ltr">
                                        <small class="text-muted">سيتم إرسال تحديثات الطلبات إلى هذا الرابط</small>
                                    </div>
                                    @endif
                                </div>
                                <div class="text-center">
                                    <button type="submit" @click="edituser" class="col-5 btn btn-primary mt-3 mb-0">
                                        حفظ</button>
                                    <button onclick="location.href='{{ route('admin.users.index') }}'"
                                        class="col-5 btn btn-secondary mt-3 mb-0" type="button"> رجوع</button>

                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="card">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12 mt-3">
                                        <h4 class="text-center">تغيير كلمة المرور</h4>
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">كلمة المرور الجديدة</label>
                                        <input required class="form-control" v-model="password" name="password"
                                            type="text">
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <button type="button" @click="genpass" class="btn btn-info mb-2">
                                            إنشاء عشوائي</button>
                                        <button type="button" @click="changepassword" class="btn btn-primary mb-2">
                                            حفظ كلمة المرور</button>
                                        <button type="button" @click="resetpincode" class="btn btn-primary mb-2">
                                            رمز PIN</button>
                                        <button type="button" @click="resetgoogle2fa" class="btn btn-primary mb-2">
                                            إلغاء تفعيل Google 2FA</button>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- row closed -->
        </div>
        <!-- Container closed -->
    </div>
    <!-- main-content closed -->
@endsection
{{-- href="{{route('sup.edit',$Supplier_edit->id)}}" --}}

@section('js')
    @include('admin.helper.formscripts')
    @include('vue')
    <script>
        // Click on a <p> element to alert a text
        app = new Vue({
            'el': '#blogId',
            data: {
                blockes: [],
                game_id: '',
                service_id: '',
                token: '{!! $user->api_token !!}',
                newpass: '',
                services: [],
                discounts: [],
                dis_game_id: '',
                password: '',
                percent: ''
            },
            methods: {
                changepassword: function() {
                    if (!this.password) {
                        swal({
                            title: 'يرجى إدخال كلمة المرور الجديدة',
                            type: 'warning',
                            confirmButtonText: 'موافق',
                        });
                        return;
                    }

                    data = {
                        '_token': "{{ csrf_token() }}",
                        'password': this.password,
                        'user_id': {!! $user->id !!}
                    }
                    Swal.showLoading()
                    adawe('{{ route('admin.users.updatepassword') }}', data)
                },
                edituser: function(e) {
                    e.preventDefault();
                    let formData = new FormData(document.getElementById('newjob'));

                    Swal.showLoading();

                    axios.post('{{ route('admin.users.update') }}', formData).then(response => {
                        Swal.close();
                        if (response.data.err == true) {
                            swal({
                                title: response.data.msg,
                                type: 'error',
                                confirmButtonText: 'موافق',
                            });
                        } else {
                            swal({
                                title: response.data.msg,
                                type: 'success',
                                confirmButtonText: 'موافق',
                            }).then(() => {
                                // يمكن إعادة توجيه المستخدم أو تحديث الصفحة
                                // window.location.reload();
                            });
                        }
                    }).catch(error => {
                        Swal.close();
                        console.log(error);
                        let errorMsg = 'حدث خطأ غير متوقع';
                        if (error.response && error.response.data && error.response.data.message) {
                            errorMsg = error.response.data.message;
                        } else if (error.response && error.response.data && error.response.data.msg) {
                            errorMsg = error.response.data.msg;
                        }

                        swal({
                            title: errorMsg,
                            type: 'error',
                            confirmButtonText: 'موافق',
                        });
                    })
                },
                genpass: function(e) {
                    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
                    let pass = '';
                    for (let i = 0; i < 8; i++) {
                        pass += chars.charAt(Math.floor(Math.random() * chars.length));
                    }
                    this.password = pass;
                },
                gentoken: function(e) {
                    let1 = Math.random().toString(36).substr(2)
                    let2 = {!! $user->id !!}
                    let3 = Math.random().toString(36).substr(2)
                    let4 = Math.random().toString(36).substr(2)
                    let5 = Math.random().toString(36).substr(2)
                    this.token = let1 + let2 + let3
                },
                resetpincode: function(e) {
                    e.preventDefault();
                    data = {
                        '_token': "{{ csrf_token() }}",
                        'user_id': {!! $user->id !!}
                    }
                    Swal.showLoading()
                    adawe('{{ route('admin.users.updatepincode') }}', data)
                },
                resetgoogle2fa: function(e) {
                    e.preventDefault();
                    data = {
                        '_token': "{{ csrf_token() }}",
                        'user_id': {!! $user->id !!}
                    }
                    Swal.showLoading()
                    adawe('{{ route('admin.users.updategoogle2fa') }}', data)
                }


            },
            created() {
                // تفعيل select2 لحقل الفيندور إذا كان موجوداً
                this.$nextTick(() => {
                    if ($('#vendor_id').length) {
                        $('#vendor_id').select2();
                    }
                })
            }
        });
    </script>
@endsection