2018-06-05 04:09:48 +00:00
@ extends ( 'layouts.app' ,[ 'title' => $user -> username . " posted a photo: " . $status -> likes_count . " likes, " . $status -> comments_count . " comments " ])
2018-05-30 02:33:27 +00:00
@ section ( 'content' )
2018-06-02 23:47:06 +00:00
< div class = " container px-0 mt-md-4 " >
< div class = " card status-container orientation- { { $status -> firstMedia () -> orientation ? ? 'unknown' } } " >
< div class = " row mx-0 " >
2018-06-09 23:36:45 +00:00
< div class = " d-flex d-md-none align-items-center justify-content-between card-header bg-white w-100 " >
2018-06-04 21:55:28 +00:00
< div class = " d-flex align-items-center status-username " >
< div class = " status-avatar mr-2 " >
< img class = " img-thumbnail " src = " { { $user -> avatarUrl () } } " width = " 24px " height = " 24px " style = " border-radius:12px; " >
</ div >
< div class = " username " >
< a href = " { { $user -> url () } } " class = " username-link font-weight-bold text-dark " > {{ $user -> username }} </ a >
</ div >
</ div >
</ div >
2018-06-02 23:47:06 +00:00
< div class = " col-12 col-md-8 status-photo px-0 " >
< img src = " { { $status -> mediaUrl () } } " width = " 100% " >
</ div >
2018-06-03 13:05:23 +00:00
< div class = " col-12 col-md-4 px-0 d-flex flex-column border-left border-md-left-0 " >
2018-06-09 23:36:45 +00:00
< div class = " d-md-flex d-none align-items-center justify-content-between card-header py-3 bg-white " >
2018-06-02 23:47:06 +00:00
< div class = " d-flex align-items-center status-username " >
< div class = " status-avatar mr-2 " >
< img class = " img-thumbnail " src = " { { $user -> avatarUrl () } } " width = " 24px " height = " 24px " style = " border-radius:12px; " >
2018-05-30 02:33:27 +00:00
</ div >
2018-06-02 23:47:06 +00:00
< div class = " username " >
< a href = " { { $user -> url () } } " class = " username-link font-weight-bold text-dark " > {{ $user -> username }} </ a >
</ div >
</ div >
</ div >
2018-06-04 21:55:28 +00:00
< div class = " d-flex flex-md-column flex-column-reverse h-100 " >
< div class = " card-body status-comments " >
< div class = " status-comment " >
< p class = " mb-1 " >
< span class = " font-weight-bold pr-1 " > {{ $status -> profile -> username }} </ span >
< span class = " comment-text " > { !! $status -> rendered ? ? e ( $status -> caption ) !! } </ span >
2018-06-02 23:47:06 +00:00
</ p >
2018-06-04 21:55:28 +00:00
< div class = " comments " >
@ foreach ( $status -> comments -> reverse () -> take ( 10 ) as $item )
< p class = " mb-0 " >
< span class = " font-weight-bold pr-1 " >< bdi >< a class = " text-dark " href = " { { $item -> profile -> url () } } " > {{ $item -> profile -> username }} </ a ></ bdi ></ span >
< span class = " comment-text " > { !! $item -> rendered !! } < a href = " { { $item -> url () } } " class = " text-dark small font-weight-bold float-right " > {{ $item -> created_at -> diffForHumans ( null , true , true , true )}} </ a ></ span >
</ p >
@ endforeach
</ div >
2018-05-30 02:33:27 +00:00
</ div >
2018-06-02 23:47:06 +00:00
</ div >
2018-06-09 23:36:45 +00:00
< div class = " card-body flex-grow-0 py-1 " >
2018-06-04 21:55:28 +00:00
< div class = " reactions h3 mb-0 " >
< form class = " d-inline-flex like-form pr-3 " method = " post " action = " /i/like " style = " display: inline; " data - id = " { { $status -> id } } " data - action = " like " >
2018-05-30 02:33:27 +00:00
@ csrf
< input type = " hidden " name = " item " value = " { { $status -> id } } " >
2018-06-06 14:09:24 +00:00
< button class = " btn btn-link text-dark btn-lg p-0 " type = " submit " title = " Like! " >
2018-06-04 21:55:28 +00:00
< span class = " far fa-heart fa-lg mb-0 " ></ span >
2018-06-04 02:21:02 +00:00
</ button >
2018-05-30 02:33:27 +00:00
</ form >
2018-06-06 14:09:24 +00:00
< span class = " far fa-comment pt-1 pr-3 " title = " Comment " ></ span >
2018-06-04 21:55:28 +00:00
@ if ( Auth :: check ())
@ if ( Auth :: user () -> profile -> id === $status -> profile -> id || Auth :: user () -> is_admin == true )
< form method = " post " action = " /i/delete " class = " d-inline-flex " >
@ csrf
< input type = " hidden " name = " type " value = " post " >
< input type = " hidden " name = " item " value = " { { $status -> id } } " >
2018-06-06 14:09:24 +00:00
< button type = " submit " class = " btn btn-link btn-lg text-dark p-0 " title = " Remove " >
2018-06-04 21:55:28 +00:00
< span class = " far fa-trash-alt fa-lg mb-0 " ></ span >
</ button >
</ form >
@ endif
@ endif
< span class = " float-right " >
< form class = " d-inline-flex bookmark-form " method = " post " action = " /i/bookmark " style = " display: inline; " data - id = " { { $status -> id } } " data - action = " bookmark " >
@ csrf
< input type = " hidden " name = " item " value = " { { $status -> id } } " >
2018-06-06 14:09:24 +00:00
< button class = " btn btn-link text-dark p-0 btn-lg " type = " submit " title = " Save " >
2018-06-04 21:55:28 +00:00
< span class = " far fa-bookmark fa-lg mb-0 " ></ span >
</ button >
</ form >
</ span >
</ div >
< div class = " likes font-weight-bold mb-0 " >
< span class = " like-count " data - count = " { { $status -> likes_count } } " > {{ $status -> likes_count }} </ span > likes
</ div >
2018-06-09 23:36:45 +00:00
< div class = " timestamp " >
< a href = " { { $status -> url () } } " class = " small text-muted " >
{{ $status -> created_at -> format ( 'F j, Y' )}}
</ a >
</ div >
2018-06-02 23:47:06 +00:00
</ div >
</ div >
2018-06-09 23:36:45 +00:00
< div class = " card-footer bg-white sticky-md-bottom " >
2018-06-02 23:47:06 +00:00
< form class = " comment-form " method = " post " action = " /i/comment " data - id = " { { $status -> id } } " data - truncate = " false " >
@ csrf
< input type = " hidden " name = " item " value = " { { $status -> id } } " >
< input class = " form-control " name = " comment " placeholder = " Add a comment... " >
</ form >
2018-05-30 02:33:27 +00:00
</ div >
</ div >
</ div >
</ div >
</ div >
2018-06-02 23:47:06 +00:00
@ endsection
2018-06-02 18:11:08 +00:00
@ push ( 'meta' )
2018-06-09 03:34:49 +00:00
< meta property = " og:description " content = " { { $status->caption }} " >
2018-06-02 18:11:08 +00:00
< meta property = " og:image " content = " { { $status -> mediaUrl () } } " >
@ endpush