@extends('dashboard.base')

@section('content')

        <div class="container-fluid">
          <div class="animated fadeIn">
            <div class="row justify-content-center">
              <div class="col-sm-12 col-md-8 col-lg-6">
                <div class="card">
                    <div class="card-header">
                      <h4 class="m-0">Detail User</h4>  
                    </div>
                    <div class="card-body">
                      <table class="table table-responsive table-borderless">
                        <tbody>
                          <tr>
                            <td><h5>Name</h5></td>
                            <td><h5>: {{ $user->name }}</h5></td>
                          </tr>
                          <tr>
                            <td><h5>E-mail</h5></td>
                            <td><h5>: {{ $user->email }}</h5></td>
                          </tr>
                          <tr>
                            <td><h5>Role</h5></td>
                            <td>
                              @foreach ($user->roles->pluck('name') as $role)
                                <h5>: <span class="badge badge-pill badge-dark">{{ $role }}</span></h5>
                              @endforeach
                            </td>
                          </tr>
                          <tr>
                            <td><h5>Instansi</h5></td>
                            <td><h5>: {{ $user->instansi ? $user->instansi->name : '' }}</h5></td>
                          </tr>
                        </tbody>
                      </table>
                        <a href="{{ route('users.index') }}" class="btn btn-outline-dark">{{ __('Back') }}</a>
                    </div>
                </div>
              </div>
            </div>
          </div>
        </div>

@endsection


@section('javascript')

@endsection