@extends('admin.layout.master')
@section('content')
@include('admin/nadel.user_profile_js')
<div class="container">
    <div class="row   justify-content-between p-3 rounded m-2  bg-light">
        <div class="col-6 col-md-6 align-self-center">
            <a class='text-decoration-none fw-bold  text-dark breadc' href="">
                Home / User Profile
            </a>
        </div>
    </div>
    <div class="row mt-3">
        <div class="col-md-8 offset-md-2">
            <div class="py-2">
            <a href='#'class="bg-light_c rounded text-decoration-none p-1 text-dark">
                Personel Info
            </a>
            </div>
            <div class="card p-2 mt-l">
                <div class="row">
                    <div class="col-md-8">
                        <form action="">
                            <div class="mb-3">
                                <label for="exampleInputEmail1" class="form-label label">Email</label>
                                <input type="text" class="form-control  rounded-pill bg-light_c" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder='email'>
                            </div>
                            <div class="mb-3">
                                <label for="exampleInputEmail1" class="form-label label">Mobile No</label>
                                <input type="text" class="form-control  rounded-pill bg-light_c" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder='0333999'>
                            </div>
                            <button type="submit" class="btn btn-warning col-bt rounded-pill mt-4 text-white">Update</button>
                        </form>
                    </div>
                    <div class="col-12 col-md-2">
                        <div class="container mt-lg-2 pt-3 ">
                            <label class="upload-btn-wrapper bg-light_c" for="file"> <span class=" p-1 text-start"><i class="bi bi-camera pe-1"></i>Click Here</span>
                                <img src="" class="img-fluid" alt="" id="preview">
                            </label>
                            <input type="file" name="Upload_logo" id="file" class="d-none  bg-light_c" onchange="itemname(event)" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-12">
                    <div class="py-2">
                    <a href='#'class="bg-light_c rounded text-decoration-none p-1 mb-2 text-dark">
                    Change Password
                    </a>
                    </div>
                    <div class="card p-3 mb-3">
                    <div class="col-md-8">
                        <div class="mb-3">
                            <div class="form-group">
                                <label>Password</label>
                                <div class="input-group position-relative" id="show_hide_password">
                                <input class="form-control rounded-pill bg-light_c" type="password">
                                <div class="input-group-addon position-absolute text-end">
                                    <a class="ms-auto" href=""><i class="fa fa-eye-slash" aria-hidden="true"></i></a>
                                </div>
                                </div>
                            </div>
                        </div>
                        <div class="mb-3">
                            <div class="form-group">
                                <label>Password</label>
                                <div class="input-group position-relative" id="show_hide_password2">
                                <input class="form-control rounded-pill bg-light_c" type="password">
                                <div class="input-group-addon position-absolute text-end">
                                    <a class="ms-auto" href=""><i class="fa fa-eye-slash" aria-hidden="true"></i></a>
                                </div>
                                </div>
                            </div>
                        </div>
                        <div class="mb-3">
                            <div class="form-group">
                                <label>Password</label>
                                <div class="input-group position-relative" id="show_hide_password3">
                                <input class="form-control rounded-pill bg-light_c" type="password">
                                <div class="input-group-addon position-absolute text-end">
                                    <a class="ms-auto" href=""><i class="fa fa-eye-slash" aria-hidden="true"></i></a>
                                </div>
                                </div>
                            </div>
                        </div>
                        <div>
                        <button type="submit" class="btn btn-warning col-bt rounded-pill mt-4 text-white d-inline">Update</button>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .input-group-addon {
        right: 0% !important;
        padding: 7px;
        /* background-color: red; */
    }
</style>
@endsection