@extends('frontend.layouts-user.app')
@section('title')@endsection
@section('content')
<!--start content-->
          <main class="page-content">
              
            <div class="row">
              <div class="col-lg-4">
                <div class="card radius-10">
                  <div class="card-body">
                    <a href="{{ url('my-profile')}}">
                      <div class="d-flex align-items-center">
                          <div>
                             
                              <h4 class="my-1">My Profile</h4>
                              <p class="mb-0 font-13 text-danger"> Manage profile settings, profile <br> customizable options</p>
                          </div>
                          <div class="widget-icon-large bg-gradient-purple text-white ms-auto"><i class="bi bi-people-fill"></i>
                          </div>
                      </div>
                      </a>
                  </div>
                </div>
               </div>
               <div class="col-lg-4">
                  <div class="card radius-10">
                    <div class="card-body">
                      <a href="#">
                        <div class="d-flex align-items-center">
                            <div>
                            
                                <h4 class="my-1">My Website</h4>
                                <p class="mb-0 font-13 text-danger"> Attractive templates professionally customizable features</p>
                            </div>
                            <div class="widget-icon-large bg-gradient-success text-white ms-auto"><i class="bi bi-globe"></i>
                            </div>
                        </div>
                        </a>
                    </div>
                </div>
               </div>
             <div class="col-lg-4">
                <div class="card radius-10">
                  <div class="card-body">
                  <a href="#">
                      <div class="d-flex align-items-center">
                          <div>
                             
                              <h4 class="my-1">Hosting Plans</h4>
                              <p class="mb-0 font-13 text-danger"> Web hosting services, Affordable deal, Website promotion</p>
                          </div>
                          <div class="widget-icon-large bg-gradient-danger text-white ms-auto"><i class="bi bi-hdd-stack"></i>
                          </div>
                      </div>
                      </a>
                  </div>
               </div>
               </div>


                  <div class="col-lg-4">
                <div class="card radius-10">
                  <div class="card-body">
                        <a href="#">
                      <div class="d-flex align-items-center">
                          <div>
                             
                              <h4 class="my-1">Domain/Subdomain</h4>
                              <p class="mb-0 font-13 text-danger"> Smart Domain Search bar, Free Website, <br>Affordable Domain Name, Free Hosting with Sub-Domain</p>
                          </div>
                          <div class="widget-icon-large bg-gradient-purple text-white ms-auto"><i class="bi bi-globe"></i>
                          </div>
                      </div>
                      </a>
                  </div>
                </div>
               </div>
           <div class="col-lg-4">
                  <div class="card radius-10">
                    <div class="card-body">
                          <a href="{{ url('business-listing') }}">
                        <div class="d-flex align-items-center">
                            <div>
                            
                                <h4 class="my-1">Business Listing</h4>
                                <p class="mb-0 font-13 text-danger">Easy business listing, Wide range of categories for every profession</p>
                            </div>
                            <div class="widget-icon-large bg-gradient-success text-white ms-auto"><i class="bi bi-hdd-stack"></i>
                            </div>
                        </div>
                        </a>
                    </div>
                </div>
               </div>
             <div class="col-lg-4">
                <div class="card radius-10">
                  <div class="card-body">
                   <a href="{{ url('blog') }}">
                      <div class="d-flex align-items-center">
                          <div>
                             
                              <h4 class="my-1">Blogs</h4>
                              <p class="mb-0 font-13 text-danger">Professionally-designed website themes, Easy Download Options</p>
                          </div>
                          <div class="widget-icon-large bg-gradient-danger text-white ms-auto"><i class="bi bi-download"></i>
                          </div>
                      </div>
                      </a>
                  </div>
               </div>
               </div>
             
            </div><!--end row-->
            <div class="card radius-10">
              <div class="card-header bg-transparent">
                <div class="row g-3 align-items-center">
                  <div class="col">
                    <h5 class="mb-0">My Profile</h5>
                  </div>
                  <div class="col">
                    <div class="d-flex align-items-center justify-content-end gap-3 cursor-pointer">
                      <div class="dropdown">
                        <a class="dropdown-toggle dropdown-toggle-nocaret" href="#" data-bs-toggle="dropdown"><i class="bx bx-dots-horizontal-rounded font-22 text-option"></i>
                        </a>
                    
                      </div>
                    </div>
                  </div>
                 </div>
              </div>
              <div class="card-body">
                <div class="table-responsive">
					<table class="table align-middle mb-0">
					<thead class="table-dark">
						<tr>
							<th>Full Name</th>
							<th>Email</th>
							<th>mobile</th>
							<th>Gender</th>
							<th>Actions</th>
						</tr>
					</thead>

					<tbody>
					@forelse($userprofile as $user)
						<tr>
							<td>
								{{ $user->first_name }} {{ $user->last_name }}
							</td>

							<td>{{ $user->email ?? '-' }}</td>
							<td>{{ $user->mobile ?? '-' }}</td>
							<td>{{ $user->gender }}</td>

							<td>
								<div class="d-flex align-items-center gap-3 fs-6">
									<a href="#" class="text-primary">
										<i class="bi bi-eye-fill"></i>
									</a>
									<a href="#" class="text-warning">
										<i class="bi bi-pencil-fill"></i>
									</a>
								</div>
							</td>
						</tr>
					@empty
						<tr>
							<td colspan="6" class="text-center text-danger">
								No Profile Found
							</td>
						</tr>
					@endforelse
					</tbody>
				</table>
                </div>
              </div>
            </div>

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