@if(Auth::check())
    @extends('layouts.layout')
    @include('layouts.header')

    <body class="skin-blue sidebar-mini" style="height: auto;">
    <div class="wrapper" style="height: auto;">
        <div class="content-wrapper">
            <!-- Content Header (Page header) -->
            <section id="content-menu" class="content-menu">
                <div class="module-menu-container"></div>
                <ol class="breadcrumb"><li><a href="/"><i class="fa-home"></i> Home</a></li>
                    <li class="active"><i class="fa-users"></i>Profil</li>
                </ol><!-- breadcrumbs -->
            </section>

            <!-- Main content -->
            <section class="content">
                <!-- /.row -->
                <div class="row">
                    <div class="col-md-4">
                        <!-- Profile Image -->
                        <div class="box box-primary">
                            <div class="box-body box-profile">

                                <img class="profile-user-img img-responsive img-circle" src="{{ asset('image/' . Auth::user()->image) }}"/>

                                <h3 class="profile-username text-center"><span class="hidden-xs">{{ Auth::user()->username }}</span></h3>

                                <p class="text-muted text-center">Klien Sistem</p>

                                <ul class="list-group list-group-unbordered">
                                    <li class="list-group-item">
                                        <b>Nama Depan</b> <a class="pull-right">{{ Auth::user()->nama_depan }}</a>
                                    </li>
                                    <li class="list-group-item">
                                        <b>Nama Belakang</b> <a class="pull-right">{{ Auth::user()->nama_belakang }}</a>
                                    </li>
                                </ul>

                                <a href="{{url('klien/profil/ubah')}}" class="btn btn-primary btn-block"><b>Ubah</b></a>
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                    </div>

                </div>
            </section>
            <!-- /.content -->
        </div>
    </div>
    </body>
@endif