@extends('mentor.layouts.app')
@section('content')

<div class="nk-wrap ">
<div class="nk-header nk-header-fixed is-light"></div>
<div class="nk-content ">
<div class="container-fluid">
   <div class="nk-content-inner">
      <div class="nk-content-body">
         <div class="form-group">
            <div class="card card-preview">
               <div class="card-inner">
                  <!-- <div class="preview-block">
                     <span class="preview-title-lg overline-title">Default Preview</span>
                     </div> -->
                  <div class="nk-block nk-block-lg">
                     <div class="nk-block-head">
                        <div class="nk-block-head-content nk-block-head-content d-flex justify-content-between align-items-center">
                           <h4 class="nk-block-title">User Profile</h4>
                           <a href="{{ route('user.index') }}" class="btn btn-primary">Edit Profile</a>
                        </div>
                     </div>
                     <section style="background-color: #eee;">
                     <div class="col-lg-8">
                        <div class="card mb-4">
                           <div class="card-body">

                           <div class="row">
                                 <div class="col-sm-3">
                                    <p class="mb-0">Id</p>
                                 </div>
                                 <div class="col-sm-9">
                                    <p class="text-muted mb-0">{{$users->id}}</p>
                                 </div>
                              </div>
                              <hr>
                              <div class="row">
                                 <div class="col-sm-3">
                                    <p class="mb-0">Full Name</p>
                                 </div>
                                 <div class="col-sm-9">
                                    <p class="text-muted mb-0">{{$users->name}}</p>
                                 </div>
                              </div>
                              <hr>
                              <div class="row">
                                 <div class="col-sm-3">
                                    <p class="mb-0">Email</p>
                                 </div>
                                 <div class="col-sm-9">
                                    <p class="text-muted mb-0">{{$users->email}}</p>
                                 </div>
                              </div>
                              <hr>
                              <div class="row">
                                 <div class="col-sm-3">
                                    <p class="mb-0">Phone</p>
                                 </div>
                                 <div class="col-sm-9">
                                    <p class="text-muted mb-0">{{$users->mobile_number}}</p>
                                 </div>
                              </div>
                              <hr>
                              <div class="row">
                                 <div class="col-sm-3">
                                    <p class="mb-0">Address</p>
                                 </div>
                                 <div class="col-sm-9">
                                    <p class="text-muted mb-0">$users->UserDetail->address</p>
                                 </div>
                              </div>
                              <hr>
                              <div class="row">
                                 <div class="col-sm-3">
                                    <p class="mb-0">Location</p>
                                 </div>
                                 <div class="col-sm-9">
                                    <p class="text-muted mb-0">$users->UserDetail->location</p>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>




@endsection