@extends('Admin/Layouts/app')
@section('content')
<div class="container-fluid p-3">
    <div class="row">
        <div class="col-lg-12 col-md-12 col-12">
            <!-- Page header -->

            <div class="border-bottom pb-4 mb-4">
                <h3 class="mb-0 fw-bold">Account Settings</h3>

            </div>

        </div>
    </div>
    <div class="row mb-8">
        <div class="col-xl-3 col-lg-4 col-md-12 col-12">
            <div class="mb-4 mb-lg-0">
                <h4 class="mb-1">Profile Setting</h4>
                <p class="mb-0 fs-5 text-muted">Profile configuration settings </p>
            </div>

        </div>
        <div class="col-xl-9 col-lg-8 col-md-12 col-12">
            <form action="/Admin/update-admin-account" method="post" enctype="multipart/form-data">
                @csrf
                <!-- card -->
                <div class="card">
                    <!-- card body -->
                    <div class="card-body">
                        <div class=" mb-6">
                            <h4 class="mb-1">Profile Settings</h4>

                        </div>
                        <div class="row align-items-center mb-8">
                            <div class="col-md-3 mb-3 mb-md-0">
                                <h5 class="mb-0">Avatar</h5>
                            </div>
                            <div class="col-md-9">
                                <div class="d-flex align-items-center">
                                    <div class="me-3">
                                        @if($data->user_photo!="")
                                        <img src="{{URL($data->user_photo)}}"
                                            class="rounded-circle avatar avatar-lg" alt="">
                                        @else
                                        <img src="{{URL('other.png')}}" class="rounded-circle avatar avatar-lg" alt="">
                                        @endif
                                    </div>
                                    <div>
                                        <button type="button" class="btn btn-outline-white
                        me-1" onclick="$('#user_photo').click()">Change</button>
                                        <a href="/Admin/remove-admin-image" class="btn btn-outline-white">Remove</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <input type="file" style="visibility: hidden;" name="user_photo" id="user_photo"
                            accept="image/jpg,image/jpeg,image/png,image/webp">
                        <!-- col -->

                        <div>
                            <!-- border -->
                            <div class="mb-6">
                                <h4 class="mb-1">Basic information</h4>

                            </div>
                            <form>
                                <!-- row -->

                                <div class="mb-3 row">
                                    <label for="fullName" class="col-sm-4 col-form-label
                      form-label">Full name</label>
                                    <div class="col-sm mb-3 mb-lg-0">
                                        <input type="text" class="form-control" placeholder="Full name" id="fullName"
                                            required name="name" value="{{$data->name}}">
                                    </div>
                                </div>

                                <!-- row -->
                                <div class="mb-3 row">
                                    <label for="email" class="col-sm-4 col-form-label
                      form-label">Email</label>
                                    <div class="col-md-8 col-12">
                                        <input type="email" class="form-control" placeholder="Email" id="email" required
                                            name="email" value="{{$data->email}}">
                                    </div>
                                </div>
                                <!-- row -->
                                <div class="mb-3 row">
                                    <label for="phone" class="col-sm-4 col-form-label
                      form-label">Phone <span class="text-muted">(Optional)</span></label>
                                    <div class="col-md-8 col-12">
                                        <input type="text" class="form-control" placeholder="Phone" id="phone" required
                                            name="phone" value="{{$data->mobile_no}}">
                                    </div>
                                </div>
                                <!-- row -->

                                <div class="row align-items-center">
                                    <div class="offset-md-4 col-md-8 ">
                                        <button type="submit" class="btn btn-primary"> Save
                                            Changes</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

            </form>
        </div>
    </div>
    <div class="row mb-8">
        <div class="col-xl-3 col-lg-4 col-md-12 col-12">
            <div class="mb-4 mb-lg-0">
                <h4 class="mb-1">Password Setting</h4>
                <p class="mb-0 fs-5 text-muted">Add an Password settings to profile </p>
            </div>

        </div>

        <div class="col-xl-9 col-lg-8 col-md-12 col-12">
            <!-- card -->
            <div class="card" id="edit">
                <!-- card body -->
                <div class="card-body">

                    <div class="mb-6 mt-6">
                        <h4 class="mb-1">Change your password</h4>

                    </div>
                    <form action="/Admin/change-admin-password" method="post">
                      @csrf
                        <!-- row -->
                        <div class="mb-3 row">
                            <label for="currentPassword" class="col-sm-4
                    col-form-label form-label">Current password</label>

                            <div class="col-md-8 col-12">
                                <input type="password" class="form-control" name="current_password" required="" value=""
                                    autocomplete="current-password">
                            </div>
                        </div>
                        @if ($errors->has('current_password'))
                        <span class="text-danger">{{ $errors->first('current_password') }}</span>
                        @endif
                        <!-- row -->
                        <div class="mb-3 row">
                            <label for="currentNewPassword" class="col-sm-4
                    col-form-label form-label">New password</label>

                            <div class="col-md-8 col-12">
                                <input type="password" class="form-control" name="new_password" required="" value=""
                                    autocomplete="current-password">
                            </div>
                        </div>
                        @if ($errors->has('new_password'))
                        <span class="text-danger">{{ $errors->first('new_password') }}</span>
                        @endif
                        <!-- row -->
                        <div class="row align-items-center">
                            <label for="confirmNewpassword" class="col-sm-4
                    col-form-label form-label">Confirm new password</label>
                            <div class="col-md-8 col-12 mb-2 mb-lg-0">
                                <input type="password" class="form-control" name="confirm_password" required="" value=""
                                    autocomplete="current-password">
                            </div>@if ($errors->has('confirm_password'))
                            <span class="text-danger">{{ $errors->first('confirm_password') }}</span>
                            @endif
                            <!-- list -->
                            <div class="offset-md-4 col-md-8 col-12 mt-4">
                                <h6 class="mb-1">Password requirements:</h6>
                                <p>Ensure that these requirements are met:</p>
                                <ul>
                                    <li> Minimum 8 characters long the more, the better</li>
                                    <li>At least one lowercase character</li>
                                    <li>At least one uppercase character</li>
                                    <li>At least one number, symbol, or whitespace character
                                    </li>
                                </ul>
                                <button type="submit" class="btn btn-primary">Save
                                    Changes</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    
</div>
@endsection