@extends('layout.main')
@section('title', 'Detail Akun')

@section('prev-page')
    <a href="{{ route('dashboard') }}" class="text-default">
        <i class="icon-arrow-left52 position-left"></i><span class="text-semibold">Home</span>
    </a> - <a href="{{ route('admin.user') }}" class="text-default">
        <span class="text-semibold">Daftar Akun</span>
    </a>
@endsection

@section('content')
    <div class="col-lg-6 col-lg-offset-3">
        <div class="panel panel-flat">
            <div class="panel-heading">
                <h6 class="panel-title">Detail Akun</h6>
                @if (session('user')->level->id == 4)
                    <div class="heading-elements">
                        <div class="btn-group">
                            <a href="{{ route('admin.user.update', $user->id) }}" type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-remote-lg">
                                {{ '< Edit' }}
                            </a>
                        </div>
                    </div>
                @endif
            </div>
            <div class="panel-body">
                <div class="form-horizontal">
                    <div class="form-group no-margin">
                        <label class="col-lg-2 control-label">Email:</label>
                        <div class="col-lg-10">
                            <div class="form-control-static">{{ $user->email }}</div>
                        </div>
                    </div>
                    <div class="form-group no-margin">
                        <label class="col-lg-2 control-label">Nama:</label>
                        <div class="col-lg-10">
                            <div class="form-control-static">{{ $user->name }}</div>
                        </div>
                    </div>
                    <div class="form-group no-margin">
                        <label class="col-lg-2 control-label">No Hp:</label>
                        <div class="col-lg-10">
                            <div class="form-control-static">{{ $user->mobile }}</div>
                        </div>
                    </div>
                    <div class="form-group no-margin">
                        <label class="col-lg-2 control-label">Gambar Profil:</label>
                        <div class="col-lg-3">
                            @empty($user->image)
                                {{ '-' }}
                            @else
                                <img src="{{ $user->image }}" class="img-responsive" />
                            @endempty
                        </div>
                    </div>
                    <div class="form-group no-margin">
                        <label class="col-lg-2 control-label">Level:</label>
                        <div class="col-lg-10">
                            <div class="form-control-static">{{ $user->level->name }}</div>
                        </div>
                    </div>
                    <div class="form-group no-margin">
                        <label class="col-lg-2 control-label">Status:</label>
                        <div class="col-lg-10">
                            <div class="form-control-static">
                                <span class="label" style="background-color: {{ $user->status->color }};">{{ $user->status->name }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('other-scripts')
    <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/uniform.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/selects/select2.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/core/app.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/login.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/form_select2.js') }}"></script>
@endsection