@extends('site.layouts.app')
@section('my-profile')
    active
@endsection
@section('content')
    <div class="author-section">
        <div class="container">
            <div class="author-content">
                <div class="author-top-content d-md-flex">
                    <div class="author">
                        @if(Sentinel::getUser()->profile_image != null)
                            <img src="{{static_asset('default-image/user.jpg') }}"
                                 data-original=" {{static_asset(Sentinel::getUser()->profile_image)}}" id="profile-img"
                                 class="img-fluid">
                        @else
                            <img src="{{static_asset('default-image/user.jpg') }}" id="profile-img" class="img-fluid">
                        @endif
                    </div>
                    <div class="author-info">
                        <h2>{{ Sentinel::getUser() ? Sentinel::getUser()->first_name.' '.Sentinel::getUser()->last_name : '' }}</h2>
                        <div class="active">
                            <span>{{ __('last_login') }}: {{ date('l, d F Y, h:i a' , strtotime(Sentinel::getUser()->last_login)) }}</span>
                        </div>
                        <p>{{ Sentinel::getUser()->about_us }}</p>

                        <div class="entry-meta">
                            <ul class="global-list">
                                <li>
                                    <i class="fa fa-birthday-cake" aria-hidden="true"></i> <a href="#">{{ date('d F, Y', strtotime(Sentinel::getUser()->dob)) }}</a>
                                </li>
                                <li><i class="fa fa-mars" aria-hidden="true"></i>
                                    <a href="#">
                                        @if(Sentinel::getUser()->gender == \App\Enums\GenderType::Male)
                                            {{ 'Male' }}
                                        @elseif(Sentinel::getUser()->gender == \App\Enums\GenderType::Female)
                                            {{ 'Female' }}
                                        @else
                                            {{ 'Other' }}
                                        @endif
                                    </a>
                                </li>
                            </ul>
                        </div><!-- /.entry-meta -->
                        <div class="entry-meta">
                            <ul class="global-list">
                                <li>
                                    <a href="#">{{ __('member_since') }}: {{ Sentinel::getUser()->created_at->format('F j, Y') }}</a>
                                </li>
                                <li><i class="fa fa-envelope-o"></i><a href="#">{{ Sentinel::getUser()->email }}</a>
                                </li>
                            </ul>
                        </div><!-- /.entry-meta -->
                        <div class="sg-social">
                            <ul class="global-list d-flex">
                                @if(@Sentinel::getUser()->social_media['facebook_url'] != null)
                                    <li><a href="{{ @Sentinel::getUser()->social_media['facebook_url'] }}"><i
                                                class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                @endif
                                @if(@Sentinel::getUser()->social_media['twitter_url'] != null)
                                    <li><a href="{{ @Sentinel::getUser()->social_media['twitter_url'] }}"><i
                                                class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                @endif
                                @if(@Sentinel::getUser()->social_media['instagram_url'] != null)
                                    <li><a href="{{ @Sentinel::getUser()->social_media['instagram_url'] }}"><i
                                                class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                @endif
                                @if(@Sentinel::getUser()->social_media['google_url'] != null)
                                    <li><a href="{{ @Sentinel::getUser()->social_media['google_url'] }}"><i
                                                class="fa fa-google-plus" aria-hidden="true"></i></a></li>
                                @endif
                                @if(@Sentinel::getUser()->social_media['pinterest_url'] != null)
                                    <li><a href="{{ @Sentinel::getUser()->social_media['pinterest_url'] }}"><i
                                                class="fa fa-pinterest" aria-hidden="true"></i></a></li>
                                @endif
                                @if(@Sentinel::getUser()->social_media['youtube_url'] != null)
                                    <li><a href="{{ @Sentinel::getUser()->social_media['youtube_url'] }}"><i
                                                class="fa fa-youtube" aria-hidden="true"></i></a></li>
                                @endif
                                @if(@Sentinel::getUser()->social_media['linkedin_url'] != null)
                                    <li><a href="{{ @Sentinel::getUser()->social_media['linkedin_url'] }}"><i
                                                class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                                @endif
                            </ul>
                        </div><!-- /.sg-social -->
                    </div>
                </div><!-- /.author-top-content -->
                <div class="row">
                    <div class="col-md-12">
                        <div class="row latest-post-area-profile">
                            @foreach($articles as $post)
                                <div class="col-lg-4">
                                    <div class="sg-post">
                                        <div class="entry-header">
                                            <div class="entry-thumbnail">
                                                <a href="{{ route('article.detail', ['id' => @$post->slug]) }}">
                                                    @if(isFileExist($post->image, $result = @$post->image->medium_image))
                                                        <img
                                                            src="{{safari_check() ? basePath(@$post->image).'/'.$result : static_asset('default-image/default-358x215.png') }} "
                                                            data-original=" {{basePath($post->image)}}/{{ $result }} "
                                                            class="img-fluid" alt="{!! $post->title !!}">
                                                    @else
                                                        <img
                                                            src="{{static_asset('default-image/default-358x215.png') }} "
                                                            class="img-fluid" alt="{!! $post->title !!}">
                                                    @endif
                                                </a>
                                            </div>
                                            <div class="category">
                                                <ul class="global-list">
                                                    @isset($post->category->category_name)
                                                        <li><a href="{{ url('category',$post->category->slug) }}">{{ $post->category->category_name }}</a></li>
                                                    @endisset
                                                </ul>
                                            </div>
                                            @if($post->post_type=="video")
                                                <div class="video-icon large-block">
                                                    <img src="{{static_asset('default-image/video-icon.svg') }} " alt="video-icon">
                                                </div>
                                            @elseif($post->post_type=="audio")
                                                <div class="video-icon large-block">
                                                    <img src="{{static_asset('default-image/audio-icon.svg') }} " alt="audio-icon">
                                                </div>
                                            @endif
                                        </div>
                                        <div class="entry-content">
                                            <h3 class="entry-title"><a
                                                    href="{{ route('article.detail', ['id' => $post->slug]) }}">
                                                    <p>{!! \Illuminate\Support\Str::limit($post->title, 50) !!}</p></a>
                                            </h3>
                                            <div class="entry-meta mb-2">
                                                <ul class="global-list">
                                                    <li>{{ __('post_by') }} <a
                                                            href="{{ route('site.author',['id' => $post->user->id]) }}">{{ data_get($post, 'user.first_name') }}</a>
                                                    </li>
                                                    <li>
                                                        <a href="{{route('article.date', date('Y-m-d', strtotime($post->updated_at)))}}">{{ date2('F j, Y', $post->updated_at->format('F j, Y')) }}</a>
                                                    </li>
                                                </ul>
                                            </div><!-- /.entry-meta -->
                                            <p> {!! strip_tags(\Illuminate\Support\Str::limit($post->content, 130)) !!}</p>
                                        </div><!-- /.entry-content -->
                                    </div><!-- /.sg-post -->
                                </div>
                            @endforeach

                        </div><!-- /.row -->
                        @if($articles->count() != 0)
                            <input type="hidden" id="last_id_profile" value="1">
                            <input type="hidden" id="author_id" value="{{ Sentinel::getUser()->id }}">
                            <div class="col-sm-12 col-xs-12 d-none" id="latest-preloader-area-profile">
                                <div class="row latest-preloader">
                                    <div class="col-md-7 offset-md-5">
                                        <img src="{{static_asset('site/images/')}}/preloader-2.gif" alt="Image"
                                             class="tr-preloader img-fluid">
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-xs-12">
                                <div class="row">

                                    <button class="btn-load-more {{ $totalPostCount > 12? '':'d-none'}}"
                                            id="btn-load-more-profile"> {{ __('load_more') }} </button>


                                    <button class="btn-load-more {{ $totalPostCount > 12? 'd-none':''}}"
                                            id="no-more-data-profile">
                                        {{ __('no_more_records') }}    </button>
                                    <input type="hidden" id="url" value="{{ url('') }}">

                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div><!-- /.author-content -->
        </div><!-- /.container -->
    </div><!-- /.author-section -->

@endsection