@extends('dashboard.layouts.master')
@section('content')
    <div class="card">
        <div class="card-header">
            <h3>الملف الشخصي</h3>
        </div>
        <div class="card-body pb-0">
            <form class="form" method="post" action="{{route('dashboard.updateProfile')}}" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-md-6 form-group">
                        <label class="form-label">اسم المستخدم</label>
                        <input class="form-control" name="name" value="{{admin()->name}}" type="text" placeholder="">
                    </div>
                    <div class="col-md-6 form-group">
                        <label class="form-label">رقم الجوال</label>
                        <input class="form-control" type="number" name="phone" value="{{admin()->phone}}" placeholder="">
                    </div>
                    <div class="col-md-6 form-group">
                        <label class="form-label">البريد الإلكتروني</label>
                        <input class="form-control" value="{{admin()->email}}" name="email" type="email" placeholder="">
                    </div>
                    <div class="col-md-6 form-group">
                        <label class="form-label">كلمة المرور</label>
                        <input class="form-control" type="password" name="password" placeholder="">
                        <a href="javascript:;" id="togglePassword"> <i class="fa fa-eye"></i></a>
                        <span class="text-dark">كلمه المرور يجب ان تحتوي علي الاقل علي حرف كبير وحرف صغير ورمز و رقم</span>
                    </div>
                    <div class="col-md-6 form-group flex-upload">
                        <label class="form-label">الصورة</label>
                        <input type="file" accept="image/*" class="photo form-control" name="photo"/>
                        <img class="image_preview" src="{{getFile(admin()->photo)}}" style="width: 100px ; height: 100px" alt="">
                    </div>


                </div>
                <div class="card-footer">
                    <button class="btn btn-primary btn-air-primary btn-icon" type="submit">
                        <i class="fa fa-save"></i>
                        حفظ
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection
@push('js')
    <script>
        $('#togglePassword').on('mouseenter', function () {
            $(this).find('i').addClass('fa-eye-slash');
            $('input[name="password"]').attr('type', 'text')
        })
        $('#togglePassword').on('mouseleave', function () {
            $(this).find('i').removeClass('fa-eye-slash');
            $('input[name="password"]').attr('type', 'password')
        })
    </script>
@endpush