@extends('layout.admin')
@section('content')
<style>

.container {
    width: 100%;
    margin: 21px auto;
    padding: 30px;
    background-color: #3e3e3e0a;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
        .table-title {
            text-align: center;
            font-size: 28px;
            font-weight: 700;
            color: #333;
            margin-bottom: 30px;
        }

        .grouptext {
            display: flex;
            justify-content: space-between;
            padding: 10px 0;
            font-size: 18px;
            border-bottom: 1px solid #ddd;
        }

        .grouptext span:first-child {
            font-weight: bold;
            color: #555;
        }

        .grouptext span:last-child {
            color: #333;
        }

        .grouptext:last-child {
            border-bottom: none;
        }

        /* Optional: Add responsive behavior for smaller screens */
        @media (max-width: 768px) {
            .container {
                width: 90%;
                padding: 20px;
            }

            .table-title {
                font-size: 24px;
            }

            .grouptext {
                font-size: 16px;
            }
        }
        .imgapply img{
            width: 150px;
    height: 150px;
    object-fit: fill;
        }

        .grouptextdsf{
            display: grid;
    gap: 10px;
    margin-top: 15px;
    text-align: center;
        }
        .images_finger{
            display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
        }

</style>
<main class="main-wrapper">
    <div class="main-content">
      <!--breadcrumb-->
				<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
					<div class="breadcrumb-title pe-3">{{$row->name}} Details</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"></i></a>
								</li>
								<li class="breadcrumb-item active" aria-current="page">View</li>
							</ol>
						</nav>
					</div>
				
				</div>
				<!--end breadcrumb-->


        <div class="row">
          <div class="col">
            <div class="card">
              <div class="card-body">

                @if (session('success'))
                <div class="alert alert-success border-0 bg-grd-success alert-dismissible fade show">
                    <div class="d-flex align-items-center">
                        <div class="font-35 text-white"><span class="material-icons-outlined fs-2">check_circle</span>
                        </div>
                        <div class="ms-3">
                            <div class="text-white">{{ session('success') }}</div>
                         
                        </div>
                    </div>
                    <button type="button" class="btn-close text-white" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
              @endif


              
                <h5 class="card-title">All Details</h5>
               
                <div class="container">
                    <div class="table-title">User Information</div>
                    <div class="grouptext">
                        <span>Name :</span>
                        <span><b>{{ $row->name }}</b></span>
                    </div>
                  
                  
                    <div class="grouptext">
                        <span>Userid :</span>
                        <span><b>{{ $row->userid }}</b></span>
                    </div>
                   
                    <div class="grouptext">
                        <span>Mobile Number :</span>
                        <span><b>{{ $row->phone }}</b></span>
                    </div>
                    
                    <div class="grouptext">
                        <span>Email :</span>
                        <span><b>{{ $row->email }}</b></span>
                    </div>
                    
                    
                    <div class="grouptext">
                        <span>Password :</span>
                        <span><b>{{ $row->codeid }}</b></span>
                    </div>
                    <div class="grouptext">
                        <span>Wallet Balance :</span>
                        <span><b>Rs.{{ $row->wallet ?? 0 }}</b></span>
                    </div>
                   
                   </div>


                   <form class="row g-3 mt-4" action="/admin/changeuserstatus/{{ $row->id }}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="col-12">
                        <p>All Services Charges</p>
                    </div>
                    <div class="col-md-6 col-sm-6">
                        <label for="input1" class="form-label">Dob Service Charges (Per Request)</label>
                       <input class="form-control" name="dob_charge" value="{{$row->dob_charge ?? 0}}">
                     </div>
                     
                     
                     
                       <div class="col-md-6 col-sm-6">
                        <label for="input1" class="form-label">Change Block Status</label>
                        <select name="is_block" id="" class="form-select">
                            <option  value="N">Active</option>
                            <option  value="Y">In Active</option>
                        </select>
                     </div>
                     
                     
                     <div class="col-md-6 col-sm-6">
                        <label for="input1" class="form-label">Change Verify Status</label>
                        <select name="verify" id="" class="form-select">
                            <option  value="Y">Active</option>
                            <option  value="N">In Active</option>
                        </select>
                    </div>
                    <div class="col-md-6 col-sm-6">
                        <div class="form-label"></div>
                        <br>
                        <button type="submit" class="btn ripple btn-primary px-5">Submit</button>
                    </div>
                    </div>
                    </div>
                
                </form>

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

    </div>
  </main>


@endsection