@extends('Admin.Layout.main_layout') 	

@section('title','View User')

@section('main_container')

      <!-- partial -->

      <div class="main-panel">

        <div class="content-wrapper">

          <div class="page-header">

            <h3 class="page-title">

             

            </h3>

            <nav aria-label="breadcrumb">

              <ol class="breadcrumb">

                <li class="breadcrumb-item"><a href="#">Home</a></li>

                <li class="breadcrumb-item active" aria-current="page">User</li>

              </ol>

            </nav>

          </div>

          

          <div class="row grid-margin">

            <div class="col-12">

              <div class="card">

                <div class="card-body">

                  <h4 class="card-title">View User</h4>

                  

                 <div class="col-lg-12 grid-margin stretch-card">

                  <div class="card">

                    <div class="card-body">

                      <h4 class="card-title"></h4>

                      <a href="{{ route('users.create') }}" class="btn btn-primary  btn-block-sm" >Add User</a>

                      <div class="table-responsive">

                        <table class="table table-striped">

                          <thead>

                            <tr>

                              <th>No.</th>

                              <th>Name</th>

                              <th>Email</th>

                              <th>Roles</th>

                              <th>Actions</th>

                              

                            </tr>

                          </thead>

                          <tbody>

                              @if(!$users ->isEmpty())

                                            @foreach($users  as $user)

                            <tr>

                              <th scope="row">{{ $user->id }}</th>

                              <td>{{ $user->name }}</td>

                              <td>{{ $user->email }}</td>

                              <td>

                                @foreach($user->roles as $role)

                                  <span class="badge bg-primary" style="color:#fff">{{ $role->name }}</span>

                                @endforeach

                              </td>

                              <td class="text-left">

                                <div class="actions">

                                  <a class="btn btn-sm bg-success-light"  href="{{ route('users.show', $user->id) }}">

                                    <i class="fa fa-view" style="font-size: 2em;"></i> 

                                  </a>

                                  <a class="btn btn-sm bg-success-light"  href="{{ route('users.edit', $user->id) }}">

                                    <i class="fa fa-edit" style="font-size: 2em;"></i> 

                                  </a>

                                  <!-- <a  href="{{ route('users.destroy', $user->id) }}" onclick=""  class="btn btn-sm bg-danger-light">



                                    <i class="fa fa-trash" style="font-size: 2em;"></i> 



                                  </a> -->

                                </div>

                              </td>

                              

                            </tr>

                              @endforeach  

                              @else

                                <p class="text-danger mt-2" style="padding-left:450px;">No Users Available</p>

                              @endif

                            

                              

                            </tbody>

                          </table>

                          {{ $users->links() }}

                      </div>

                    </div>

                  </div>

			          </div>

              </div>

				    </div>

          </div>



        </div>

            

        <!-- content-wrapper ends -->

       @endsection