@extends("admin.layout.app")
@section("title","Admin Dashboard")

@section("content")
<div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block">
                                    <div class="card card-bordered">
                                        <div class="card-aside-wrap">
                                            <div class="card-inner card-inner-lg">
                                                <div class="nk-block-head nk-block-head-lg">
                                                    <div class="nk-block-between">
                                                        <div class="nk-block-head-content">
                                                            <h4 class="nk-block-title">Personal Information</h4>
                                                            <!--<div class="nk-block-des">-->
                                                            <!--    <p>Basic info, like your name and address, that you use on Nio Platform.</p>-->
                                                            <!--</div>-->
                                                        </div>
                                                        <div class="nk-block-head-content align-self-start d-lg-none">
                                                            <a href="#" class="toggle btn btn-icon btn-trigger mt-n1" data-target="userAside"><em class="icon ni ni-menu-alt-r"></em></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card card-bordered">
                                            <div class="card-inner">
                                                <!--<div class="card-head">-->
                                                <!--    <h5 class="card-title">Personal Information</h5>-->
                                                <!--</div>-->
                                                <form action="{{route('admin.profile')}}" method="POST" enctype="multipart/form-data">
                                                    @csrf
                                                    <div class="row g-4">
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="name">Name</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control " name="name" id="name" value="{{ auth()->user()->name }}" placeholder="Enter Your Name">
                                                                    @error('name')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--<div class="col-md-6 col-lg-4 col-xl-4">-->
                                                        <!--    <div class="form-group">-->
                                                        <!--        <label class="form-label" for="username">User Name</label>-->
                                                        <!--        <div class="form-control-wrap">-->
                                                        <!--            <input type="text" class="form-control " name="username" id="username" value="{{ auth()->user()->userInfo->username }}" placeholder="Enter Your User Name">-->
                                                        <!--            @error('username')-->
                                                        <!--            <p style="color:red;">{{$message}}</p>-->
                                                        <!--            @enderror-->
                                                        <!--        </div>-->
                                                        <!--    </div>-->
                                                        <!--</div>-->
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="email">Email Address</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="email" class="form-control " name="email" id="email" value="{{ auth()->user()->email }}" placeholder="Enter Your Email">
                                                                    @error('email')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="user_phone">Phone No</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control " name="user_phone" id="user_phone"  value="{{ auth()->user()->user_phone }}" placeholder="Enter Your Phone No.">
                                                                    @error('user_phone')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            
                                                            <div class="form-group">
                                                                <label class="form-label">Status</label>
                                                                <div class="form-control-wrap ">
                                                                    <select class="form-select " name="status">
                                                                        <option>Active</option>
                                                                        <option>Inactive</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label">DOB</label>
                                                                <div class="form-control-wrap focused">
                                                                    <div class="form-icon form-icon-left">
                                                                        <em class="icon ni ni-calendar"></em>
                                                                    </div>
                                                                    <input type="text" class="form-control date-picker " name="user_dob" value="{{ auth()->user()->userInfo->user_dob }}" id="user_dob" data-date-format="yyyy-mm-dd">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="user_location">Location</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control " name="user_location" id="user_location" value="{{ auth()->user()->userInfo->user_location }}" placeholder="Enter your location">
                                                                    @error('user_location')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="customFileLabel">Photo</label>
                                                                <div class="form-control-wrap">
                                                                    <div class="custom-file">
                                                                        <input type="file" class="custom-file-input " name="user_photo" id="user_photo">
                                                                        <label class="custom-file-label" for="user_photo">Choose file</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <div class="user-avatar ">
                                                                <img src="{{asset('/backend/AdminProfile/'.auth()->user()->userInfo->user_photo)}}" alt="img...." class="img-fluid" />
                                                            </div>
                                                            </div>
                                                            
                                                        </div>
                                                        
                                                        <div class="col-lg-12">
                                                            <div class="form-group">
                                                                <label class="form-label" for="user_address">Address</label>
                                                                <div class="form-control-wrap">
                                                                    <textarea class="form-control form-control-sm " name="user_address" id="user_address" placeholder="Enter your address" style="height: 72px;">{{ auth()->user()->userInfo->user_address }}</textarea>
                                                                    @error('user_address')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <button type="submit" class="btn btn-lg btn-primary">Update Profile</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                            </div>
                                            <div class="card-aside card-aside-left user-aside toggle-slide toggle-slide-left toggle-break-lg toggle-screen-lg" data-content="userAside" data-toggle-screen="lg" data-toggle-overlay="true">
                                                <div class="card-inner-group" data-simplebar="init"><div class="simplebar-wrapper" style="margin: 0px;"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset" style="right: 0px; bottom: 0px;"><div class="simplebar-content-wrapper" style="height: auto; overflow: hidden;"><div class="simplebar-content" style="padding: 0px;">
                                                    <div class="card-inner">
                                                        <div class="user-card">
                                                            <div class="user-avatar ">
                                                                <img src="{{ (!empty(auth()->user()->userInfo->user_photo)) ? url('/backend/AdminProfile/'.auth()->user()->userInfo->user_photo) :  asset('backend/user.png') }}" alt="img...." class="img-fluid" />
                                                            </div>
                                                            <div class="user-info m-0">
                                                                <span class="lead-text">{{ auth()->user()->name }}</span>
                                                                <span class="sub-text">{{ !empty(auth()->user()->email)? auth()->user()->email : auth()->user()->user_phone }}</span>
                                                            </div>
                                                            <!--<div class="user-action">-->
                                                            <!--    <div class="dropdown">-->
                                                            <!--        <a class="btn btn-icon btn-trigger mr-n2" data-toggle="dropdown" href="#"><em class="icon ni ni-more-v"></em></a>-->
                                                            <!--        <div class="dropdown-menu dropdown-menu-right">-->
                                                            <!--            <ul class="link-list-opt no-bdr">-->
                                                            <!--                <li><a href="#"><em class="icon ni ni-camera-fill"></em><span>Change Photo</span></a></li>-->
                                                            <!--                <li><a href="#"><em class="icon ni ni-edit-fill"></em><span>Update Profile</span></a></li>-->
                                                            <!--            </ul>-->
                                                            <!--        </div>-->
                                                            <!--    </div>-->
                                                            <!--</div>-->
                                                        </div>
                                                    </div>
                                                    <div class="card-inner">
                                                        <div class="user-account-info py-0">
                                                            <div class="user-balance-sub">Role:<span> {{ auth()->user()->role }}</span></div>
                                                            <div class="user-balance-sub">Status: <span> {{ auth()->user()->status }}</span></div>
                                                        </div>
                                                    </div>
                                                    <div class="card-inner p-0">
                                                        <ul class="link-list-menu">
                                                            <li><a class="active" href="{{route('admin.profile')}}"><em class="icon ni ni-user-fill-c"></em><span>Personal Infomation</span></a></li>
                                                            <!--<li><a class="" href="html/user-profile-notification.html"><em class="icon ni ni-edit"></em><span>Update Profile</span></a></li>-->
                                                            <li><a href="{{route('admin.editpassword')}}"><em class="icon ni ni-activity-round-fill"></em><span>Change Password</span></a></li>
                                                        </ul>
                                                    </div>
                                                </div></div></div></div><div class="simplebar-placeholder" style="width: auto; height: 504px;"></div></div><div class="simplebar-track simplebar-horizontal" style="visibility: hidden;"><div class="simplebar-scrollbar" style="width: 0px; display: none;"></div></div><div class="simplebar-track simplebar-vertical" style="visibility: hidden;"><div class="simplebar-scrollbar" style="height: 0px; display: none;"></div></div></div><!-- .card-inner-group -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
@endsection
@push("script")
@if(Session::has('msg'))
        @switch(Session::get('status'))
        
        @case('success')
        <script>
            toastr.options = {
            "closeButton": true,
            "progressBar": true,
            "positionClass": "toast-top-center"
            }
            toastr.success("{{ Session::get('msg') }}");
        </script>
        @break

        @case('error')
        <script>
            toastr.options = {
            "closeButton": true,
            "progressBar": true,
            "positionClass": "toast-top-center"
            }
            toastr.error("{{ Session::get('msg') }}");
        </script>
        @break

        @endswitch
@endif
@endpush