@include('Admin.layouts.app')
@include('Admin.layouts.sidebar')
@section('title', 'Sub Admin View')
         <!-- Begin Page Content -->
         <div class="container-fluid">

<!-- Page Heading -->
<h1 class="h3 mb-2 text-gray-800">Sub Admin Details</h1>
<!-- DataTales Example -->
<div class="innerpagedetails card shadow mb-4">
    <div class="card-header">
        <h6 class="m-0 font-weight-bold text-primary"><a href="{{route('admin.subadmins')}}"><i class="fa fa-chevron-left"></i></a> Sub Admin Details</h6>
    </div>
  
    <section  class="user-page" >
    <div class=" mt-4">
    

    <div class=" mb-4">
     
      <div class="card-body">
        <div class="row my-3">
         
        
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Name</h4>
                                            <p class="text-18-black">{{$user->name}}</p>
                                        </div>
                                        <div class="col-lg-8">
                                            <h4 class="mb-0">Email</h4>
                                            <p class="text-18-black">{{$user->email}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Phone</h4>
                                            <p class="text-18-black">{{$user->phone}}</p>
                                        </div>
                                       
                                        <div class="container mt-5">
    <div class="row">
        <div class="col-md-4">
        <h4>Accessed Pages:</h4>
            <ul id="page-list" class="list-group">
            @if(count($user->pages_access) > 0)
    @foreach($user->pages_access as $page)
        <li class="list-group-item">{{$page->name}}</li>
    @endforeach
@else
    <p>No Page Access</p>
@endif
             
                <!-- Add more pages here -->
            </ul>
        </div>
        
    </div>
</div>
                                      
        </div>
      </div>
    </div>

    </section>

</div>

</div>
<!-- /.container-fluid -->
    </div>
    <!-- End of Main Content -->
 



@include('Admin.layouts.footer')
@include('Admin.layouts.modal')