digitalbiblesociety/dbp

@extends('layouts.app')

@section('head')
    <title>{{ $user->name }}'s Profile</title>
    <style>
        #profile-banner {
            background-color:#222;
            height:200px;
        }

        .circle {
            width:150px;
            height:150px;
            background-color:#ccc;
            border-radius: 100%;
            margin: 15px auto;
        }
    </style>
@endsection

@section('content')
    <div class="container">


        <section id="profile-banner">
            <div class="columns">
                <div class="column">
                    <div class="circle"></div>
                </div>
            </div>
        </section>

                <div class="card">
                    <div class="card-header">{{ trans('profile.showProfileTitle', ['username' => $user->name]) }}</div>
                    <div class="card-body">

                        <div class="columns">
                            <div class="column">

                            </div>
                        </div>

                        <dl class="user-info">
                            <dt>{{ trans('profile.showProfileUsername') }}</dt>
                            <dd>{{ $user->name }}</dd>

                            <dt>{{ trans('profile.showProfileFirstName') }}</dt>
                            <dd>{{ $user->first_name }}</dd>

                            @if($user->last_name)
                                <dt>{{ trans('profile.showProfileLastName') }}</dt>
                                <dd>{{ $user->last_name }}</dd>
                            @endif

                            <dt>{{ trans('profile.showProfileEmail') }}</dt>
                            <dd>{{ $user->email }}</dd>

                            @if (isset($user->profile))

                                @if($user->profile->location)
                                    <dt>{{ trans('profile.showProfileLocation') }}</dt>
                                    <dd>{{ $user->profile->location }} <br />

                                        @if(config('settings.googleMapsAPIStatus'))
                                            Latitude: <span id="latitude"></span> / Longitude: <span id="longitude"></span> <br />

                                            <div id="map-canvas"></div>
                                        @endif</dd>
                                @endif

                                @if ($user->profile->bio)
                                    <dt>{{ trans('profile.showProfileBio') }}</dt>
                                    <dd>{{ $user->profile->bio }}</dd>
                                @endif

                                @if ($user->profile->twitter_username)
                                    <dt>{{ trans('profile.showProfileTwitterUsername') }}</dt>
                                    <dd>{!! HTML::link('https://twitter.com/'.$user->profile->twitter_username, $user->profile->twitter_username, array('class' => 'twitter-link', 'target' => '_blank')) !!}</dd>
                                @endif

                                @if ($user->profile->github_username)
                                    <dt>{{ trans('profile.showProfileGitHubUsername') }}</dt>
                                    <dd>{!! HTML::link('https://github.com/'.$user->profile->github_username, $user->profile->github_username, array('class' => 'github-link', 'target' => '_blank')) !!}</dd>
                                @endif
                            @endif

                        </dl>

                            @if (Auth::user()->id == $user->id) <a href="{{ URL::to('/profile/'.Auth::user()->name.'/edit') }}">Edit</a> @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection