{{-- Extends layout --}}
@extends('front.layouts.app')

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

        <div class="col-md-9">
            <img src="{{ $user->avatar }}" alt="Image"
                class="alignleft img-circle img-thumbnail my-0" style="max-width: 84px;">

            <div class="heading-block border-0">
                <h3>{{ $user->name }}</h3>
                <span>{{ $user->summary }}</span>
            </div>

            <div class="clear"></div>

            <div class="row container clearfix">

                <div class="col-lg-12">

                    <div class="tabs tabs-alt clearfix ui-tabs ui-corner-all ui-widget ui-widget-content" id="tabs-profile">

                        @component('front.components.user_profile_tabs', [
                            'active_tab' => $active_tabs,
                            'aria_selected' => $aria_selected,
                            'user' => $user,
                            ])
                        @endcomponent

                        <div class="tab-container">

                            <div class="tab-content clearfix ui-tabs-panel ui-corner-bottom ui-widget-content"
                                id="tab-feeds" aria-labelledby="ui-id-1" role="tabpanel" aria-hidden="false">

                                <p>&nbsp;</p>
                                @if (!empty($active_tabs[1]))

                                    @if ($user->determinations->count() > 0)
                                        <table class="table table-bordered table-striped">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('Tarih') }}</th>
                                                    <th>{{ __('Tespit') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($user->determinations as $determination)
                                                    <tr>
                                                        <td>
                                                            <code>{{ $determination->created_at }}</code>
                                                        </td>
                                                        <td><a
                                                                href="{{ $determination->link }}">{{ $determination->header }}</a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    @else
                                        @component('front.components.alert_blue', [
                                            'message' => __('Kullanıcının
                                            herhangi bir tespiti bulunmamaktadır.'),
                                            ])
                                        @endcomponent
                                    @endif

                                @elseif(!empty($active_tabs[2]))
                                    @if ($user->comments->count() > 0)
                                        <table class="table table-bordered table-striped">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('Tarih') }}</th>
                                                    <th>{{ __('Yorum') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($user->comments as $comment)
                                                    <tr>
                                                        <td>
                                                            <code>{{ $comment->created_at }}</code>
                                                        </td>
                                                        <td><a href="{{ $comment->determination->link }}">{{ $comment->comment_text }}</a></td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    @else
                                        @component('front.components.alert_blue', [
                                            'message' => __('Kullanıcının
                                            herhangi bir yorumu bulunmamaktadır.'),
                                            ])
                                        @endcomponent
                                    @endif

                                @endif


                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div class="w-100 line d-block d-md-none"></div>

        <div class="col-md-3">

            <div class="fancy-title topmargin title-border">
                <h4>{{ __('Sosyal Medya') }}</h4>
            </div>

            @if (!empty($user->facebook_link))
                <a href="{{ $user->facebook_link }}" class="social-icon si-small si-rounded si-facebook">
                    <i class="icon-facebook"></i>
                    <i class="icon-facebook"></i>
                </a>
            @endif
            @if (!empty($user->twitter_link))
                <a href="{{ $user->twitter_link }}" class="social-icon si-small si-rounded si-twitter">
                    <i class="icon-twitter"></i>
                    <i class="icon-twitter"></i>
                </a>
            @endif

            @component('front.components.user_message', [
                'user' => $user,
                ])
            @endcomponent

        </div>

    </div>

@endsection