@extends('frontend.layouts-user.app')
@section('title') {{$$module_name_singular->name}}'s Profile @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">
                          <form method="POST" action="{{ url('profileupdate', encode_id($userprofile->id)) }}" class="row g-3">
								@csrf
								
								<div class="mb-6">
									<label>Update Profile Photo</label>
									<input type="file" name="avatar" class="form-control">
									@error('avatar') <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) }}" readonly>
									@error('username') <small class="text-danger">{{ $message }}</small> @enderror
								</div>

								<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) }}">
								</div>

								<div class="col-6">
									<label class="form-label">Email</label>
									<input type="text" name="email" class="form-control"
										value="{{ old('email', $userprofile->email) }}">
								</div>

								<div class="col-6">
									<label class="form-label">Mobile</label>
									<input type="text" name="mobile" class="form-control"
										value="{{ old('mobile', $userprofile->mobile) }}">
								</div>

								<div class="col-6">
									<label class="form-label">Date of Birth</label>
									<input type="date" name="date_of_birth" class="form-control" value="{{ old('date_of_birth', \Carbon\Carbon::parse($userprofile->date_of_birth)->format('Y-m-d')) }}">
								</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

									@error('gender') <br><small class="text-danger">{{ $message }}</small> @enderror
								</div>

								<div class="col-12">
									<label class="form-label">Bio</label>
									<input type="text" name="bio" class="form-control"
										value="{{ old('bio', $userprofileaddr->bio) }}">
								</div>

								<div class="col-12">
									<label class="form-label">Address</label>
									<input type="text" name="address" class="form-control"
										value="{{ old('address', $userprofileaddr->address) }}">
								</div>

								<div class="text-start">
									<button type="submit" 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">

            <!-- Avatar -->
            <div class="profile-avatar text-center mb-3">
                <img 
                    src="{{ $userprofile->avatar ? asset('storage/'.$userprofile->avatar) : asset('assets/images/avatars/avatar-1.png') }}" 
                    class="rounded-circle shadow" 
                    width="120" height="120" 
                    alt="User Avatar">
            </div>

            <!-- Update Profile (Avatar + Email + Mobile) -->
            <form method="POST" action="{{ url('profile', encode_id($userprofile->id)) }}" enctype="multipart/form-data">
                @csrf
                @method('PUT')


                <div class="mb-3">
                    <label>Primary Number</label>
                    <input type="text" name="mobile" class="form-control"
                           value="{{ old('mobile', $userprofile->mobile) }}">
                </div>

                <div class="mb-3">
                    <label>Primary Email</label>
                    <input type="text" name="email" class="form-control"
                           value="{{ old('email', $userprofile->email) }}">
                </div>

                <button type="submit" class="btn btn-primary px-4">Update</button>
            </form>

        </div>
    </div>

    <!-- Deactivate Account -->
    <div class="card shadow-none border mt-3">
        <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.
                    </p>
                </div>

                <div class="text-start mb-3">
                    <button type="button" class="btn btn-danger px-4">Deactivate Account</button>
                </div>
            </form>
        </div>
    </div>
</div>
            </div><!--end row-->

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

@endsection