@extends('layouts.app')

@section('content')

@component('shared.breadcrumbs')
    @slot('breadcrumbs')
        <ul>
            <li><a href="{{ route('home') }}">{{ __('Dashboard') }}</a></li>
            <li>&middot;</li>
            <li><a href="{{ route('admin.inbox') }}">{{ __('Inbox') }}</a></li>
        </ul>
    @endslot

    @slot('actions')
        <a href="{{ route('admin.inbox.create') }}" class="btn btn-outline-primary">{{ __('New message') }}</a>
    @endslot
@endcomponent

<main class="main-content" id="main-content">
    <div class="container">
        <div class="row">
            <div class="col">
                @foreach($conversations as $conversation)
                <div class="card mb-4 inbox" onclick="location.href='{{ route('admin.messages', $conversation) }}'">
                    <div class="card-body">
                        @if($conversation->users->where('id', auth()->user()->id)->first()->pivot->unread)
                        <div class="unread"></div>
                        @endif
                        <div class="row align-items-center justify-content-between">
                            <div class="col-1">
                                @if($conversation->isPrivate())
                                    @if($conversation->recipient()->avatar)
                                    <img src="{{ $conversation->recipient()->avatar->url }}" class="avatar-small mr-2">
                                    @else
                                    <span class="avatar-small mr-2"><i class="fas fa-user"></i></span>
                                    @endif
                                @else
                                    <span class="avatar-small mr-2"><i class="fas fa-users"></i></span>
                                @endif
                            </div>
                            <div class="col-2">
                                <span class="name">{{ $conversation->recipient()->name }}</span>
                                {!! !$conversation->isPrivate() ? '<span class="count" data-toggle="popover" data-trigger="hover" data-html="true" data-placement="right" data-content="' . $conversation->recipients([$conversation->recipient()->id])->implode('name', '<br>') . '">+' . ($conversation->users->count() - 2) . ' ' . __('more') . '</span>' : '' !!}
                            </div>
                            <div class="col">
                                <div class="message truncate">{{ $conversation->latest ? ($conversation->latest->user_id === auth()->user()->id ? 'You' : $conversation->latest->user->name) . ': ' . $conversation->latest->message : '' }}</div>
                            </div>
                            <div class="col-2">
                                <div class="count">
                                    {{ $conversation->messages->count() }} {{ __('messages') }}
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="date">{{ $conversation->latest ? $conversation->latest->created_at->format('j F Y H:i:s') : '' }}</div>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</main>
@endsection