@extends('dashboard.layout.partials.dashboard')

@section('content')
<div class="form-group row">
    <div class="col-sm-12">
        @if ($errors->any())
            <div class="alert " style="background-color:rgb(153, 51, 0); color:white">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
    <div class="col-sm-12">
        @if (session()->has('message'))
            <div class="alert alert-success">
                {{session('message')}}
            </div>
        @endif
    </div>
    <div class="col-sm-12">
        @if (session()->has('hasError'))
            <div class="alert alert-danger">
                {{session('hasError')}}
            </div>
        @endif
    </div>
</div>


                <div class="card shadow">
                     
                     <div class="card-header bg-color">
        <div class="row">
        <div class="col ">
          <h6 class="text">Forget Password</h6>
        </div>
        <div class="col d-flex justify-content-end ">
          <a class="btn btn-secondary btn-sm text-center my-2" href="{{route('users.create')}}">Add Users</a>
        </div>
        </div>
      </div>
                     
                     
                     
                  <div class="card-body ">
                  	
                       
                  	 	
                  	 	<div class="table-responsive">
                  	  <table class="table table-striped myTable">
                      <thead>
                        <tr>
                          <th> Name </th>
                          <th> Email </th>
                          <th> Role </th>
                          <th> Role Category </th>
                          <th>Approavels</th>
                          <th> Created at </th>
                          <th> Edit </th>
                          <th> Delete </th>
                        </tr>
                      </thead>
                      <tbody>

                      	@foreach($user as $users)
                        <tr>
                          <td class="py-1">
                            {{$users->name ? $users->name : 'N/A'}}
                          </td>
                           <td class="py-1">
                            {{$users->email ? $users->email : 'N/A'}}
                          </td>
                           <td class="py-1">
                            {{ $users->role->role_name ?? 'N/A' }}
                          </td>
                           <td class="py-1">
                            {{$users->subRole->sub_role_name ??  'N/A'}}
                          </td>
                          <td><a class='btn btn-success' href='{{route("approavedSendOtp",[$users->id])}}'>Approaved</a></td>
                          <td> {{$users->created_at ? $users->created_at : ''}} </td>
                          <td> 
                          	<a class="btn btn-inverse-success btn-fw" href="{{route('users.edit',$users->id)}}">Edit</a> 
                          </td>
                          <td> <a class="btn btn-inverse-danger btn-fw" href="{{url('users/delete',$users->id)}}">Delete</a> 
                           </td>
                        </tr>
                        @endforeach
                      </tbody>
                    </table>
                    </div>
                  </div>
                </div>
             

@endsection

@section('javascript')

<script>
	
    //data-table work
        $(document).ready( function () {
            $('.myTable').DataTable();
        } );
     

</script>

<style>
    .bg-color{
        background-color:white;
        padding-top:20px;
    }
    .text{
        font-size: 24px; 
        font-family: "Arial", sans-serif; 
    font-weight: bold;
    color:black;
    font-family: "Arial", sans-serif; 
    }
</style>

@endsection