@extends('admin.layouts.app')
@push('style')
    <link rel="stylesheet" href="//cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
@endpush
{{-- @section('pagetitlesection')
    <li class="nav-item d-none d-sm-inline-block">
        <a href="{{ Route::currentRouteName() }}" class="nav-link custom-cumb">{{ __('Dashboard') }}</a>
    </li>
@endsection --}}
@section('content')

    <section class="section dashboard">
        <div class="row ">
            <div class="line-hdr">
                <h4 class="prsnl-prfl-heading">Personal Profile update</h4>
            </div>

            <div class="prsnl-prfl-updt">

                <div class="log-in-right ">

                    <form method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            {{-- <div class="col-md-12 mb-4">
                                <div>
                                    <img src="{{ auth()->user()?->profile_picture }}" id="blah" class="rounded-full "
                                        width="80" height="80">
                                </div>
                                <label class="form-label mb-3">Profile Image</label>
                                <input type="file"
                                    onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])"
                                    id="profile_image" name="profile_image"
                                    accept="image/jpeg,image/png,image/jpg,image/gif">
                                @error('profile_image')
                                    <span class="text-sm mt-1 text-danger">
                                        {{ $message }}
                                    </span>
                                @enderror
                            </div> --}}
                            <div class="col-lg-6 col-md-6 col-12 mb-4">
                                {{-- <label class="form-label mb-3">Enter First Name<span class="text-danger">*</span></label> --}}
                                <label class="mb-3">Enter First Name<span class="text-danger">*</span></label>
                                <input id="first_name" class="form-control" type="text" name="first_name"
                                    placeholder="First Name" vue="{{ auth()->user()->first_name }}" />
                                @error('first_name')
                                    <span class="text-sm mt-1 text-danger">
                                        {{ $message }}
                                    </span>
                                @enderror
                            </div>
                            <div class="col-lg-6 col-md-6 col-12 mb-4">
                                <label class="mb-3">Enter Last Name<span class="text-danger">*</span></label>
                                <input id="last_name" class="form-control" type="text" name="last_name"
                                    placeholder="Last Name" value="{{ auth()->user()->last_name }}" />
                                @error('last_name')
                                    <span class="text-sm mt-1 text-danger">
                                        {{ $message }}
                                    </span>
                                @enderror
                            </div>
                            <div class="col-lg-6 col-md-6 col-12 mb-4">
                                <label class="mb-3">Enter Username<span class="text-danger">*</span></label>
                                <input type="text" name="username" class="form-control" id="customerUserName"
                                    value="{{ auth()->user()->username }}" placeholder="Username">
                                @error('username')
                                    <span class="text-sm mt-1 text-danger">
                                        {{ $message }}
                                    </span>
                                @enderror
                            </div>
                            <div class="col-lg-6 col-md-6 col-12 mb-4">
                                <label class="mb-3">Enter Phone<span class="text-danger">*</span></label>
                                <input id="mobile_number" class="form-control" type="number" name="mobile_number"
                                    value="{{ auth()->user()->mobile_number }}" />
                                @error('mobile_number')
                                    <span class="text-sm mt-1 text-danger">
                                        {{ $message }}
                                    </span>
                                @enderror
                            </div>
                            <div class="col-lg-6 col-md-6 col-12 mb-4">
                                <label for="exampleInputEmail1" class="mb-3">Enter your Email id<span class="text-danger">*</span> </label>
                                <input id="email" class="form-control" type="email" name="email"
                                    value="{{ auth()->user()->email }}" readonly disabled />
                                @error('email')
                                    <span class="text-sm mt-1 text-danger">
                                        {{ $message }}
                                    </span>
                                @enderror
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="custom-pass">
                                    <label for="exampleInputPassword" class="form-label mb-3">Enter your Password </label>
                                    <input id="password-field2" type="password" class="form-control" name="password">
                                    <button id="eyepp" type="button">
                                        <i class="fas fa-eye-slash"></i>
                                    </button>
                                </div>
                            </div>

                            <div class="col-lg-6 col-12 mt-5">
                                <button type="submit" class="btn btn-primary ">UPDATE</button>
                            </div>
                        </div>
                    </form>


                </div>








            </div>




        </div>



    </section>


@endsection
@push('scripts')
<script>
    $(document).ready(function() {
        $("#addbranch-btn").click(function() {
            $("#slide-from-right").addClass("show-side-form");
        });

        $("#close-btn").click(function() {
            $("#slide-from-right").removeClass("show-side-form");
        });
    });
</script>
<script>
    $('#eyepp').click(function() {
        console.log("hhhhhh")
        if ($(this).children().hasClass('fa-eye-slash')) {

            $(this).children().removeClass('fa-eye-slash');

            $(this).children().addClass('fa-eye');

            $('#password-field2').attr('type', 'text');

        } else {

            $(this).children().removeClass('fa-eye');

            $(this).children().addClass('fa-eye-slash');

            $('#password-field2').attr('type', 'password');
        }
    });
</script>
@endpush