@extends('app')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-3 col-md-2">
                <div data-spy="affix" data-offset-top="0" data-offset-bottom="200">
                    <ul class="nav nav-pills nav-stacked">
                        <li>
                            <a href="{{action('UsersController@show', Auth::id())}}">
                                {!! Html::image(Auth::user()->avatar->url('mini'), Auth::user()->name, ['style' => 'width: 25px; display: inline;']) !!}
                                {{ Auth::user()->name }}
                            </a>
                        </li>
                        <li>
                            <a href="{{route('home')}}">
                                <span class="fa fa-fw fa-home"></span> Inicio
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="fa fa-fw fa-comments"></span> Mensajes
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="fa fa-fw fa-image"></span> Fotos
                            </a>        
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-6 col-md-8">
                @yield('center_content')
            </div>
            <div class="col-sm-3 col-md-8">
                @yield('right_content')
            </div>
        </div>
    </div>      
@endsection