@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">Service Charges Setting</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">Setting</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
     <form class="row"  method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="col-md-6 col-sm-6">
                        <label for="input1" class="form-label">Dob Service</label>
                        <input type="number" class="form-control" name="dob_service" value="{{$info->info_one ?? ""}}">
                     </div>
                  
                    <div class="col-md-12 col-sm-12 mt-3">
                        <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