@extends('layouts.app')

@section('title', ' - Users')

@section('content')
 <div class="container">

  @if (session('info'))
   <div class="alert alert-info">
    {{session('info')}}
   </div>
  @endif

  <a href="{{url('/users/add')}}" class="btn btn-primary mb-2">Add User</a>

  {{ $users->links() }}

  <div class="table-responsive">
   <table class="table table-bordered table-striped">
     <thead class="table-primary">
      
      <tr align="center">
       <td>Sr</td>
       <td>Name</td>
       <td>e-Mail Address</td>
       <td>User Type</td>
       <td>Location</td>
       <td>Action</td>
      </tr>
     </thead>
     <tbody class="table-group-divider">
      
       @foreach ($users as $user)
        <tr>
         <td align="center">{{ $i }}</td>
         <td align="left">{{ $user->name }}</td>
         <td align="left">{{ $user->email }}</td>
         <td align="center">{{ $user->userrole->name }}</td>
         <td align="center">{{ $user->city->name }}</td>
         
         <td align="center">
          <a href="{{ url("/users/edit/$user->id")}}" class="btn btn-primary btn-sm">Edit</a>

          <a href="" type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#delModald{{$user->id}}">Delete</a> 

         </td>
        </tr>
        @php
        $i++
        @endphp
       @endforeach
        
     </tbody>
     <tfoot class="table-group-divider">
       <tr class="table-info">
        <td colspan="6">{{ $users->links() }}</td>
      </tr>
     </tfoot>
   </table>
  </div>


 </div>

 {{--    ====================== Modal  Delete =====================    --}}
    @foreach($users as $user)
        <div class="modal fade" id="delModald{{$user->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title text-warning" id="delModalLabel">Warning!</h5>
                    </div>

                    <div class="modal-body">

                        <form method="post" action="{{url("/users/delete/$user->id")}}">
                            @csrf
                            <h4 class="text-danger" align="center"> Are you sure to delete this record. </h4>
                            
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-danger">Delete</button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
        @endforeach
  {{--    ====================== Modal  Delete =====================--}}
@endsection