@extends('layouts.basic')
@section('content')
<div class="container-fluid">
   <div class="page-title">
      <div class="row">
         <div class="col-6">
            <h3>Users  </h3>
         </div>
         <div class="col-6">
            <ol class="breadcrumb">
               <li class="breadcrumb-item"><a href="{{ route('home') }}"><i data-feather="home"></i></a></li>
               <li class="breadcrumb-item">Masters </li>
               <li class="breadcrumb-item"><a href="{{ route('users.index') }}">Users</a></li>
               <li class="breadcrumb-item active">Show User</li>
            </ol>
         </div>
      </div>
   </div>
</div>
<!-- Container-fluid starts-->
<section class="content content-card">
<div class="container-fluid">
   <div class="row">
      <div class="col-sm-12">
         <div class="card">
            <!-- <div class="card-header">
               <div class="row">
                   <div class="col-lg-12 margin-tb">
                       <div class="pull-left">
                           <h2>Show User</h2>
                       </div>
                       <div class="pull-right">
                           <a class="btn btn-primary" href="{{ route('users.index') }}"> Back </a>
                       </div>
                   </div>
               </div>
               </div> -->
            <div class="card-body">
               <div class="row align-items-center table-top-div">
                  <div class="col-lg-6">
                     <div>
                        <h6 class="table-headings">View User</h6>
                     </div>
                  </div>
                  <div class="col-lg-6">
                     <div class="add-button">
                        <a class="btn btn-dark" href="{{ route('users.index') }}"><i class="fa fa-arrow-left"></i>&nbsp; Back </a>
                     </div>
                  </div>
               </div>
               <div class="row content-padding">
                  <div class="col-xs-12 col-sm-12 col-md-12 mb-2">
                     <div class="form-group">
                        <span class="label-form1">Name :</span>
                        {{ $user->name }}
                     </div>
                  </div>
                  <div class="col-xs-12 col-sm-12 col-md-12 mb-2">
                     <div class="form-group">
                        <span class="label-form1">Email :</span>
                        {{ $user->email }}
                     </div>
                  </div>
                 <div class="col-xs-12 col-sm-12 col-md-12 mb-2">
                     <div class="form-group">
                        <span class="label-form1">Mobile Number :</span>
                        {{ $user->mobile_number }}
                     </div>
                  </div>
                  <div class="col-xs-12 col-sm-12 col-md-12 mb-2">
                     <div class="form-group">
                        <span class="label-form1">Roles :</span>
                        @if(!empty($user->getRoleNames()))
                        @foreach($user->getRoleNames() as $v)
                        <label class="badge blue-badge">{{ $v }}</label>
                        @endforeach
                        @endif
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
</section>
@endsection