{{-- Part of phoenix project. --}}

@extends('_global.html')

@section('content')

    <style>
        .avatar {
            float: left;
            margin-top: 1em;
            margin-right: 1em;
            position: relative;
            width:150px;
            height:150px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;

            -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
            -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
            box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
        }
        .info-area{

            padding-top:30px;
            padding-bottom:40px;
        }

    </style>
<!-- == SECTION – Freelancer == -->

<section id="pattern-background-1" class="light-bg img-bg-softer" style="background-image: url({{$uri['media.path']}}images/art/pattern-background01.jpg);">
    <div class="container info-area " style="padding-top:20px; padding-bottom: 20px;">
        <div class="row inner-bottom bordered">
            <div class="col-md-offset-2 col-md-2">
                <img src="{{ $item->avatar }}" alt="{{ $item->name }}" class="img-responsive avatar">
            </div>
            <div class="col-md-6">

                <h2 class="info-content">{{ $item->name }}</h2>
                <div class="info-content">
                    <i class="icon-globe"></i>
                    {{ $item->country }}
                </div>
                <div class="info-content">
                    <i class="icon-mail-1"></i>
                    <a href="mailto:{{ $item->email }}">{{ $item->email }}</a>
                </div>
                <div class="info-content">
                    @foreach($talents as $key => $talent)
                        {{ ($key ? '、' : '') . $talent }}
                    @endforeach
                </div>
                <div class="info-content">
                    {{ $item->about }}
                </div>
            </div>
        </div><!-- /.row -->
    </div><!-- /.container -->

    <div class="container inner-bottom-xs">
        @include('_global.widget.products', ['items' => $products])
    </div><!-- /.container -->
</section>

<!-- == SECTION – BLOG POST : END == -->
@stop