@extends('layouts.admin-layouts.admin-master')
@section('content')
<div class="page-content fade-in-up">
    <div class="ibox">
        <div class="row">
            <div class="col-lg-5 col-sm-11 m-5">
                <h3>Profile Detail</h3>
                <div class="text-danger print-error-msg-profile" style="display:none">

                    <ul></ul>
            
                </div>
                <form action="#" id="updateAdminProfileForm">
                <div class="row">
                        @csrf
                        <div class="col-sm-12 form-group">
                            <label>Name</label>
                            <input class="form-control @error('name') is-invalid @enderror" type="text"
                                placeholder="Enter Name" name='name' value="{{Auth::user()->name}}">
                            @error('name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-sm-12 form-group">
                            <label>Username</label>
                            <input class="form-control" type="text" value="{{Auth::user()->username}}" readonly>
                        </div>
                        <div class="col-sm-12 form-group">
                            <label>Email Address</label>
                            <input class="form-control @error('email') is-invalid @enderror" type="text"
                                placeholder="Enter Email Address" name='email' value="{{Auth::user()->email}}">
                            @error('email')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-sm-12 form-group">
                            <button class="btn btn-info mr-2 float-right" id="updateAdminProfileButton" type="button">Update Profile</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-lg-5 col-sm-11 m-5">
                <h3>Change password</h3>
                <div class="text-danger print-error-msg-password" style="display:none">

                    <ul></ul>
            
                </div>
                <form action="#" id="updatePasswordAdmin">
                <div class="row">
                        @csrf
                        <div class="col-sm-12 form-group">
                            <label>Old Password</label>
                            <input class="form-control @error('old_password') is-invalid @enderror" type="password"
                                placeholder="Enter Old Password" name='old_password'>
                            @error('old_password')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-sm-12 form-group">
                            <label>New Password</label>
                            <input class="form-control @error('password') is-invalid @enderror" type="password"
                                placeholder="Enter New Password" name='password'>
                            @error('password')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-sm-12 form-group">
                            <label>Confirm Password</label>
                            <input class="form-control @error('password_confirmation') is-invalid @enderror" type="password"
                                placeholder="Enter New Password Again" name='password_confirmation'>
                            @error('password_confirmation')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-sm-12 form-group">
                            <button class="btn btn-info mr-2 float-right" id="updatePassword" type="button">Update Password</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>    
    </div>
</div>
@endsection

@section('js-script')
<script type="text/javascript">
    $(document).ready(function () {
        // Update Password
        $('#updatePassword').click(function () {
            $.ajax({
                method: "POST",
                url: "admin-password",
                data: $('#updatePasswordAdmin').serialize(),
            }).done(function (res) {
                if (res.success) {
                    Swal.fire({
                        icon: 'success',
                        title: res.success,

                        showConfirmButton: false,
                        timer: 2000
                    })
                    setTimeout("location.reload(true);", 2000);

                } else {

                    $(".print-error-msg-password").find("ul").html('');
                    $(".print-error-msg-password").css('display', 'block');
                    $.each(res.error, function (key, value) {
                        $(".print-error-msg-password").find("ul").append('<li>' + value +
                            '</li>');
                    });
                    if(res.custom_error)
                    {
                        $(".print-error-msg-password").find("ul").append('<li>' + res.custom_error +'</li>');
                    }
                }
            });


        })

        // Update Profile
        $('#updateAdminProfileButton').click(function () {
            $.ajax({
                method: "POST",
                url: "admin-profile-update",
                data: $('#updateAdminProfileForm').serialize(),
            }).done(function (res) 
            {

                $(".print-success-msg").css('display', 'block');
                $(".print-success-msg").text(res.success);
                if (res.success) 
                {
                    $("#updateAdminProfileForm")[0].reset();
                    $('#editAdminProfilePopup').modal('hide');
                    Swal.fire({

                        icon: 'success',
                        title: res.success,
                        showConfirmButton: false,
                        timer: 1500

                    })
                    setTimeout("location.reload(true);", 1500);
                } 
                else 
                {
                    $(".print-error-msg-profile").find("ul").html('');
                    $(".print-error-msg-profile").css('display', 'block');
                    $.each(res.error, function (key, value) {
                        $(".print-error-msg-profile").find("ul").append('<li>' + value +
                            '</li>');
                    });
                }
            });
        })
              


    });

</script>

@endsection