@ -2,47 +2,58 @@
@section('content')
< div class = "container" >
< div class = "profile-header row my-5" >
< div class = "col-12 col-md-2" >
< div class = "profile-avatar" >
< div class = "bg-pixelfed mb-3 d-flex align-items-center justify-content-center display-4 font-weight-bold text-white" style = "width: 132px; height: 132px; border-radius: 100%" > < i class = "fas fa-map-pin" > < / i > < / div >
< / div >
< / div >
< div class = "col-12 col-md-9 d-flex align-items-center" >
< div class = "profile-details" >
< div class = "username-bar pb-2 d-flex align-items-center" >
< div class = "ml-4" >
< p class = "h3 font-weight-lighter" > {{$place->name}}, {{$place->country}}< / p >
< p class = "small text-muted" > ({{$place->lat}}, {{$place->long}})< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "tag-timeline" >
< div class = "row" >
@if($posts->count() > 0)
@foreach($posts as $status)
< div class = "col-4 p-0 p-sm-2 p-md-3" >
< a class = "card info-overlay card-md-border-0" href = "{{$status->url()}}" >
< div class = "square {{$status->firstMedia()->filter_class}}" >
< div class = "square-content" style = "background-image: url('{{$status->thumb()}}')" > < / div >
< / div >
< / a >
< / div >
@endforeach
@else
< div class = "col-12 bg-white p-5 border" >
< p class = "lead text-center text-dark mb-0" > No results for this location< / p >
< / div >
@endif
< / div >
< / div >
< div class = "profile-header row mt-4" >
< div class = "col-12 col-md-2" >
< div class = "profile-avatar" >
< div class = "bg-pixelfed mb-3 d-flex align-items-center justify-content-center display-4 font-weight-bold text-white" style = "width: 132px; height: 132px; border-radius: 100%" > < i class = "fal fa-map-pin" > < / i > < / div >
< / div >
< / div >
< div class = "col-12 col-md-9 d-flex align-items-center" >
< div class = "profile-details" >
< div class = "username-bar pb-2 d-flex align-items-center" >
< div class = "ml-4" >
< p class = "h3 font-weight-lighter" > {{$place->name}}, {{$place->country}}< / p >
< p class = "small text-muted" > ({{$place->lat}}, {{$place->long}})< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "tag-timeline" >
< div class = "row" >
@if($posts->count() > 0)
@foreach($posts as $status)
< div class = "col-4 p-1 p-lg-2" >
< a class = "card info-overlay card-md-border-0" href = "{{$status['url']}}" >
< picture class = "square bg-muted" >
@if(!Str::endsWith($status['media_attachments'][0]['preview_url'], 'no-preview.png'))
< source class = "square-content" srcset = "{{ $status['media_attachments'][0]['preview_url'] }}" / >
@endif
< img class = "square-content" src = "{{ $status['media_attachments'][0]['url'] }}" alt = "{{ $status['media_attachments'][0]['description'] ?? 'Photo was not tagged with any alt text' }}" onerror = "this.src='/storage/no-preview.png';this.onerror=null;" / >
< / picture >
< / a >
< / div >
@endforeach
@else
< div class = "col-12" >
< div class = "card shadow-sm border text-center py-5" >
< div class = "card-body" >
< i class = "far fa-images fa-4x text-muted mb-3" > < / i >
< h4 > No Posts Yet< / h4 >
< p class = "text-muted" > There are no posts tagged at this location yet.< / p >
< a href = "/discover/places" class = "btn btn-primary mt-2" >
Explore Other Places
< / a >
< / div >
< / div >
< / div >
@endif
< / div >
< / div >
< / div >
@endsection
@push('scripts')
< script type = "text/javascript" src = "{{ mix('js/compose.js') }}" > < / script >
< script type = "text/javascript" > App . boot ( ) ; < / script >
@endpush
@endpush