@extends('admin.layouts.main')
<title>userdetails
</title>
 @section('content')

         <section id="content-wrapper">
            <div class="container">
               <div class="row">
                  <div class="col-lg-12">
                     <div class="edit-area">
                        <div class="main-title-area">
                           <div class="title-header">
                              <h2>Users List</h2>
                           </div>
                        </div>
                        <div class="header-edit-area">
                          <!--  <p class="column-indication">Below is a list of restaurant entry</p> -->
                           <a href="{{url('user/register')}}" class="add-item-btn"><i class="fa fa-plus" aria-hidden="true"></i> Add user</a>
                           <div class="Search-sec">
                             <label>Search User </label>
                             <input type="text" id="search-user" placeholder="Search by User Name"></div>
                             <div class="Search-sec"><label>Search Restaurant</label>
                             <input type="text" id="search-restaurant" placeholder="Search by Assigned Restaurant"></div>
                           
                        </div>
                        <div class="table-edit review-table">
                           <div class="table-responsive">
                              <table id="myTable" class="table">
                              <thead>
                                 <tr>                                    
                                    <th>Sr. No.</th>
                                    <th>User Name</th>
                                    <th>Email</th>
                                    <th>Contact No</th>
                                    <th>Street Address</th>
                                     <th>State</th>
                                      <th>City</th>
                                       <th>Zipcode</th>
                                    
                                    <th>Assigned Restaurants</th>
                                    <th>Action</th>
                                 </tr>
                              </thead>
                              <tbody>
                              @php $i=1; @endphp
                              @foreach ($user_restaurants as $k=>$user)
                               
                                 <tr>

                                    
                                    <td>@php echo $i++; @endphp</td>
                                    <td>{{$user['user_info']->first_name }}{{$user['user_info']->last_name}}</td>
                                    <td>{{$user['user_info']->email}}</td>
                                    <td>{{$user['user_info']->phone_no}}</td>
                                    <td>{{$user['user_info']->street_address}}</td>
                                    <td>{{$user['user_info']->state}}</td>
                                    <td>{{$user['user_info']->city}}</td>
                                    <td>{{$user['user_info']->zipcode}}</td>
                                    <td>
            @for($j=0;$j<count($user['restaurants']);$j++)
              @php echo $j+1; @endphp 
              @if($user['restaurants'][$j]['name']!='')
               {{$user['restaurants'][$j]['name']}},{{$user['restaurants'][$j]['location']}}
              @else
               <p>No restaurants assigned</p>
              @endif
                <br>
            @endfor
        </td>
                             
                                
                                

                                      @php $id=$user['user_info']->id; @endphp
                                    <td>
                                      <div class="cus-btn-section">
                                        <div>
                                          <a class="edit-btn user-edit-btn" href="{{ route('update_user_details_view',['id'=>$id])}}"><i class="fa fa-pencil" data-bs-toggle="tooltip" title="Edit User" ></i></a>
                                    <a href="{{ route('update_screen_by_admin_view',['id'=>$id])}}" class="edit-screen-btn"><i class="fa fa-pencil-square-o" data-bs-toggle="tooltip" title="Edit MenuPrice" ></i></a>
                                        </div>
                                        <div>
                                           <a class="assign-btn" href="{{ route('assign_screen_view',['id'=>$id])}}"><i class="fa fa-hand-pointer-o" data-bs-toggle="tooltip" title="Assign Restaurant" ></i></a>
                                       <a href="{{ route('delete_user',['id'=>$id])}}" class="delete-btn" onclick="return confirm('Are you sure you want to remove this user?')"><i class="fa fa-trash-o" data-bs-toggle="tooltip" title="Delete" ></i></a>
                                        </div>
                                      </div>
                                    </td>
                                 </tr>
                                 @endforeach
                                 
                              </tbody>
                           </table>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <div class="overlapbg"></div>
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
         <script>
        $(document).ready(function () {
            // Search by User Name
            $("#search-user").on("keyup", function () {
                var value = $(this).val().toLowerCase();
                $("#myTable tbody tr").filter(function () {
                    $(this).toggle($(this).find("td:nth-child(2)").text().toLowerCase().indexOf(value) > -1);
                });
            });

            // Search by Assigned Restaurant
            $("#search-restaurant").on("keyup", function () {
                var value = $(this).val().toLowerCase();
                $("#myTable tbody tr").filter(function () {
                    $(this).toggle($(this).find("td:nth-child(9)").text().toLowerCase().indexOf(value) > -1);
                });
            });
        });
    </script>
        
         <script>
 if("{{ session()->get('Success') }}"){
                    toastr.success("{{ session()->get('Success') }}");
                }</script>
       @endsection