@extends('admin.layout.app')
@section('content')
    <div class="content-inner container-fluid pb-0" id="page_layout">
        <div>
            <div class="row">

                <div class="col-xl-12 col-lg-8">
                    <div class="card">

                        @if(session('success'))
                            <div class="alert alert-success" role="alert">
                                {{ session('success') }}
                            </div>
                        @endif
                        @if($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        <form action="{{route('admin.profile.update')}}" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="card-body">
                                <div class="form-group text-center">
                                    <label class="form-label fw-bold">Admin Profile</label>
                                    <div class="profile-img-edit position-relative">
                                        <img
                                            src="{{\Illuminate\Support\Facades\Auth::user()?->getFirstMediaUrl('admin_profile') ? \Illuminate\Support\Facades\Auth::user()->getFirstMediaUrl('admin_profile') :  asset('assets/images/dashboard/64.jpg') }}"
                                            alt="loader-logo"
                                            class="theme-color-default-img profile-pic rounded avatar-100 object-cover"
                                            loading="lazy">
                                        <div class="bg-primary">
                                            <svg class="upload-button icon-14" width="14" height="14"
                                                 viewBox="0 0 24 24">
                                                <path fill="#ffffff"
                                                      d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z"/>
                                            </svg>
                                            <input class="file-upload" type="file" name="admin_profile"
                                                   accept="image/*">
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <div class="card-body">
                                <div class="new-user-info">

                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="fname">Name:</label>
                                            <input type="text" class="form-control" name="name" id="fname"
                                                   value="{{\Illuminate\Support\Facades\Auth::user()->name ?? ''}}">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="email">Email:</label>
                                            <input type="email" name="email" class="form-control" id="email"
                                                   value="{{\Illuminate\Support\Facades\Auth::user()->email ?? ''}}">
                                        </div>
                                    </div>
                                    <!-- Profile update route not requested, so fields are readonly/static for display -->

                                </div>
                            </div>

                            <button type="submit" class="btn btn-primary">Update Profile</button>
                        </form>
                        <hr>
                        <div class="card-body">
                            <div class="new-user-info">


                                <form action="{{ route('profile.password.update') }}" method="POST">
                                    @csrf
                                    <h5 class="mb-3">Change Password</h5>
                                    <div class="row">
                                        <div class="form-group col-md-12">
                                            <label class="form-label" for="current_password">Current Password:</label>
                                            <input type="password" class="form-control" id="current_password"
                                                   name="current_password" required>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="password">New Password:</label>
                                            <input type="password" class="form-control" id="password" name="password"
                                                   required>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="password_confirmation">Confirm
                                                Password:</label>
                                            <input type="password" class="form-control" id="password_confirmation"
                                                   name="password_confirmation" required>
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-primary">Update Password</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection