@extends('admin.layoutWithNavigation')

@section('pageHeading', trans('admin/userManagement.profile'))
@section('pageDescription', @trans('admin/userManagement.detail', ['name' => $user->name, 'email' => $user->email]))

@section('content')

    <div class="row">
        <div class="col-lg-2">
            <div class="callout">
                <figure class="user-img text-center figure">
                    <img class="img-rounded" src="{{$user->gravatar(200)}}" alt="" />

                    @if($user->id == Auth::user()->id)
                        <figcaption class="figure-caption">@lang('admin/userManagement.gravatarLink')</figcaption>
                    @endif
                </figure>
            </div>
        </div>
        <div class="col-lg-10">
            <ul class="nav nav-tabs nav-tabs-bordered" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#user-detail" role="tab" id="user-detail-tab"
                       aria-controls="user-detail">
                        @lang('admin/userManagement.userDetail')
                    </a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#user-edit" role="tab" id="user-edit-tab"
                       aria-controls="user-edit">
                        @lang('admin/userManagement.edit')
                    </a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#user-actions" role="tab" id="user-actions-tab"
                       aria-controls="user-edit">
                        @lang('admin/userManagement.usersActions')
                    </a>
                </li>
            </ul>

            <div class="tab-content tabs-bordered card">
                <div class="tab-pane active" id="user-detail" role="tabpanel">
                    <ul>
                        <li><strong>{{$user->name}}</strong></li>
                        <li>{{$user->email}}</li>
                        <li><em>{{$roles[$user->role]}}</em></li>
                        <li>{{$statuses[$user->status]}}</li>
                    </ul>

                </div>

                <div class="tab-pane" id="user-edit" role="tabpanel">
                    @include('admin.userManagement.editForm', ['states' => $statuses])
                </div>

                <div class="tab-pane" id="user-actions" role="tabpanel">
                    @if (!empty($actions))
                        <ul class="timeline">
                            <?php $odd = false; ?>

                            @foreach($actions as $action)
                                <li @if($odd) class="timeline-inverted" @endif>
                                    <?php $odd = !$odd;?>
                                    <div class="timeline-badge"></div>
                                    <div class="timeline-panel">
                                        <div class="timeline-heading">
                                            <h5 class="timeline-title">{{$action->name}}
                                                <small class="text-muted">
                                                    @date($action->created_at)
                                                </small>
                                            </h5>
                                        </div>
                                        <div class="timeline-body">
                                            <p>{!! $action->value !!}</p>
                                        </div>
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <div class="alert alert-info">
                            <em>@lang('admin/userManagement.noActions')</em>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@stop