@extends('layouts.adminmonevpkam')

@section('content')
<!-- Content Wrapper. Contains page content -->
  
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h3 style="padding-left:30px;color:#872522">
        PROFIL USER<br>
        <small style="color:#E74A38;">data profil pengguna NutriCalcApp</small>
      </h3>
      
    </section>

    <!-- Main content -->
    <section class="content">
      
      <!-- /.row (main row) -->
      <div class='content'>
        @include('layouts._flash')
        <div class='container-fluid'>
            <!-- Box -->
            <div class="card" >
                <div class="card-header card-header-primary">
                    <h3 class="box-title">Profil User</h3>
                </div>
                <div class="box-body" style="padding-top:20px;padding-left:20px;">
                	<table class="table">
							<tbody>
								<tr>
									<td class="text-muted">Nama</td>
									<td>{{ auth()->user()->name }}</td>
								</tr>
								<tr>
									<td class="text-muted">Username</td>
									<td>{{ auth()->user()->username }}</td>
								</tr>
								<tr>
									<td class="text-muted">Email</td>
									<td>{{ auth()->user()->email }}</td>
								</tr>
                <tr>
                  <td class="text-muted">Photo</td>
                  <td>
                     @if (auth()->user()->photo)
                          <p>
                            {!! Html::image(asset('img/usr/'.auth()->user()->photo), null, ['class'=>'img-rounded','width'=>'25%', 'height'=>
                            '25%']) !!}
                          </p>
                          @endif
                  </td>
                </tr>
							</tbody>
						</table>
                </div><!-- /.box-body -->
                <div class="box-footer" style="padding-left:20px;">
                <a class="btn btn-primary" href="{{ url('/settings/profile/edit') }}">Ubah Profil</a>
                </div><!-- /.box-footer-->
            </div><!-- /.box -->
        </div>
      </div><!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
@endsection