@extends('backend.admin-master')
@section('site-title')
    {{__('Dashboard')}}
@endsection
@section('content')

          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->
            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Saarthi.AI DB /</span> User details View</h4>
              <div class="mt-2 mb-4">
                <a type="submit" href="{{route('superadmin.saarthiuserlist')}}" class="btn btn-outline-secondary me-2">Back</a>
						    <a  href="{{route('superadmin.saarthiusertelecalling', $user_details->id)}}" class="btn btn-outline-secondary me-2"> Telecalling Info</a>
              </div>
			        <!-- Horizontal -->
              <div class="row mb-3">
                <div class="card ">
                  <div class="table-responsive text-nowrap mb-3 mt-3">
                    <table class="table table-bordered">
                      <thead>
                        <tr>                      
                          <th>Title</th>
                          <th>Deatils</th>
                        </tr>
                      </thead>
                      <tbody class="table-border-bottom-0">
                                                @forelse($information as $key => $value)
                        <tr>
                          <td>{{ ucfirst(str_replace('_', ' ', $key)) }}</td>
                          <td>{{$value}} </td>
                        </tr>
                        @empty
                        <tr><td colspan="7"><h4 class="text-center text-muted">No Records Found !</h4></td></tr>
                        @endforelse
                        <tr>
                          <td>Email Id</td>
                          <td>{{$user_details->email}}</td>
                        </tr>
                        <tr>
                          <td>Contact No.</td>
                          <td> {{$user_details->phone }}</td>
                        </tr>					
                      </tbody>
                    </table>
                  </div>			
                </div>
              </div>
            </div>
          </div>    
            <!-- / Content -->

<script>
  $(document).ready(function(){
    $("#myTab a").click(function(e){
      e.preventDefault();
      $(this).tab('show');
    });


     $('#buddy_payout_updations .page-link').each(function() {
        // Get the href attribute value for each element
        var originalHref = $(this).attr('href');

        // Append #buddy_payout_updations to the href
        var newHref = originalHref + '#buddy_payout_updations';

        // Update the href attribute with the new value for each element
        $(this).attr('href', newHref);
      });
  });


function restrictToNumbers(input) {
  var maxLength = 100;
  // Remove non-numeric characters using a regular expression
  input.value = input.value.replace(/[^0-9]/g, '');

  // Limit the maximum length of the input
  if (parseInt(input.value, 10) > 100) {
    input.value = '100';
  }
}
</script>
<style type="text/css">
  #buddy_payout_updations td {
    padding: 5px;
    font-size: 14px;
}
 #buddy_payout_updations td input {
    font-size: 13px;
    padding: 4px;
  }
</style>

@endsection