@extends('frontend.layouts-user.app')
@section('title')@endsection
@section('content')
  <!--start content-->
          <main class="page-content">

            <!--breadcrumb-->
            <div class="page-breadcrumb d-none d-sm-flex align-items-center">
              <div class="breadcrumb-title pe-3 text-white">User Dashboard</div>
              <div class="ps-3">
                <nav aria-label="breadcrumb">
                  <ol class="breadcrumb mb-0 p-0">
                    <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt text-white"></i></a>
                    </li>
                    <li class="breadcrumb-item active text-white" aria-current="page">User Profile</li>
                  </ol>
                </nav>
              </div>
            
            </div>
            <!--end breadcrumb-->
           
            <div class="profile-cover bg-dark"></div>
            
            <div class="row">
              <div class="col-12 col-lg-8">
                <div class="card shadow-sm border-0">
                  <div class="card-body">
                      <h5 class="mb-0">My Account</h5>
                      <hr>
                      <div class="card shadow-none border">
                        <div class="card-header">
                          <h6 class="mb-0">Here fill your details to complete your Gbusiness profile.</h6>
                        </div>
                        <div class="card-body">
							@if(session('success'))
									<div class="alert alert-success">{{ session('success') }}</div>
								@endif
                          <form class="row g-3" action="{{ url('profile-update') }}" method="POST">
							 @csrf
                              <div class="col-6">
                                <label class="form-label">First Name</label>
                                <input type="text" name="first_name" class="form-control"
									value="{{ old('first_name', $userProfile->first_name ?? '') }}">
								@error('first_name')
									<small class="text-danger">{{ $message }}</small>
								@enderror
                            </div>
                            <div class="col-6">
                                <label class="form-label">Last Name</label>
                                <input type="text" name="last_name" class="form-control"
									value="{{ old('last_name', $userProfile->last_name ?? '') }}">
								@error('last_name')
									<small class="text-danger">{{ $message }}</small>
								@enderror
                            </div>
							<div class="col-6">
                                <label class="form-label">Username</label>
                                <input type="text" name="username" class="form-control"
										value="{{ old('username', $userProfile->username ?? '') }}">
									@error('username')
										<small class="text-danger">{{ $message }}</small>
									@enderror
                             </div>
                              <div class="col-6">
                              <label class="form-label">Email address</label>
                              <input type="text" name="email" class="form-control"
									value="{{ old('email', $userProfile->email ?? '') }}">
								@error('email')
									<small class="text-danger">{{ $message }}</small>
								@enderror
                            </div>
                              <div class="col-6">
                              <label class="form-label">Gender</label><br/>
							  <input type="radio" name="gender" value="Male"
								{{ old('gender', $userProfile->gender ?? '') == 'Male' ? 'checked' : '' }}> Male

								<input type="radio" name="gender" value="Female"
								{{ old('gender', $userProfile->gender ?? '') == 'Female' ? 'checked' : '' }}> Female

								<input type="radio" name="gender" value="Other"
								{{ old('gender', $userProfile->gender ?? '') == 'Other' ? 'checked' : '' }}> Other

								@error('gender')
									<small class="text-danger">{{ $message }}</small>
								@enderror
                            </div>
							<div class="col-6">
                              <label class="form-label">Date of Birth</label>
                              <input type="text" name="date_of_birth" class="form-control"
									value="{{ old('date_of_birth', $userProfile->date_of_birth ?? '') }}">
								@error('date_of_birth')
									<small class="text-danger">{{ $message }}</small>
								@enderror
                            </div>
							<div class="card-header">
                          <h6 class="mb-0">CONTACT INFORMATION</h6>
                        </div>
							<div class="col-6">
                              <label class="form-label">Address</label>
                              <input type="text" name="address" class="form-control"
                					value="{{ old('address', $userProfile->address ?? '') }}">
                             </div>
                             <div class="col-6">
                              <label class="form-label">Bio</label>
                              <input type="text" name="bio" class="form-control"
                					value="{{ old('bio', $userProfile->bio ?? '') }}">
                             </div>
							 <div class="text-start">
                        <button type="button" class="btn btn-primary px-4">Update</button>
                      </div>
                          </form>
                        </div>
                      </div>
                    
                  </div>
                </div>
              </div>
              <div class="col-12 col-lg-4">
                <div class="card shadow-sm border-0 overflow-hidden">
                  <div class="card-body">
                      <div class="profile-avatar text-center">
                        <img src="assets/images/avatars/avatar-1.png" class="rounded-circle shadow" width="120" height="120" alt="">
                      </div>

                      <div>
                           
                        <form>
                        <label>Update Profile Photo</label>
                        <input type="file" class="form-control"/>
                         </form>
                      </div>

                      <hr>
                     
                            <div class="card shadow-none border">
                        <div class="card-header">
                          <h6>Update Phone Number</h6>
                          </div>
                            <div class="card-body">
                        <form>
						<div class="mb-3">
								<label>Mobile Number</label>
								<input type="text" class="form-control"/>
						</div>
                     
                   <div class="text-start mb-3">
                        <button type="button" class="btn btn-primary px-4">Update</button>
                      </div>
                         </form>
                         </div>
                         </div>

                           
                            <div class="card shadow-none border">
                        <div class="card-header">
                          <h6>Update Email ID</h6>
                          </div>
                            <div class="card-body">
                        <form>
                 
                     <div class="mb-3">
                         <label>Email</label>
                        <input type="email" class="form-control"/>
                 	</div>
                   <div class="text-start mb-3">
                        <button type="button" class="btn btn-primary px-4">Update</button>
                      </div>
                         </form>
                         </div>
                         </div>


                                    <div class="card shadow-none border">
                        <div class="card-header">
                          <h6>Deactivate Your Account</h6>
                          </div>
                            <div class="card-body">
                        <form>
                
                     <div class="mb-3">
                       <p>To deactivate your account, first delete all of the sites in it. If your site has any Premium Plans or domains connected to it, you'll need to cancel or transfer them first
						© 2025 Global Business Developed By Gbusiness. logo On social networks We use cookies to give you the best online experience. By continuing to browse the site you are agreeing to our use of cookies  
						</p>
                 </div>
                   <div class="text-start mb-3">
                        <button type="button" class="btn btn-danger px-4">Deactive Account</button>
                      </div>
                         </form>
                         </div>
                         </div>
                      </div>
            
            


                </div>
              </div>
            </div><!--end row-->

          </main>
       <!--end page main-->
@endsection