@extends('vendors.layouts.master')


@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-->
                  
                    <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>
                                    </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('vue')
    <script>
        // Click on a <p> element to alert a text
        app = new Vue({
            'el': '#blogId',
            data: {
                blockes: [],
                game_id: '',
                service_id: '',
                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': {{ (int) $user->id }}
                    }
                    Swal.showLoading()
                    adawe('{{ route('vendor.users.changePassword') }}', data)
                },
             
                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 = {{ (int) $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
                }

            },
            created() {

            }
        });
    </script>
@endsection